Na maioria das páginas web, vai encontrar hiperligações âncora que ajudam os leitores (e os motores de busca) a perceber que informação está disponível na página e a navegar rapidamente até ao que pretendem saber. Se quer usar links âncora para melhorar o desempenho do seu site, comece por perceber o que fazem, como criá-los e de que forma contribuem para a otimização para motores de busca.
O que é uma hiperligação âncora?
As hiperligações âncora, também conhecidas como jump links, são textos com hiperligações numa página web que direcionam para outro local da mesma página. Consideram-se hiperligações internas porque mantêm os leitores no mesmo site. As hiperligações externas, por outro lado, enviam os visitantes para um site diferente.
Normalmente, as hiperligações âncora estão no topo de uma página web. Funcionam como ferramentas de navegação que ajudam os leitores a saltar para uma secção específica do conteúdo. Contudo, também pode usá-las para criar botões flutuantes do tipo «voltar ao topo». Pense nas hiperligações âncora como uma espécie de índice que organiza e estrutura a informação para proporcionar uma melhor experiência do utilizador.
As hiperligações âncora são atalhos úteis para blogues, newsletters por email e outros conteúdos extensos, tornando-os mais fáceis de navegar.
Pode criar hiperligações âncora no código-fonte da página através de etiquetas âncora. Uma etiqueta âncora no código HTML representa-se como <a> para marcar o elemento âncora, acompanhada de um atributo href representado como href=, que define o destino da hiperligação.
Como é que as hiperligações âncora influenciam o SEO?
Quando usadas corretamente, as hiperligações âncora podem contribuir para melhorar a sua otimização para motores de busca (SEO), dando contexto e estrutura ao conteúdo. Um texto âncora rico em palavras-chave ensina os motores de busca a categorizar o seu conteúdo nas pesquisas, enquanto as hiperligações internas esclarecem a hierarquia e a relevância do texto. Além disso, as hiperligações âncora podem ajudar a reduzir a taxa de rejeição, encaminhando os visitantes para conteúdos que lhes são relevantes e que os mantêm interessados na sua página.
Greg Bernhardt, estratega de SEO na Shopify, afirma: «O texto âncora de uma hiperligação funciona como um sinal de contexto importante para o Google acerca do tema da página ligada. Pense nisso como uma recomendação temática. Quanto mais forte e clara for a recomendação, mais forte será o SEO. Se o seu texto âncora for "Comprar Widgets Azuis Canadianos", está a indicar ao Google qual é o tema dessa página. Um texto âncora vago ou pouco descritivo, como "Clique aqui", transmite menos confiança ao utilizador e não dá ao Google qualquer sinal temático sobre a página.»
Como criar hiperligações âncora
Muitos programas de software para sites e editores de texto incluem ferramentas que facilitam a inserção de hiperligações âncora no texto, mas também pode criá-las por conta própria, aprendendo a usar o código da etiqueta âncora em HTML. Pode seguir este processo em programas de código compatíveis com a Shopify, como o Visual Studio Code, o Sublime Text ou o Atom.
1. Crie o elemento âncora
Na janela de HTML, localize a secção ou o elemento de destino para onde quer que o texto âncora encaminhe. O ideal é criar um ID único para essa secção, de forma a identificá-la e ligá-la facilmente. Por exemplo, pode nomear a secção de destino como «part1». De seguida, insira o código id="part1" na etiqueta de abertura da secção de destino. Repare que as aspas retas são essenciais para delimitar o ID âncora no código. O exemplo de código seguinte é simples:
<html>
<body>
<h1 id="part1">Parte Um</h1>
<p>Este é o conteúdo da parte um.</p>
</body>
</html>
2. Crie a hiperligação âncora
Pode usar o ID âncora criado no passo anterior num atributo href (chamado referência de hipertexto) que liga o texto âncora ao elemento de destino. Use o código a href="#part1" para criar a hiperligação âncora na página. O código ficará agora semelhante a este:
<html>
<body>
<a href="#part1">Ir para a Parte Um</a>
<h1 id="part1">Parte Um</h1>
<p>Este é o conteúdo da Parte 1.</p>
</body>
</html>
3. Teste a hiperligação âncora
Clique em Guardar no ficheiro HTML e execute o código num novo separador do navegador. A hiperligação âncora deverá surgir como texto com uma hiperligação funcional associada, que o levará diretamente para a secção definida como elemento âncora.
Como otimizar hiperligações âncora para SEO
Usar hiperligações âncora de forma estratégica é uma excelente maneira de aumentar as hipóteses de obter uma melhor classificação nas páginas de resultados dos motores de busca (SERPs). Eis algumas boas práticas a seguir ao criar as suas hiperligações âncora:
1. Use palavras-chave relevantes
Os motores de busca recorrem ao texto da hiperligação âncora para determinar o conteúdo da sua página e a forma de categorizar o site. Ao usar palavras-chave nas hiperligações âncora, indica os temas do seu conteúdo e pode contribuir para que o site obtenha uma melhor classificação nas páginas de resultados para esses temas.
2. Coloque as hiperligações num local de destaque na página
As hiperligações âncora devem estar facilmente acessíveis e bem visíveis na página, para que os visitantes do site as encontrem com rapidez. Assim, os motores de busca percebem que os leitores dão prioridade às hiperligações âncora e tratam-nas como elementos importantes para a navegação e o conteúdo do site.
3. Estruture a página de forma estratégica
As hiperligações âncora ajudam os motores de busca a compreender melhor a estrutura global do site, por isso convém ligar a secções específicas que tenham maior relevância para as palavras-chave que pretende destacar. Use hiperligações âncora para direcionar os utilizadores para a informação mais importante da página e para o texto que, na sua opinião, melhor responde às dúvidas dos leitores.
4. Otimize para todas as plataformas
Quando verificar se as hiperligações âncora estão a funcionar, faça-o em todos os tipos de plataformas (como telemóvel, tablet e computador), bem como numa variedade de navegadores (como o Firefox ou o Google Chrome) que os leitores possam usar, incluindo navegadores móveis e leitores de ebooks. Ter hiperligações danificadas ou código incompatível com determinada plataforma pode levar à perda de leitores e prejudicar a sua classificação de SEO.
Perguntas frequentes sobre hiperligações âncora
Qual é a diferença entre hiperligações âncora e jump links?
Pode usar ambos os termos (“hiperligação âncora” e “jump link”). O termo jump link é geralmente considerado uma variante menos formal de hiperligação âncora.
É possível usar hiperligações âncora com imagens e vídeos?
Sim, pode criar uma hiperligação âncora a partir de uma imagem ou de um vídeo. Para isso, siga os mesmos passos que usaria com texto, mas insira o código id="anchor" dentro da etiqueta de parágrafo ou de cabeçalho da imagem ou do vídeo, de forma a torná-los o seu elemento âncora.
Como posso testar se as hiperligações âncora estão a funcionar corretamente?
Para testar as hiperligações âncora, abra o código num separador do navegador ou numa janela de navegador móvel e clique em cada âncora individualmente, para confirmar que o levam corretamente ao local certo da página atual.
As hiperligações âncora afetam os tempos de carregamento da página?
Não, as hiperligações âncora não têm qualquer impacto nos tempos de carregamento de um site, pois não exigem obtenção de dados adicionais nem pedidos ao servidor.
Há considerações de acessibilidade a ter em conta ao usar hiperligações âncora?
Sim, a acessibilidade é um fator importante na criação de hiperligações âncora, para proporcionar a melhor experiência possível a todos os tipos de leitores. Use sempre um texto âncora claro e descritivo, relevante para o conteúdo a que está ligado, de modo a que os leitores naveguem a página com eficácia. É igualmente importante testar as hiperligações em todos os tipos de plataformas, incluindo diferentes navegadores, dispositivos móveis e leitores de ecrã.
