Links âncora: como criar links para uma seção em HTML e no seu CMS, e o que eles trazem para o SEO

Um link âncora, também chamado de link de salto ou âncora de link, é um dos recursos mais antigos do HTML e um dos mais úteis em conteúdos longos. Ele permite que o leitor vá direto à resposta que procura em vez de rolar a página. O Google trata os links como um sinal central de como as páginas se relacionam, e suas práticas recomendadas para links reforçam que eles devem ser elementos a reais com um href. Este guia mostra como criar links âncora em HTML e nos principais CMS, o que eles trazem para o SEO e para as respostas das IA e como se relacionam com o texto âncora.

O que é um link âncora?

Um link âncora é um hiperlink cujo destino é um ponto dentro de uma página. A URL termina com uma cerquilha seguida de um identificador, chamado fragmento: exemplo.com.br/guia#passo-3. Ao clicar, o navegador carrega a página (ou permanece nela) e rola até o elemento cujo id é passo-3.

Há três usos comuns:

• Navegação na mesma página: um sumário no início de um artigo, ou um link «voltar ao topo».
• Links profundos a partir de outra página: linkar de um artigo para uma seção precisa de outro, por exemplo uma definição em um glossário.
• Compartilhar um trecho preciso: mandar um colega direto ao parágrafo que responde à pergunta dele.

Os buscadores tratam exemplo.com.br/guia e exemplo.com.br/guia#passo-3 como a mesma página. O fragmento nunca cria uma nova URL para indexar, então links âncora não podem causar conteúdo duplicado.

Como criar um link âncora em HTML?

Dois trechos de código bastam: um id no destino e um link que aponta para ele.

1. Adicionar um id ao destino: <h2 id="precos">Preços</h2>. Use letras minúsculas, números e hifens, sem espaços nem acentos, e mantenha cada id único na página.
2. Linkar na mesma página: <a href="#precos">Ver preços</a>.
3. Linkar a partir de outra página: <a href="/guia#precos">Seção de preços do guia</a>.
4. Testar: clique no link e confira se o título aparece no topo da tela e não fica escondido sob um cabeçalho fixo (a propriedade CSS scroll-margin-top resolve isso).

O método antigo, <a name="precos"></a>, ainda funciona nos navegadores, mas está obsoleto no HTML5. Coloque o id no próprio título. Um recurso parecido, os fragmentos de texto, permite que um link destaque um trecho sem nenhum id, com a sintaxe #:~:text=, como documenta o MDN. O Google usa esse mecanismo quando leva os visitantes ao trecho citado em alguns snippets em destaque.

Como adicionar links âncora no WordPress, Shopify, Webflow ou Wix?

Todo grande CMS permite definir um id sem mexer no tema. Só muda o nome do campo.

Se o seu CMS gera ids sozinho, confira: alguns usam o texto completo do título, o que produz fragmentos longos e instáveis que quebram quando você edita o título.

Links âncora ajudam no SEO?

Links âncora são antes de tudo um recurso de usabilidade. O valor para o SEO é indireto, mas real em conteúdos longos:

• Links «Ir para» nos resultados: em páginas longas e bem estruturadas, o Google às vezes mostra links para seções abaixo do resultado, o que pode aumentar a visibilidade e os cliques. O Google decide quando exibi-los.
• Melhor identificação de trechos: títulos claros com ids ajudam buscadores e assistentes de IA a localizar uma resposta precisa em uma página longa, a mesma lógica dos snippets em destaque.
• Engajamento: um sumário leva o leitor à parte de que precisa, em vez de ele sair para procurar em outro lugar.
• Acessibilidade: links de salto e navegação interna ajudam quem usa teclado ou leitor de tela, um princípio das diretrizes de acessibilidade do W3C.
• Links internos precisos: apontar para #definicao em outro artigo leva o leitor ao trecho exato, o que fortalece sua estrutura de links internos.

O que links âncora não fazem: eles não transmitem autoridade extra, já que um link para pagina#secao conta como link para a página, e não substituem um bom conteúdo. Um alerta técnico vem direto do guia de noções básicas de SEO para JavaScript do Google: não use fragmentos para carregar conteúdo diferente, porque o Googlebot não consegue resolver essas URLs de forma confiável. Use fragmentos apenas para rolar dentro de um conteúdo que já está na página.

Qual a diferença entre link âncora e texto âncora?

Os dois termos são próximos e muitas vezes confundidos. O link âncora diz respeito a para onde o link vai (uma seção). O texto âncora diz respeito ao que o link diz (as palavras clicáveis). Nosso verbete do glossário sobre texto âncora aprofunda o segundo tema.

Quais boas práticas seguir para links âncora e seu texto?

Todo link âncora também tem um texto âncora, então os dois conjuntos de regras valem juntos.

• Ids curtos e legíveis: #precos, #instalacao, em vez de #secao-1 ou de um fragmento de 12 palavras.
• Texto de link descritivo: o Google recomenda um texto descritivo, razoavelmente conciso e relevante, e desaconselha fórmulas genéricas como «clique aqui».
• Um sumário nas páginas longas: a partir de cerca de 1500 palavras, liste as seções H2 no topo, cada uma linkada ao seu id.
• Títulos em forma de pergunta: títulos escritos como as perguntas reais dos usuários tornam os links de seção mais úteis e mais fáceis de citar.
• Ids estáveis: não mude um id depois da publicação se outras páginas ou sites apontam para ele.
• Verificar a estrutura: um analisador da estrutura de títulos mostra se seus níveis H2 e H3 estão limpos antes de adicionar âncoras.

Quais erros evitar?

• Ids duplicados: dois elementos com o mesmo id fazem o link pular só para o primeiro.
• Destinos escondidos: um título dentro de uma aba ou de um acordeão fechado pode ficar fora do alcance do link.
• Cabeçalhos fixos cobrindo o título: adicione scroll-margin-top no CSS.
• Navegação baseada em fragmentos: aplicativos de página única que trocam o conteúdo com URLs #/pagina são difíceis de rastrear para o Google.
• Texto âncora superotimizado: repetir a mesma palavra-chave exata em todos os links parece manipulação.

Conclusão

Um link âncora leva o leitor a uma seção precisa de uma página por meio de um fragmento #id. Você o cria adicionando um id ao título e linkando para ele, em HTML ou nas configurações do seu CMS. Os benefícios para o SEO são indiretos, mas concretos em conteúdos longos: sumários, possíveis links de seção no Google, trechos mais claros para as respostas das IA e links internos mais precisos, desde que o texto âncora continue descritivo. Se você prefere não estruturar cada artigo à mão, o Sorank, nosso software de SEO e GEO em autopilot, escreve artigos estruturados com títulos em forma de pergunta e links internos e os publica no seu CMS: conheça o gerador de artigos de blog com IA e teste com 3 dias grátis.