El hreflang o etiqueta hreflang es como su propio nombre indica, una etiqueta HTML que se utiliza en una web para indicar a los motores de búsqueda cuáles son las diferentes versiones de idiomas en las que está desarrollada dicha web.
Y es que, no cabe olvidar que la adecuada especificación de las diferentes versiones de idioma de un sitio web adquiere un plus de importancia en las estrategias SEO.
El atributo hreflang lo introdujo el propio Google alrededor del año 2011 para hacer algo más sencilla la labor de localización de las diferentes webs a nivel geográfico y proporcionar a los sitios web la indicación de las diferentes versiones lingüísticas a nivel internacional, de forma que el contenido sea reproducido de acuerdo a cada región específica.
Así, los desarrolladores, webmasters y profesionales SEO utilizan esta etiqueta para especificar sus páginas y lanzar las diferentes versiones de idiomas para adentrarse en diferentes países.
La etiqueta hreflang se utiliza en varios supuestos, como por ejemplo:
- Sitios web dirigidos a público internacional que ofrecen un contenido idéntico en diferentes idiomas.
- Webs con actividad internacional en el mismo idioma pero una aplicación diferente por región (diferente moneda, diferente coste de envío, plazos temporales de entrega disímiles, etc).
- Webs con actividad internacional en las cuales el contenido es generado por los usuarios y mientras que algunos elementos son traducidos, como los menús de navegación.
Para qué sirve la etiqueta hreflang
La actividad internacional de un sitio web con diferentes idiomas o en los supuestos que hemos mencionado anteriormente, deben tenerse en cuenta en cualquier proyecto. La etiqueta hreflang es un beneficio para la mejor práctica de las estrategias SEO.
La realización de un contenido de posicionamiento atendiendo a un idioma o región en particular, requiere de ser notificado a los buscadores con el fin de mejorar los resultados de búsqueda al usuario sobre el contenido del sitio web en cuestión.
En ese sentido, la realización de diferentes estrategias SEO en diferentes idiomas lleva implícita la implementación obligatoria de la etiqueta hreflang para facilitar la consecución de los mejores resultados posibles.
Uno de los objetivos de un sitio web es acercarse a los usuarios potenciales teniendo en cuenta el contenido y las estrategias de marketing digital desarrolladas. La etiqueta hreflang consigue cercar nuestros objetivos en relación al idioma y región para el que se haya realizado.
Como consecuencia de esta implementación del hreflang la permanencia en página aumenta a través de la consecución de un perfil de usuario más óptimo. Incrementando el tiempo de permanencia en página y reduciendo la tasa de rebote ayudaremos a mejorar la posición del contenido en las SERP’s.
Herramientas para crear la etiqueta hreflang
Para implementar el atributo hreflang en una web, puedes seguir las directrices del propio Google al respecto, pero también existen diferentes herramientas que pueden ayudarte con esta tarea:
Generador de Etiquetas Hreflang de Aleyda Solis
Esta conocida marketer ha ideado un generador de etiquetas hreflang muy sencillo de usar. Puedes comprobarlo por ti mismo. Genera los patrones para las etiquetas que necesitas usar para las diferentes versiones de los idiomas usando el formato ISO 639-1 para los idiomas y el ISO 3166-1 Alpha 2 para los países.
Comprobación del Marcado hreflang de Sistrix
Con esta conocida herramienta SEO podrás verificar la actual situación de la etiqueta hreflang y si está implementada de forma correcta.
Generador de etiquetas hreflang de Sistrix
Si usando la anterior herramienta de Sistrix has comprobado que los atributos estaban mal aplicados, con esta aplicación puedes generar todas las etiquetas hreflang que quieras para tu web.
hreflang XML sitemap generator
Esta página web es ideal si quieres generar los sitemaps de las diferentes versiones de idioma de tu web. Simplemente carga un archivo de datos CSV y la herramienta convertirá el archivo en múltiples sitemaps según sea necesario.
Ejemplos de la etiqueta hreflang
Google ideó esta etiqueta para mejorar los resultados de búsqueda, tanto a nivel del usuario como en referencia al posicionamiento de los contenidos en un sitio web. La implementación de la etiqueta aparece perfectamente desarrollada en los ejemplos que presenta Google en su documentación. Este sería un ejemplo sencillo de como se implementaría.
<head>
<title>Widgets, Inc</title>
<link rel="alternate" hreflang="en-gb"
href="http://en-gb.example.com/page.html" />
<link rel="alternate" hreflang="en-us"
href="http://en-us.example.com/page.html" />
<link rel="alternate" hreflang="en"
href="http://en.example.com/page.html" />
<link rel="alternate" hreflang="de"
href="http://de.example.com/page.html" />
<link rel="alternate" hreflang="x-default"
href="http://www.example.com/" />
</head>