¿Qué es la etiqueta Hreflang?
La etiqueta Hreflang es un atributo HTML utilizado para indicar a los motores de búsqueda qué versión de una página web debe mostrarse a los usuarios según su idioma y ubicación geográfica. Esta etiqueta es fundamental para sitios web que ofrecen contenido en varios idiomas o para diferentes regiones con variaciones en el contenido.
Los motores de búsqueda, como Google, utilizan Hreflang para evitar problemas de contenido duplicado y mejorar la experiencia del usuario al mostrar la versión más relevante de una página según su idioma y ubicación.
Estructura de la etiqueta
<link rel=”alternate” hreflang=”código-idioma” href=”URL-de-la-versión” />- rel=”alternate” → Indica que es una versión alternativa de la página.
- hreflang=”xx” → Código del idioma, o del idioma y país (ej. es, es-mx, en-gb).
- href=”URL” → URL de la versión en ese idioma/región.
¿Cómo funciona la etiqueta Hreflang?
La etiqueta Hreflang se implementa en el código de una página web para informar a los motores de búsqueda sobre las versiones alternativas del contenido. Funciona mediante el uso de códigos de idioma y región, siguiendo el estándar ISO 639-1 para los idiomas y el estándar ISO 3166-1 Alpha 2 para las regiones.
Por ejemplo, si un sitio web tiene versiones en inglés para Estados Unidos y el Reino Unido, y en español para España y México, las etiquetas Hreflang podrían verse así:
<link rel="alternate" hreflang="en-us" href="https://example.com/us/" />
<link rel="alternate" hreflang="en-gb" href="https://example.com/uk/" />
<link rel="alternate" hreflang="es-es" href="https://example.com/es/" />
<link rel="alternate" hreflang="es-mx" href="https://example.com/mx/" />Estas etiquetas indican a los motores de búsqueda qué versión de la página debe mostrarse a los usuarios en función de su idioma y ubicación.
¿Cuándo necesitas hreflang?
Antes de implementarlo conviene saber si te hace falta, porque hreflang solo resuelve un problema concreto: que tengas la misma página en varias versiones y quieras que cada usuario reciba la suya. Hay tres casos.
- El contenido está en un solo idioma y lo que cambia es la plantilla. La navegación, el pie y los textos de interfaz están traducidos, pero el contenido en sí no. Es el caso típico de los foros y de las comunidades.
- El contenido está en el mismo idioma con variaciones regionales. Español de España y español de México, o inglés de Reino Unido y de Estados Unidos. Aquí hreflang es más necesario que nunca, porque sin él Google elige por su cuenta y se equivoca a menudo: acaba mostrando precios en euros a quien compra en pesos.
- El contenido está traducido de verdad. Un ecommerce en francés, inglés y español. Es el caso más evidente y el que todo el mundo tiene en mente.
Si no estás en ninguno de los tres, no necesitas hreflang. Y si tienes una sola versión por idioma sin variantes regionales, tampoco: no aporta nada y añade una capa que se puede romper.
Beneficios de usar Hreflang en SEO
Implementar correctamente la etiqueta Hreflang ofrece varias ventajas para el posicionamiento en buscadores y la experiencia del usuario.
Evita problemas de contenido duplicado
Cuando un sitio web tiene versiones similares del mismo contenido en diferentes idiomas o regiones, los motores de búsqueda pueden interpretarlo como contenido duplicado. La etiqueta Hreflang ayuda a diferenciar estas versiones, asegurando que cada una se indexe correctamente sin afectar el SEO.
Mejora la experiencia del usuario
Al utilizar Hreflang, los usuarios son dirigidos automáticamente a la versión del sitio web que mejor se adapta a su idioma y ubicación. Esto reduce la tasa de rebote y mejora la interacción con el contenido.
Optimiza la clasificación en los motores de búsqueda
Google y otros motores de búsqueda utilizan la etiqueta Hreflang para comprender la estructura de un sitio multilingüe. Esto permite que cada versión de la página tenga una mejor oportunidad de posicionarse en los resultados de búsqueda relevantes para su audiencia específica.
Facilita la gestión de sitios web multilingües
Para sitios con múltiples versiones de contenido, Hreflang simplifica la organización y administración de las páginas, asegurando que cada una sea reconocida correctamente por los motores de búsqueda.
Métodos de implementación de Hreflang
Existen tres formas principales de agregar la etiqueta Hreflang a un sitio web:
En la sección <head> del HTML
Este método consiste en agregar las etiquetas Hreflang dentro de la sección <head> del código HTML de cada página. Es una de las formas más utilizadas y recomendadas.
Ejemplo:
<link rel="alternate" hreflang="es" href="https://example.com/es/" />
<link rel="alternate" hreflang="en" href="https://example.com/en/" />En los encabezados HTTP
Para archivos que no permiten la edición del código HTML, como documentos PDF, se puede incluir la etiqueta Hreflang en los encabezados HTTP de la respuesta del servidor.
Ejemplo de configuración en un servidor:
Link: <https://example.com/es/>; rel="alternate"; hreflang="es"
Link: <https://example.com/en/>; rel="alternate"; hreflang="en"
En el archivo sitemap XML
Otra opción es agregar las etiquetas Hreflang en el sitemap XML del sitio web. Este método es útil cuando se maneja una gran cantidad de páginas y se desea centralizar la información en un solo archivo.
Ejemplo de código en un sitemap XML:
<url>
<loc>https://example.com/</loc>
<xhtml:link rel="alternate" hreflang="es" href="https://example.com/es/" />
<xhtml:link rel="alternate" hreflang="en" href="https://example.com/en/" />
</url>Errores comunes al usar Hreflang
Falta de reciprocidad
Cada versión de una página debe incluir etiquetas Hreflang que apunten a las demás versiones. Si una página en español enlaza a la versión en inglés, esta última también debe enlazar de vuelta a la versión en español.
Uso incorrecto de códigos de idioma y región
Es importante utilizar los códigos de idioma y región correctos según los estándares ISO. Un error común es mezclar códigos incorrectos, como usar “es-uk” en lugar de “en-gb” para inglés en el Reino Unido.
No incluir una versión predeterminada
Si un sitio web tiene versiones en varios idiomas, pero no hay una versión específica para todos los usuarios, se recomienda incluir una etiqueta Hreflang “x-default”.
Ejemplo:
<link rel="alternate" hreflang="x-default" href="https://example.com/" />Esto indica a los motores de búsqueda que esta es la versión predeterminada para los usuarios cuyo idioma o ubicación no coincide con ninguna de las versiones específicas.
Implementación inconsistente en diferentes páginas
Cada página debe incluir etiquetas Hreflang que apunten a todas sus versiones alternativas. Un error común es agregar estas etiquetas en algunas páginas y omitirlas en otras, lo que puede generar confusión en los motores de búsqueda.
Herramientas para verificar la implementación de Hreflang
Existen varias herramientas SEO que permiten comprobar si la etiqueta Hreflang se ha implementado correctamente en un sitio web.
Google Search Console
Google Search Console ofrece un informe de problemas de Hreflang dentro de la sección “Apariencia en el buscador”. Aquí se pueden detectar errores y corregirlos para mejorar la indexación del sitio.
Ahrefs Site Audit
Ahrefs cuenta con una herramienta de auditoría que revisa la implementación de Hreflang y señala posibles errores. Es útil para identificar problemas de reciprocidad, códigos incorrectos y etiquetas faltantes.
Screaming Frog SEO Spider
Este software permite rastrear un sitio web y analizar la implementación de Hreflang en todas sus páginas. Es una opción recomendada para sitios grandes con múltiples versiones de contenido.
Chrome DevTools
El inspector de elementos de Google Chrome permite revisar las etiquetas Hreflang en la sección <head> del código HTML de una página. Es una forma rápida de verificar si se han agregado correctamente.
Hreflang y canonical: en qué se diferencian
Se confunden mucho y hacen cosas distintas. La canonical le dice a Google cuál de varias URLs parecidas debe indexar. La hreflang no elige ninguna: le dice que todas son válidas y cuál mostrar a cada usuario según su idioma o su país.
Característica | Etiqueta Hreflang | Etiqueta Canonical |
Función principal | Indica versiones por idioma/región | Indica la versión preferida para indexación |
Uso típico | Sitios multilingües o internacionales | Páginas duplicadas o con parámetros URL |
Sintaxis | <link rel=”alternate” hreflang=”xx-yy” href=”URL” /> | <link rel=”canonical” href=”URL” /> |
Afecta la indexación? | No directamente, permite múltiples versiones en el índice | Sí, solo se indexa la página canonizada |
Dónde se coloca | En el <head> o sitemap | En el <head> |
Muestra contenido diferente? | Sí, por idioma o localización | No, se usa para contenido igual o muy similar |
Puede usarse junto con canonical? | Sí, pero con cuidado: canonical no debe anular el hreflang | Sí, pero el canonical no debe apuntar a otra variante lingüística |
Ejemplo de uso combinado correcto | Versión es-mx tiene canonical a sí misma + hreflang para todas | Versión es-mx tiene: |
De ahí sale la regla que más se incumple, y es la que rompe implementaciones enteras:
- Dentro de un conjunto hreflang, la canonical de cada página apunta a sí misma. Nunca a la versión de otro idioma.
- Si pones una canonical de la versión en español apuntando a la inglesa, anulas el hreflang. Le estás diciendo a Google que la española no debe indexarse, así que da igual lo bien que hayas puesto las etiquetas.
Si lo que necesitas es entender la canonical a fondo, y no solo su relación con hreflang, lo desarrollamos en etiqueta canonical.
Importancia de las etiquetas Hreflang para el SEO internacional
Cuando un sitio web tiene múltiples versiones de una misma página en diferentes idiomas o para distintos países, es necesario ayudar a los motores de búsqueda a mostrar el contenido correcto a cada usuario. Aquí es donde entra en juego la etiqueta hreflang para el SEO Internacional:
- Permite segmentar contenido por idioma y región, ayudando a Google a mostrar la versión adecuada del sitio a cada público internacional.
- Mejora la visibilidad en motores de búsqueda locales, aumentando las posibilidades de posicionarse en mercados específicos como España, México, Francia o Alemania.
- Evita confusiones entre versiones internacionales del contenido, garantizando que cada país vea la versión que le corresponde.
- Reduce el riesgo de duplicidad de contenido entre regiones, ya que indica que cada versión es una variante legítima para un público específico.
- Optimiza el SEO en mercados multilingües o multinacionales, permitiendo competir mejor en búsquedas locales.
- Facilita el rastreo e indexación de múltiples versiones del sitio, ayudando a los buscadores a comprender la arquitectura internacional del dominio.
- Mejora la relevancia cultural y lingüística del contenido mostrado, aumentando el CTR (tasa de clics) desde resultados de búsqueda internacionales.
- Impulsa campañas de expansión global, alineando el SEO técnico con los objetivos comerciales en distintos países.
Encontrar y solucionar problemas de Hreflang
Veamos cómo identificar los errores más comunes de hreflang y los pasos detallados para corregirlos correctamente.
¿Cómo encontrar problemas de Hreflang?
Antes de solucionar cualquier problema, es importante detectarlo. Aquí te mostramos cómo:
Paso 1: Usa Google Search Console
En la sección de “Cobertura” o “Mejoras”, revisa si Google ha detectado conflictos de hreflang, páginas no válidas o URLs que no se encuentran.
Paso 2: Utiliza herramientas de análisis SEO
Plataformas como Screaming Frog, Ahrefs, SEMrush o Sitebulb pueden escanear todas tus páginas y detectar inconsistencias o etiquetas faltantes.
Paso 3: Valida con herramientas específicas
Webs como hreflang.org o TechnicalSEO.com permiten probar la configuración página por página.
Verifica la reciprocidad en todas las páginas
Uno de los errores más frecuentes es la falta de reciprocidad entre versiones de una página. Esto ocurre cuando una versión enlaza a otra, pero la otra no responde con el mismo hreflang.
Ejemplo del error:
<!-- Página en español -->
<link rel=”alternate” hreflang=”en-us” href=”https://ejemplo.com/us/” />Solución correcta:
<!-- Página en español -->
<link rel=”alternate” hreflang=”en-us” href=”https://ejemplo.com/us/” />
<link rel=”alternate” hreflang=”es-mx” href=”https://ejemplo.com/mx/” /><!-- Página en inglés -->
<link rel=”alternate” hreflang=”es-mx” href=”https://ejemplo.com/mx/” />
<link rel=”alternate” hreflang=”en-us” href=”https://ejemplo.com/us/” />Usa códigos de idioma y región correctos
Otro problema común es usar códigos mal escritos o no válidos. Por ejemplo, es-mex en lugar de es-mx.
Solución:
Consulta fuentes oficiales para aplicar los códigos correctos:
- Idiomas: ISO 639-1
- Países: ISO 3166-1 alpha-2
Ejemplo correcto:
<link rel=”alternate” hreflang=”fr-fr” href=”https://ejemplo.com/fr/” />
<link rel=”alternate” hreflang=”es-mx” href=”https://ejemplo.com/mx/” />Verifica que las URLs funcionen
Las etiquetas hreflang deben apuntar a páginas accesibles (respuesta 200). No deben dirigir a errores 404, redirecciones múltiples o páginas bloqueadas por robots.txt.
Verificación paso a paso:
- Copia la URL de cada etiqueta hreflang.
- Pega en el navegador y asegúrate de que carga sin error.
- Usa herramientas como HTTPStatus o Screaming Frog para confirmar el código de respuesta.
Implementa de forma consistente
Es un error común aplicar hreflang solo en la página de inicio o algunas secciones. Cada versión de cada página debe tener su conjunto completo de etiquetas.
Ejemplo correcto en todas las versiones:
<link rel=”alternate” hreflang=”es-mx” href=”https://ejemplo.com/producto-a/” />
<link rel=”alternate” hreflang=”en-us” href=”https://ejemplo.com/us/product-a/” />Añade la etiqueta x-default
Cuando no tienes una versión específica para todos los idiomas o deseas una página genérica para visitantes sin configuración clara, debes usar:
<link rel=”alternate” hreflang=”x-default” href=”https://ejemplo.com/global/” />Para seguir aprendiendo sobre SEO y estrategias de marketing digital, visita más artículos en mi blog.
Encuentra en Seology estrategias SEO para E Commerce, Universidades y cualquier otra industria.
