La etiqueta hreflang es un atributo empleado en el código HTML con el fin de especificar a los motores de búsqueda el idioma y la región geográfica a los que está dirigida una página web. Esto ayuda a los motores de búsqueda a mostrar la versión más adecuada de una página a los usuarios, en función de su idioma y ubicación geográfica. Es especialmente útil para sitios web que tienen contenido en múltiples idiomas o versiones regionales.
Cuando se implementa correctamente, la etiqueta hreflang mejora la experiencia del usuario al asegurar que este acceda a la versión de la página que mejor se ajusta a su contexto lingüístico y geográfico. También puede ayudar a evitar problemas de contenido duplicado en sitios multilingües o multi-regionales, ya que le indica a los motores de búsqueda que ciertas páginas son versiones equivalentes en diferentes idiomas o regiones.
Esto es lo que parece en la práctica.
Imagina que realizas una búsqueda en Google para el término “Iberia” mientras estás en Estados Unidos. El resultado principal que aparecería sería algo así:
Además dentro de la web en estados unidos la url te lo indica:
En el caso de que estás en España, esto es lo que verás:
Al igual que la url de estados unidos, en la de España también cambia:
¿Cómo se ve una etiqueta hreflang? ¿Qué aspecto tiene?
Una etiqueta Hreflang sigue una estructura coherente y sencilla. Por lo general, tiene este aspecto:
Esto es la explicación de la sintaxis en el ámbito de la informática:):
- link rel=”alternate” significa que el enlace de esta etiqueta es una versión alternativa de esta página.
- href=”url_of_page” es dónde se encuentra la página alternativa.
- hreflang=”lang_code” es el idioma alternativo.
La etiqueta se coloca en el encabezado (<head>) de la página HTML, o en los encabezados HTTP, y se especifica para cada versión lingüística o regional del contenido.
Aquí tienes un ejemplo de cómo se utiliza el atributo hreflang en el código HTML para una página en inglés dirigida a usuarios en Estados Unidos y otra en español para España:
En este ejemplo, el primer link indica una versión de la página en inglés para Estados Unidos, mientras que el segundo indica una versión en español para España. Esto le ayuda a Google y a otros motores de búsqueda a entender que hay diferentes versiones de la página dirigidas a diferentes audiencias, mejorando así la relevancia de los resultados de búsqueda para los usuarios en diferentes regiones e idiomas.
¿Cómo generar una etiquete hreflang?
Para generar una etiqueta hreflang, primero debes identificar los códigos correspondientes al idioma y al país que requieres. Posteriormente, completa los campos necesarios.
Hreflang acepta códigos de idioma conformados por dos letras, de acuerdo con el estándar ISO 639-1, así como códigos de país y región basados en el estándar ISO 3166-1 alfa-2.
(No es imprescindible usar el código de país o región en todos los casos, pero puede ser beneficioso).
Por ejemplo, si tienes una web en español que ha sido traducido al inglés y al fránces, el atributo hreflang para un artículo específico debería verse de la siguiente manera:
Cada etiqueta hreflang en tu sitio web debe señalar a todas las variantes lingüísticas y regionales disponibles de esa página, incluyendo una referencia a la propia versión de la página. Esto es algo que Google aconseja en sus guías sobre el uso de hreflang, conocido como autorreferenciación.
Si tus etiquetas hreflang no apuntan correctamente a todas las versiones alternativas pertinentes de una página, existe el riesgo de que los buscadores omitan o interpreten incorrectamente tus etiquetas, afectando la visibilidad y el alcance de tu contenido en diferentes idiomas o regiones.
Esto implica que, en el ejemplo dado para una página en español, deberías incluir enlaces correspondientes en las versiones de esa página en inglés y francés.
Cuando tu objetivo incluye diferentes países que hablan el mismo idioma, como el Ingles en Inglaterra y EEUU, es crucial añadir también el código del país para distinguir entre las variantes regionales del idioma.
Por lo tanto, considerando “en” para Inglaterra y “fr” para Francia, la implementación de las etiquetas se expande para reflejar estas diferencias geográficas y lingüísticas, permitiendo una segmentación más precisa y eficaz en tus esfuerzos de SEO internacional.
Inglés en Inglaterra
<link rel=“alternate” href=“http://ejemplo.com/en/” hreflang=“en-Gb” />
Francés en Francia
<link rel=“alternate” href=“http://ejemplo.com/fr/” hreflang=“fr-Fr” />
La sintaxis aquí es un poco diferente. Es hreflang=”idioma-país” en vez de solo hreflang=”idioma”.
Eso es todo lo que tienes que hacer.
Un consejo útil: resulta crucial incluir etiquetas x-default, las cuales señalan la opción alternativa de página para visitantes sin una versión local específica disponible.
Aunque no son obligatorias, se aconseja fuertemente su uso.
Para implementar una etiqueta x-default, debes añadir una anotación y establecer el atributo “href” en la URL a la que quieres que lleguen los usuarios si tu web no admite su idioma.
Por ejemplo, esta se colocaría al final:
¿Dónde va la etiqueta Hreflang?
La etiqueta hreflang se puede implementar de tres maneras principales, y debes elegir la que mejor se adapte a la estructura y necesidades de tu sitio web:
1. En el Encabezado HTML de la Página (<head>)
La forma más común de implementar las etiquetas hreflang es añadirlas directamente en el encabezado <head> de cada página HTML. Esto se hace mediante la adición de un elemento <link> por cada versión lingüística o regional de la página. Aquí tienes un ejemplo para un sitio que tiene versiones en inglés para Estados Unidos y español para España:
2. En los Encabezados HTTP
Para documentos que no son HTML, como PDFs, o si prefieres no modificar el HTML de una página, puedes incluir las etiquetas hreflang en los encabezados HTTP que devuelve tu servidor. Esta técnica requiere configurar tu servidor web para que envíe las cabeceras Link adecuadas. Aquí tienes un ejemplo de cómo se verían estos encabezados:
Link: <http://ejemplo.com/en-us>; rel=”alternate”; hreflang=”en-us”, <http://ejemplo.com/es-es>; rel=”alternate”; hreflang=”es-es”
3. Sitemap XML
Agregar las etiquetas hreflang a tu sitemap XML es una excelente manera de informar a los motores de búsqueda sobre las distintas versiones lingüísticas y regionales de tu sitio, especialmente si tu sitio es grande. Esto se hace añadiendo entradas hreflang para cada URL en tu sitemap, especificando el idioma y la región. Aquí tienes un fragmento de ejemplo de cómo se vería en un sitemap XML:
Para verificar la correcta implementación de las etiquetas hreflang en tu sitio web y asegurar que funcionen como se espera, puedes utilizar varias herramientas en línea que facilitan este proceso. Algunas de las más útiles son:
1. Google Search Console
Proporciona informes que pueden ayudarte a identificar problemas con tus etiquetas hreflang, como errores en los códigos de idioma o en las URLs apuntadas. Es una herramienta fundamental para cualquier gestor de sitios web interesado en el SEO.
2. Screaming Frog SEO Spider
Este software de escritorio puede rastrear tu sitio web para encontrar y auditar las etiquetas hreflang, entre muchas otras funciones de SEO. Es muy útil para análisis detallados y para sitios web grandes.
3. Hreflang Tags Testing Tool de TechnicalSEO.com
Una herramienta en línea que te permite verificar la corrección de tus etiquetas hreflang simplemente ingresando la URL de tu página. Es buena para comprobaciones rápidas.
4. Ahref
Aunque Ahrefs es conocido principalmente por su análisis de backlinks y exploración de palabras clave, también ofrece capacidades para rastrear tu sitio web y detectar problemas SEO, incluida la implementación de etiquetas hreflang. La funcionalidad de auditoría de sitio de Ahrefs puede ayudarte a identificar y corregir problemas relacionados con hreflang, además de ofrecer una visión general del rendimiento SEO de tu sitio.
Estas herramientas pueden ayudarte a diagnosticar y corregir problemas con tus etiquetas hreflang, asegurando que dirijas correctamente a tus usuarios internacionales hacia la versión más adecuada de tu sitio web.
¿Cuál es la importancia de colocar el atributo hreflang en una web multidioma?
Colocar el atributo hreflang en una web multidioma es importante por varias razones clave, todas las cuales contribuyen a mejorar la visibilidad en motores de búsqueda y la experiencia del usuario. Aquí te detallo las principales:
1. Dirige a los usuarios al contenido correcto
La etiqueta hreflang ayuda a los motores de búsqueda a entender la relación entre las versiones lingüísticas y geográficas de las páginas web. Esto permite a los motores de búsqueda dirigir a los usuarios al contenido que mejor se adapta a su idioma y región, mejorando significativamente su experiencia al asegurar que reciben contenido relevante y comprensible.
2. Incremento de la visibilidad en los resultados de búsqueda
Al proporcionar a los motores de búsqueda información detallada sobre las versiones lingüísticas y geográficas de tu sitio, puedes mejorar la visibilidad de tu contenido en los resultados de búsqueda. Esto significa que tu sitio tiene más probabilidades de aparecer en los resultados de búsqueda cuando los usuarios buscan contenido en su idioma preferido o relevante para su ubicación.
3. Evita el contenido duplicado
Sin el atributo hreflang, los motores de búsqueda podrían considerar las diferentes versiones lingüísticas de tu sitio como contenido duplicado, lo cual puede afectar negativamente tu ranking en los resultados de búsqueda. Al utilizar hreflang, puedes indicar explícitamente a los motores de búsqueda que el contenido similar en distintas versiones del sitio es intencional y dirigido a diferentes audiencias, ayudando a evitar penalizaciones por contenido duplicado.
4. Mejora el SEO internacional
Para sitios que apuntan a audiencias en múltiples países o regiones, la etiqueta hreflang es una herramienta crucial de SEO internacional. Ayuda a asegurar que la versión correcta de tu sitio se muestre a los usuarios en diferentes regiones, lo que puede mejorar la relevancia y la eficacia de tu sitio en mercados internacionales.
5. Aumenta la tasa de conversión
Al dirigir a los usuarios al contenido en su idioma preferido y adaptado a su región, es más probable que interactúen positivamente con tu sitio. Esto puede llevar a una mayor retención de visitantes, una mejor experiencia del usuario y, finalmente, a una mayor tasa de conversión, ya que los usuarios están más inclinados a realizar acciones como realizar una compra o suscribirse a un servicio
Errores comunes de hreflang a evitar
Para una correcta implementación de `hreflang`, recuerda:
- Incluir una etiqueta `hreflang` para la propia página, garantizando que los motores entiendan su idioma.
- Asegurar que todas las variantes idiomáticas y regionales están enlazadas mutuamente con `hreflang`.
- Usar `hreflang` x-default para la versión genérica de la página, adecuada cuando no hay una coincidencia idiomática.
- Canonicalizar cada página a ella misma para evitar problemas de contenido duplicado.
- Seguir los estándares ISO para los códigos de idioma (ISO 639-1) y región (ISO 3166-1 Alpha 2).
Ignorar estas prácticas puede perjudicar tu SEO internacional.
Conclusión
La etiqueta hreflang desempeña un papel crucial en la estrategia de SEO para audiencias internacionales, permitiendo optimizar tu sitio para distintas regiones e idiomas. Implementar correctamente esta etiqueta garantiza que los visitantes accedan a la versión de tu sitio más relevante para su idioma y región geográfica, mejorando así la experiencia del usuario y la eficacia de tu presencia online a nivel global.
