Definición
Las etiquetas de anclaje son etiquetas HTML que se utilizan para crear hipervínculos. Los enlaces e hipervínculos constituyen la base de la navegación en la web y son sobre los que se hace clic para pasar de una página a otra en un sitio web. Prácticamente cualquier elemento de una página puede envolverse en etiquetas de anclaje y convertirse en un enlace, desde texto plano hasta imágenes y otros elementos HTML.
Atributos de una etiqueta de anclaje
La etiqueta HTML <a>, también conocida como etiqueta de anclaje, acepta una serie de atributos diferentes. Los atributos HTML son datos que se añaden a la etiqueta para dar información adicional. La mayoría son opcionales, pero algunos son obligatorios. La etiqueta de anclaje requiere un atributo href como mínimo, pero hay muchos otros atributos opcionales.
Un ejemplo de una etiqueta de anclaje HTML que utiliza varios atributos podría tener este aspecto:
<a href="www.google.com" name="google_link" target="_blank" title="Link to Google">Link to Google</a>
Atributo href
El atributo href es obligatorio, ya que es el que crea el enlace. Href significa referencia de hipertexto y contiene la URL a la que se enviará a los usuarios cuando hagan clic en el enlace. En el ejemplo anterior, se trata de www.google.com.
Atributo name
El atributo name ha quedado obsoleto a partir de HTML5 y, en su lugar, se aconseja utilizar el atributo id. Antes de HTML5, los atributos name e id eran intercambiables. Se utilizaban para dar a un elemento un nombre que lo identificara para su uso en otros lugares, como en CSS o javascript.
Atributo target
El atributo target se utiliza para describir cómo se enviará al usuario a la página del enlace. Los dos valores más comunes son:
- «_self», que es la opción por defecto si no se especifica lo contrario, y envía a los usuarios al enlace dentro del mismo contexto de navegación, normalmente una pestaña.
- «_blank» abre el enlace ancla en una nueva ventana o pestaña. Se suele utilizar para enlazar con páginas externas.
Otros atributos de destino son «_parent» y «_top», aunque se utilizan poco y, por lo general, se aplicaban cuando se utilizaban mucho los iframes, que desde entonces han caído en desuso. Permiten a los desarrolladores abrir un enlace en un marco padre o en el marco superior de una página.
Atributo title
El atributo title se utiliza para proporcionar un nombre al enlace. Este nombre se mostrará en varios contextos, por ejemplo cuando un usuario pase el ratón por encima del enlace, y cuando un usuario con un lector de pantalla resalte la etiqueta de anclaje. Esto se considera opcional, pero se recomienda para fines de accesibilidad.
Atributos adicionales
La etiqueta de anclaje soporta atributos adicionales. Algunos de ellos son comunes a otras etiquetas HTML, como clase e id, pero otros son exclusivos de la etiqueta anchor. Suelen aplicarse a casos de uso muy específicos.
Atributo de descarga
Proporciona una indicación al navegador de que el enlace debe activar una descarga del contenido enlazado, en lugar de navegar hacia él. Puede dejarse en blanco, en cuyo caso se utilizará una suposición para especificar un nombre de archivo, pero cualquier valor introducido en la etiqueta de descarga se utilizará para el nombre de archivo sugerido.
Atributo hreflang
Este atributo HTML puede utilizarse para especificar versiones de idioma alternativas de la página web correspondiente. Será un valor, como «fr» para el francés o «en-GB» para el inglés británico. Hreflang puede ser útil para proporcionar un contexto adicional para los motores de búsqueda y evitar el contenido duplicado.
Atributo rel
El atributo HTML rel permite especificar una relación entre dos páginas. Acepta una serie de valores, como «canonical», «external» y «help». Estos valores indican ciertos comportamientos, como que el enlace es la versión canónica de una página, un enlace externo fuera del control del sitio web, o que el enlace contiene más información sobre el enlace actual.
Importancia para la optimización de los motores de búsqueda
Las etiquetas de anclaje son fundamentales para el funcionamiento de la web y varios atributos dentro de la etiqueta de anclaje son particularmente útiles en lo que respecta al SEO. Es muy recomendable que los sitios multilingües aprovechen el atributo hreflang. Además, es una buena práctica de SEO utilizar un enlace rel=canonical para designar versiones canónicas de las páginas. De lo contrario, los motores de búsqueda pueden considerar diferentes versiones de la URL de la misma página (por ejemplo, debido a los parámetros de la URL) como contenido duplicado, lo que puede tener un impacto negativo en la clasificación de los motores de búsqueda.
El atributo rel también puede contener valores como «nofollow». Nofollow especifica que la página enlazada no debe ser seguida y rastreada por los motores de búsqueda.
En resumen: Preguntas frecuentes sobre las etiquetas de anclaje
¿Para qué se utilizan las etiquetas de anclaje?
Las etiquetas de anclaje se utilizan para convertir texto, imágenes u otros elementos HTML en hipervínculos.
¿Cómo se crea una etiqueta de anclaje?
Se pueden crear etiquetas de anclaje en HTML, utilizando la etiqueta <a> combinada con uno o más atributos.
¿Cuáles son los atributos más importantes de una etiqueta de anclaje?
Los atributos más importantes son:
- Href
- Nombre
- Destino
- Título
- https://www.w3schools.com/tags/tag_a.asp
- Etiqueta canónica
¿Cómo afectan las etiquetas de anclaje al SEO?
Las etiquetas de anclaje son relevantes para el SEO ya que pueden utilizarse, por ejemplo, para crear enlaces canónicos y así evitar el contenido duplicado.
Enlaces relacionados
Artículos similares
.