Etiqueta Anchor y Anchor Tags

De Seobility Wiki
Saltar a: navegación, buscar

¿Qué es la Etiqueta Anchor o Anchor Tag?

Una etiqueta anchor, etiqueta ancla o anchor tag en inglés, son etiquetas HTML que se utilizan para formar los hipervínculos.

Básicamente, a partir de los enlaces e hipervínculos se forman las bases de la navegación web, pues facilitan la navegación de las usuarias o usuarios dentro o fuera de un website con solo hacer clic.

Atributos de las etiquetas anchor

Una etiqueta anchor HTML <a> puede contener diferentes atributos, es decir, datos que permiten a los hipervínculos realizar diversas acciones.

Aunque la mayoría de los atributos HTML pueden ser opcionales, muchos de ellos son necesarios para el funcionamiento del hipervínculo como es el caso del atributo “href”. Sin embargo, existen otros que promueven diversas utilidades.

Este sería un ejemplo de una etiqueta anchor con diferentes atributos:

<a href="www.google.com" name="google_link" target="_blank" title="Enlace a Google">Enlace a Google</a>

Atributo href

El atributo href o” hipertexto de referencia” es el encargado de generar el hipervínculo, pues contiene la URL que redirige a las usuarias o usuarios a una página distinta cuando hacen clic. Como se aprecia en el ejemplo anterior, www.google.com es el valor del href.

Atributo name

Desde que se inició el HTML5, el atributo name no es el término más correcto a utilizar, sino atributo ID. No obstante, se empleaban para identificar a un elemento y poder usarlo tanto en CSS, Javascript como otros lenguajes de programación.

Atributo target

El atributo target u objetivo describe cómo es que las usuarias o usuarios van a ser redirigidos con el hipervínculo.

Estos son los valores más comunes:

  • "_self": es el valor predeterminado que usan los hipervínculos para abrir un link dentro de la misma pestaña o ventana en la que se generó el clic.
  • "_blank": a diferencia de _self, _blank se encarga de dirigir a la o el internauta a una pestaña de navegación diferente que se abre automáticamente. Por lo general, este atributo se utiliza sobre todo para linkear páginas externas, así se evita que la o el visitante abandone la página original.

"_parent" y "_top": estos son dos de los atributos target menos frecuentes, ya que se utilizan, si acaso, con los iframes. En términos generales, estas opciones permiten a las desarrolladoras o desarrolladores abrir vínculos en un marco principal o superior de una misma página.

Atributo title

El atributo title, por su parte, se encarga de ofrecer una descripción emergente (es decir, de estilo tooltip) de la página que se enlaza. Por ejemplo, cuando una usuaria o usuario posa su mouse sobre el enlace o cuentan con algún lector de pantalla, permite leer el título de la página por abrir. Si bien, es algo opcional, se recomienda por motivos de accesibilidad.

Atributos adicionales

Los anchor tags pueden contener atributos adicionales en común con otro tipo de etiquetas HTML, pero cuando se trata de textos ancla, son únicos y se aplican según el caso en que se use. Por ejemplo: los atributos “class” e “id”.

Atributo de descarga

Este atributo es el encargado de indicar al navegador que el enlace marcado va a desencadenar una descarga, en lugar de navegar hacia otra página. Si este atributo se deja en blanco, el navegador utilizará su mejor estimación para denominar el archivo, de lo contrario, utilizará cualquier valor que se añada en este atributo.

Atributo hreflang

Es un atributo HTML que se emplea para especificar todas las versiones de idiomas que pueda contener una página web, por ejemplo: “fr” para francés o “en-GB” para inglés británico.

Más allá de su utilidad en los idiomas, los atributos hreflang anuncian a los buscadores que existen diferentes contextos dentro de una misma página y, por ende, ayuda a prevenir que se cuenten como contenidos duplicados.

Atributo rel

El atributo rel permite especificar la relación entre dos páginas, aceptando valores de tipo "canonical", "external" y de "ayuda" entre otros. Básicamente, se encargan de dar pistas sobre el carácter de la página que se enlaza.

Por ejemplo, si se trata de una versión canónica de la página, se puede usar rel="canonical", si es un enlace externo del que no se tiene control, se puede incluir rel="nofollow", o rel="ayuda" si el documento de destino contiene más información del enlace actual.

Importancia para la optimización SEO

Las etiquetas anchor son esenciales para el funcionamiento de los sitios web, ya que contienen atributos de gran utilidad para el SEO.

Por ejemplo, las páginas con múltiples idiomas aplican el atributo hreflang dentro de una etiqueta anchor para declarar el lenguaje.

Otro uso de las etiquetas anchor considerada una buena práctica de SEO, es marcar la versión principal de una página con enlaces rel=canonical para que los buscadores identifiquen las diferentes versiones de una URL y no las considere duplicados, lo que podría impactar de forma negativa en los rankings.

Finalmente no hay que olvidar que a menudo también se utilizan los atributos rel para marcar páginas como “nofollow” y especificar a los buscadores que el enlace no sea seguido ni rastreado.

En resumen: preguntas y respuestas de las etiquetas anchor

¿Para qué se utiliza la etiqueta anchor?

Las etiquetas ancla o anchor se emplean para añadir hipervínculos dentro de un texto, imagen u otros elementos HTML.

¿Cómo se crea una etiqueta anchor?

Puedes crear una etiqueta anchor mediante el uso del código HTML con la etiqueta <a> seguida de uno o más atributos.

¿Cuáles son los atributos más importantes dentro de los anchor tags?

Los atributos de mayor relevancia son:

  • Href
  • Name
  • Target
  • Title

¿Cómo afectan al SEO las etiquetas ancla?

Su relevancia para el SEO reside en que permiten generar indicaciones más precisas para que los buscadores sepan qué hacer con el contenido. Por ejemplo, facilita la creación de enlaces canónicos para evitar la aparición de contenidos duplicados.

Ampliar conocimientos

Sobre las autoras y autores:
Seobility S
El equipo de Seobility Wiki está formado por expertas y expertos SEO, profesionales del marketing digital y especialistas en negocios con experiencia en SEO, marketing online y desarrollo web. Todos nuestros artículos pasan por un proceso editorial de varios niveles para proporcionarte la mejor calidad posible e información relevante y de utilidad. Conoce a la gente que hay detrás de la Wiki de Seobility.

Contenidos relacionados