E1 · Mapa de links
20 minPreencha o mapa de links da sua página nova: pilar, irmãs, catálogo e as 2 ou 3 antigas da escada.
Pronto quando: o mapa tem pilar, pelo menos 2 irmãs e 2 antigas escolhidas, cada uma com a frase da âncora escrita.
Aula 6 · 15 min
Links internos e a escada de links
Para o buscador, página sem link é página que quase não existe. Toda página nova precisa de caminho até ela, no HTML que o servidor entrega, e de links saindo dela para o pilar e as irmãs. A escada de links é o hábito que garante isso: publicou, edite duas ou três páginas antigas para apontar para a nova.
Começar a aula
Nesta aula você vai
- 1A regra fixa de links: home, pilar, página
- 2A escada de links a cada publicação
- 3Âncora descritiva em vez de "clique aqui"
- 4O caso do catálogo que perdeu os links
Objetivo: ligar cada página nova ao pilar e às irmãs e editar 2–3 páginas antigas para apontar para ela, no mesmo commit.
01Quem linka para quem
Clique em cada degrau.
Clique em cada bloco do diagrama para ver o que ele faz.
Links que contam são os que estão no HTML entregue pelo servidor, sem depender de JavaScript.
02A cada página nova
Clique em cada passo.
1. Links de saída
No corpo, 2 a 4 links com âncora descritiva. No fim, um bloco "Leia também" com o pilar e as irmãs.
Todos os links respondem 200 (o raio-x do curso 1 confere).
2. Escada
Escolha 2 ou 3 páginas antigas do mesmo tema onde o link faz sentido para o leitor, e acrescente uma frase com link.
O pilar do tema sempre ganha o link para a nova.
3. Mesmo commit
A página nova e as edições da escada sobem juntas. "Depois eu linko" é como nascem páginas órfãs.
4. Conferir no HTML
Rode o raio-x na página nova e nas antigas: a linha "links internos no HTML" mostra se os links estão no HTML do servidor.
Catálogo com busca no navegador também precisa de links no HTML: um índice recolhido (details) resolve sem mudar o visual.
No INEMA
Em 30/09/2026 a página de cursos virou "só busca" e 310 fichas perderam o único link interno renderizado no servidor. A correção foi um índice recolhido, sem mudança visual.
03Mapa de links, bloco da escada e a conferência
Anote o mapa antes de publicar.
Mapa de links de uma página nova
Página nova: <url> Pilar (pai): <url> Irmãs (2–4): <url> · <url> Catálogo (2): <url> · <url> Escada (2–3 antigas que passam a linkar a nova): - <url antiga 1>: frase "<texto da âncora>" - <url antiga 2>: frase "<texto da âncora>" - pilar: entrada na lista do tema
Índice recolhido para catálogo com busca
<details>
<summary>Todos os itens do catálogo</summary>
<ul>
<li><a href="/cursos/levain-do-zero/">Levain do zero</a></li>
<li><a href="/cursos/forno-domestico/">Forno doméstico</a></li>
</ul>
</details>Conferir com o raio-x
tools/auditoria.sh https://www.seusite.com /pagina-nova/ /antiga-1/ /antiga-2/ # linha "links internos no HTML" de cada página # e, na antiga, procure o endereço da nova: curl -s https://www.seusite.com/antiga-1/ | grep -c 'href="/pagina-nova/"'
Exemplo do repositório
$ tools/auditoria.sh https://www.inema.club / /cursos/ -- / [200] links internos no HTML: 27 -- /cursos/ [200] title: Cursos de inteligência artificial, agentes e automação | INEMA.club links internos no HTML: 335
Com o índice recolhido, a página de cursos entrega os links no HTML do servidor, mesmo sendo uma busca no navegador.
- "Clique aqui": a âncora não diz do que é a página.
- Links só por JavaScript: o rastreador pode não ver.
- Bloco "outros sites da rede" em toda página: link entre sites é contextual e raro.
04Prática: ligar a sua página
Use a página de pergunta da aula 4.
E2 · Escada publicada
30 minPublique a página nova e as edições da escada no mesmo commit. Rode o raio-x e o grep nas antigas.
Pronto quando: o grep encontra o endereço da nova em cada página antiga da escada, e o raio-x mostra links internos no HTML da nova.
05Teste o que aprendeu
A explicação aparece depois da sua resposta.
Pergunta 1 de 4
O que é a escada de links?competência
Correto
É o hábito que impede a página nova de nascer órfã.Não é essa
É o hábito que impede a página nova de nascer órfã.Rever: Quem linka para quemPergunta 2 de 4
O catálogo virou uma busca no navegador e as fichas sumiram do índice. Causa provável?
Correto
Foi o caso do INEMA: 310 fichas perderam o único link renderizado no servidor. Um índice recolhido resolveu.Não é essa
Foi o caso do INEMA: 310 fichas perderam o único link renderizado no servidor. Um índice recolhido resolveu.Rever: A cada página novaPergunta 3 de 4
Qual âncora é melhor?
Correto
Âncora descritiva diz ao leitor e ao buscador do que é a página de destino.Não é essa
Âncora descritiva diz ao leitor e ao buscador do que é a página de destino.Rever: Quem linka para quemPergunta 4 de 4
Para onde a página de pergunta deve linkar?
Correto
É a regra fixa da etapa 7 do método.Não é essa
É a regra fixa da etapa 7 do método.Rever: Quem linka para quemTeste concluído
Você acertou {a} de {n}. Acertando todas, a aula é marcada como concluída.Escolha uma alternativa. A explicação aparece depois da sua tentativa.
06Para levar
Regra fixaHome → pilares; pilar → perguntas; página → pilar, irmãs, catálogo.
Escada2 ou 3 antigas apontam para a nova, no mesmo commit.
No HTMLConfira no raio-x: link que só existe no JavaScript pode não contar.