Definition
Anchor tags são tags HTML que são usadas para criar hiperligações. As ligações e hiperligações formam a base da navegação na web e são o que se clica para passar de uma página para outra de um sítio web. Praticamente qualquer elemento de uma página pode ser envolvido em etiquetas de âncora e transformado num link, desde texto simples a imagens e outros elementos HTML.
Atributos de uma etiqueta de âncora
O HTML <a> tag, também conhecida como etiqueta de âncora, aceita uma série de atributos diferentes. Os atributos HTML são dados adicionados à etiqueta para dar informação adicional. A maioria é opcional, mas alguns são obrigatórios. A etiqueta de âncora requer um atributo href no mínimo, mas existem muitos outros atributos opcionais.
Um exemplo de uma etiqueta de âncora HTML utilizando vários atributos poderia parecer-se com isto:
<a href="www.google.com" name="google_link" target="_blank" title="Link to Google">Link to Google</a>
Href attribute
O atributo href é requerido, pois é isto que cria a ligação. Href significa referência de hipertexto e contém o URL para onde enviar os utilizadores quando clicam no link. No exemplo acima, este é www.google.com.
O atributo nome
O atributo nome é agora obsoleto a partir de HTML5, e em vez disso, aconselha-se a utilização do atributo id. Antes de HTML5, o nome e o atributo id eram permutáveis. Eram utilizados para dar a um elemento um nome que o identificasse para utilização noutro local, como em CSS ou javascript.
Target attribute
O atributo target é utilizado para descrever como o utilizador será enviado para a página no link. Os dois valores mais comuns são:
- “_self”, que é a opção padrão se não for especificada de outra forma, e envia os utilizadores para a ligação dentro do mesmo contexto de navegação, normalmente um separador.
- “_blank” abre a ligação de âncora numa nova janela ou separador. Isto é tipicamente utilizado para ligar a páginas externas.
Outros atributos alvo incluem “_parent” e “_top”, embora estes sejam raramente utilizados e fossem geralmente aplicáveis quando os iframes eram amplamente utilizados, que desde então têm caído em desuso. Permitiram aos programadores abrir uma ligação numa moldura pai ou na moldura mais alta de uma página.
Title attribute
O atributo título é utilizado para fornecer um nome para a ligação. Este nome será mostrado em vários contextos, por exemplo quando um utilizador passa o rato sobre a ligação, e quando um utilizador com um leitor de ecrã destaca a etiqueta de âncora. Isto é considerado opcional mas é recomendado para fins de acessibilidade.
Atributos adicionais
A etiqueta de âncora suporta atributos adicionais. Alguns destes são comuns a outras etiquetas HTML, tais como ‘class’ e ‘id’, mas alguns deles são exclusivos da etiqueta de âncora. Aplicam-se tipicamente a casos de uso muito específicos.
Download attribute
Esta informação fornece uma dica ao navegador de que a ligação deve desencadear um download do conteúdo ligado, em vez de navegar para ele. Pode ser deixado em branco, caso em que um melhor palpite será utilizado para especificar um nome de ficheiro, mas qualquer valor introduzido na etiqueta de descarregamento será utilizado para o nome de ficheiro sugerido.
atributohreflang
Este atributo HTML pode ser utilizado para especificar versões linguísticas alternativas da respectiva página web. Este será um valor, tal como “fr” para o francês ou “en-GB” para o inglês britânico. Hreflang pode ser útil para fornecer contexto adicional para motores de busca e evitar conteúdos duplicados.
atributorel
O atributo HTML rel permite especificar uma relação entre duas páginas. Isto aceita uma gama de valores, incluindo “canónico”, “externo”, e “ajuda”. Estas dicas sobre certos comportamentos, tais como o link ser pretendido como a versão canónica de uma página, um link externo fora do controlo do website, ou que o link contém mais informação sobre o link actual.
Importância para optimização de motores de busca
As etiquetas de âncora são fundamentais para o funcionamento da web e vários atributos dentro da etiqueta de âncora são particularmente úteis no que diz respeito a SEO. Os sítios multilingues são altamente recomendados para tirar partido do atributo hreflang. Além disso, é uma melhor prática comum de SEO utilizar uma ligação rel=canónica para designar versões canónicas de páginas. Caso contrário, os motores de busca podem considerar diferentes versões URL da mesma página (por exemplo, devido a parâmetros URL) como conteúdo duplicado que pode ter um impacto negativo na classificação dos motores de busca.
O atributo rel pode também conter valores como “nofollow”. Nofollow especifica que a página ligada não deve ser seguida e rastreada por motores de busca.
Em resumo: Anchor tag FAQS
Para que são usadas as anchor tags?
Anchor Tags são usadas para transformar texto, imagens, ou outros elementos HTML em hiperlinks.
Como se cria uma etiqueta de âncora?
Pode-se criar etiquetas de âncora em HTML, usando a tag <a> tag combinada com um ou mais atributos.
Quais são os atributos mais importantes de uma etiqueta de âncora?
Os atributos mais importantes são:
- Href
- Nome
- Target
- Título
Como é que as etiquetas de âncora afectam SEO?
As etiquetas de âncora são relevantes para SEO porque podem ser usadas, por exemplo, para criar ligações canónicas de modo a evitar conteúdos duplicados.
Ligações relacionadas
- li> https://www.w3schools.com/tags/tag_a.asp
Artigos semelhantes
- >li>Etiqueta canónica