br>
O que é uma Etiqueta de Âncora?
Uma etiqueta de âncora é uma etiqueta HTML. É utilizada para definir o início e o fim de um link de hipertexto. Os motores de busca utilizam a etiqueta para determinar o assunto do URL de destino. Os utilizadores clicam no texto da âncora para chegar ao destino do link.
Como construir um Hyperlink com uma Tag de Âncora em HTML
<a href="http://www.example.com">My sample page </a>
Uma Tag de Âncora é definida com e consiste em três partes:
- o atributo href,
- o atributo nome,
- e o atributo destino.
atributo href
Para criar um hiperlink, o destino (endereço) do documento deve ser conhecido. Um hyperlink pode ligar a páginas do seu próprio domínio, a outros sítios web, ou a um ficheiro (como um documento PDF).
Por exemplo, para ligar à página inicial do Google, o código é o seguinte:
<a href="http://www.google.com">Google Home</a>
Href significa hypertext reference. Este atributo define o endereço alvo do documento, a que desta vez está ligado (http://www.google.com). O sinal “=” é a ligação do atributo com o valor do atributo, em que “href” é o atributo e ” http://www.google.com ” é o valor do atributo. Há um apóstrofo antes e depois do valor do atributo. A frase definida “Google Home” é conhecida como o texto de âncora ou texto de ligação – isto é o que é visível e clicável para o utilizador. Um texto de âncora é idealmente conciso, informativo e relevante para a página de destino.
Se quiser ligar internamente a outra parte do seu website, não tem de especificar o endereço completo, neste caso o nome do ficheiro é suficiente:
<a href="MyPage.html">My page</a>
Usar o endereço completo pode fazer com que a página carregue mais lentamente. Ver também “Velocidade do sítio”
Atributo do nome
O atributo do nome da anchor tag pode ser utilizado para permitir aos utilizadores “saltar” para um ponto específico de uma página (jump marker, âncora). Isto é especialmente útil com páginas grandes ou subdivisões.
O código HTML tem o seguinte aspecto:
<a name="to top"></a> or<a name="Content"></a>Content
Na primeira amostra de código, liga-se da parte inferior de uma página de volta ao início, para que os utilizadores possam chegar rapidamente ao topo da página sem terem de se deslocar durante muito tempo. No segundo exemplo, os utilizadores podem aceder directamente a uma parte da página, por exemplo, a um ponto de subdivisão. Ao clicar, os utilizadores são guiados através do atributo do nome directamente ao assunto.
<a href="#Content">Content</a>
Apenas colocando uma etiqueta hash (#) no nome da âncora, o navegador pode identificar um salto dentro da página.
P>Pode também ligar-se a um local específico noutra página internamente. Isto seria definido da seguinte forma:
<a href="anotherpage.html#name">Linktext</a>
O “#nome” é especificado após o nome do ficheiro.
Atributo de destino
O atributo de destino especifica como a página de destino ou o documento de destino deve ser aberto. “target=” _ branco ” é utilizado para a abertura da página de destino num novo separador. Esta é a opção habitual quando se utilizam atributos de destino para ligação a outras páginas.
<a href="http://www.mypage.com" target="_blank" rel="noopener">Linktext</a>
Atributo de título
O atributo de título dá aos utilizadores uma indicação importante sobre para onde serão direccionados quando clicam numa ligação. Se o utilizador passar com o rato sobre uma referência de ligação, o texto do título, que foi definido no atributo, será exibido. Isto pode ser uma dica de ferramenta, ou descrição do recurso para o qual a hiperligação é direccionada. Os dados do atributo título tornam o sítio mais fácil de utilizar.
O atributo título também pode ser utilizado para imagens e ficheiros gráficos para dar uma breve descrição do que é mostrado na imagem.
<img title="Here you can see a sample image" src="exampleimage.png" alt="sample image">
Importância da optimização para motores de busca
A cadeia de caracteres “preparação” na referência HTML superior é o texto do link que é visível no corpo do texto de um sítio web e pode aparecer como texto azul ou sublinhado, dependendo do layout. O texto de ligação é também chamado texto âncora e é particularmente importante do ponto de vista da optimização para motores de busca. O texto âncora faz parte da etiqueta âncora.
As etiquetas âncora são uma forma essencial de optimização de documentos HTML para motores de busca. Texto âncora e atributos de título dão aos utilizadores e motores de busca mais informações sobre a ligação de destino. Tal como acontece com URLs limpos, é essencial efectuar pesquisa de palavras-chave para textos âncora para ligações internas, porque se forem colocadas aqui palavras-chave importantes, isto pode beneficiar tanto os utilizadores como os motores de busca, levando a melhores classificações.
A diferenciação entre ligações internas e ligações externas é particularmente importante para as etiquetas âncora. Por exemplo, não há restrições ao uso de palavras-chave em texto âncora para ligações internas. Webmasters e SEOs podem ligar directamente palavras-chave individuais sem correr o risco de penalizações por parte dos motores de busca. Ao ligar palavras-chave específicas no website, a relevância temática de uma subpágina pode ser reforçada e, assim, a classificação pode ser influenciada.
Com ligações em atraso, por outro lado, o uso excessivo de ligações por palavras-chave pode levar a uma penalização pelo Google desde a implementação das Actualizações de Pinguins.
O atributo de título das Anchor Tags geralmente não tem efeito directo no SEO. No entanto, o uso de atributos de título e elementos em links ou imagens pode aumentar a taxa de cliques e assim afectar indirectamente os sinais do utilizador que o Google recebe do website.