El hreflang es un atributo HTML que le dice a Google en qué idioma y para qué región está pensada cada versión de una página. Si tienes la web en español para España y en inglés para Reino Unido, el hreflang es lo que evita que un usuario de Madrid acabe leyendo la versión británica.
Parece sencillo, y en el fondo lo es, pero se complica en cuanto tienes varias versiones enlazadas entre sí. Aquí vas a ver para qué sirve, de qué piezas se compone, las tres formas de implementarlo según tu tipo de web y los errores que suelen dejar toda la configuración sin efecto. Vamos al lío.
El problema que resuelve el hreflang
Cuando tu web tiene varias versiones por idioma o país, Google necesita saber cuál enseñar a cada persona, y el hreflang es la señal que le transmite esa relación. Le indica que tu página en español de España tiene su equivalente en inglés británico en otra URL, así que sirve la versión adecuada según el idioma y la ubicación de quien busca. Sin esa señal puede mostrar la versión equivocada y dejar a tu usuario en un idioma que no entiende.
El hreflang es una señal, no una orden. Google y Yandex lo tienen en cuenta, pero pueden ignorarlo si otras señales de tu web lo contradicen, así que conviene que tu estrategia de SEO internacional acompañe en la misma dirección.
Su otro gran uso tiene que ver con el contenido duplicado, porque una versión para España y otra para México casi idénticas pueden parecerle a Google la misma página copiada dos veces, cuando en realidad son dos versiones legítimas para públicos distintos y el atributo se encarga de aclarárselo, el mismo lío que cuando varias URLs tuyas compiten por la misma búsqueda.
No todos los buscadores lo tienen en cuenta. Google y Yandex sí lo interpretan, mientras que Bing y Baidu se apoyan en el atributo HTML content-language, así que si tu tráfico viene sobre todo de Google, el hreflang es tu herramienta principal.
Conoce las piezas que conforman el hreflang
La etiqueta básica vive en la sección head del HTML y tiene esta forma, <link rel="alternate" hreflang="es-ES" href="https://ejemplo.com/" />, y se compone de tres partes.
rel="alternate"avisa de que esa URL es una versión alternativa de la página actual, no un enlace cualquiera.hreflangindica a qué idioma y región va dirigida esa versión.hrefcontiene la URL completa de la página alternativa, siempre absoluta, con su https y su dominio.
Ese valor del hreflang que aparece en la lista se monta con códigos estandarizados, no te los puedes inventar. El idioma va en formato ISO 639-1, dos letras en minúscula como es, en o fr, y la región, opcional, en ISO 3166-1 alpha-2, dos letras en mayúscula como ES, MX o GB. Juntos quedan es-ES para español de España o en-GB para inglés de Reino Unido. Y ojo con el código de Reino Unido, que es GB y no UK.
Entre todos esos valores hay uno especial, el x-default, que le dice a Google qué versión mostrar cuando ni el idioma ni la región del usuario coinciden con las tuyas. Si alguien busca desde Alemania y tu web solo está en español e inglés, el x-default marca a dónde enviarlo por defecto. No es obligatorio, pero Google lo recomienda y te ahorra bastantes dolores de cabeza.
Móntalo según tu tipo de web
Existen tres formas de implementar el hreflang y la mejor para ti depende del tipo de web que tengas y de cuántos idiomas manejes. Todas le transmiten a Google la misma información, así que solo tienes que elegir una y mantenerla, porque mezclar métodos suele generar señales contradictorias.
Ponlo en el HTML de cada página
Consiste en añadir las etiquetas link dentro del head de cada página, una por cada versión de idioma más la autorreferencia. Es el método más directo y el que mejor encaja en webs pequeñas o con pocos idiomas, porque lo ves y lo controlas página a página.
La pega aparece cuando creces, porque con cinco idiomas y cientos de URLs cada página acaba cargando un bloque de etiquetas que engorda el head y que tienes que mantener a mano una por una. Para un blog corporativo en dos o tres idiomas va de maravilla, para un ecommerce grande se vuelve inmanejable.
Mételo en el sitemap XML
Aquí declaras las relaciones de idioma dentro del propio sitemap, con etiquetas xhtml:link anidadas en cada URL. La gran ventaja es que centralizas toda la configuración en un único archivo, sin tocar el head de cada página. Para webs grandes con muchas URLs y varios idiomas es la opción más mantenible.
A cambio, el sitemap se vuelve más pesado y algo más complejo de generar, sobre todo si lo montas a mano sin plugins. Antes de meterle el hreflang conviene tener bien resuelta la estructura base del archivo.
Úsalo en las cabeceras HTTP para archivos como PDF
Las páginas HTML no son lo único que puede tener versiones por idioma. Un PDF o cualquier archivo no HTML no admite etiquetas en el head, así que el hreflang se envía en la cabecera HTTP de la respuesta del servidor. Es un método pensado para documentos que no son páginas web, como manuales o fichas en PDF traducidas.
No es la vía más cómoda porque toca configurar el servidor, pero es la única que funciona para ese tipo de archivos. En la práctica la usarás de forma puntual, no como sistema principal de toda la web.
Elijas el método que elijas, cuando manejas muchos idiomas la cosa se complica, y existen generadores de etiquetas hreflang que montan el código por ti a partir de tus URLs. Ayudan a no liarte con la sintaxis, aunque conviene revisar lo que generan antes de subirlo.
Los fallos que dejan el hreflang sin funcionar
Estos son los errores más habituales al implementar el hreflang, y cualquiera de ellos puede dejar toda la configuración sin efecto. Lo peor es que muchos pasan desapercibidos, porque la etiqueta está puesta y parece correcta, pero Google la ignora por dentro.
No apuntar en ambos sentidos
El hreflang funciona en pareja, siempre de ida y vuelta. Si tu página en español enlaza a la versión inglesa, la inglesa tiene que devolver el enlace a la española. Cuando una de las dos no lo hace, Google interpreta que la relación está incompleta y descarta la etiqueta entera.
La buena práctica es asegurarte de que cada URL incluye el set completo de versiones alternativas y que todas se referencian entre sí. Los plugins multilingües suelen encargarse de esto solos, pero en un desarrollo propio toca programar la lógica para que cada página genere todas sus relaciones.
Olvidarte de la autorreferencia
Cada página debe incluir una etiqueta hreflang que apunte a sí misma, además de las que apuntan a los otros idiomas. Suena raro, pero Google recomienda que cada versión se referencie a ella misma para entender que forma parte del grupo de páginas alternativas.
Si declaras las versiones en inglés y francés desde tu página en español, pero te olvidas de declarar la propia española, el conjunto queda cojo. Revisa que en cada URL aparezca su propio código de idioma dentro del bloque de etiquetas.
Mezclar mal los códigos de idioma y país
Es uno de los fallos más comunes y casi siempre viene de improvisar el código. Usar es_ES con guion bajo en lugar de es-ES con guion normal, escribir es-SP en vez de es-ES, o poner UK en lugar de GB para Reino Unido. Cualquier código mal formado deja la etiqueta inservible porque Google no logra interpretar el idioma ni la región.
La buena práctica es no fiarte de la memoria y consultar siempre el estándar, idioma en ISO 639-1 y región en ISO 3166-1 alpha-2, el primero en minúscula y la segunda en mayúscula. Y recuerda que la región es opcional, pero el idioma nunca puede faltar.
Enlazar a URLs que redirigen o no existen
El hreflang solo debe apuntar a URLs que respondan con un código 200 y sean indexables. Si una de tus etiquetas lleva a una página con redirección, a un 404 o a una URL bloqueada por robots.txt, Google encuentra un callejón sin salida y deja de fiarse del conjunto.
Antes de dar la configuración por buena, pasa un crawler como Screaming Frog y comprueba que todas las URLs del set responden bien, sin redirecciones ni errores. En WordPress, vigila además que ninguna traducción esté en borrador o bloqueada por un plugin.
Chocar el hreflang con la etiqueta canonical
El canonical le dice a Google cuál es la versión preferente de una página, y el hreflang le dice qué versiones de idioma existen. Si los pones a discutir, ganas un problema. El error típico es que la página en español tenga un canonical apuntando a la versión inglesa, mientras el hreflang dice que ambas son alternativas legítimas. Las dos señales se contradicen y Google se queda sin saber a quién hacer caso.
La regla es sencilla, cada página debe canonicalizarse a sí misma, no a otra versión de idioma. El canonical y el hreflang tienen que apuntar en la misma dirección, nunca pelearse.
Con todo montado, no des nada por hecho hasta validarlo. Una herramienta de auditoría que rastree tu web te dirá si las relaciones están completas, si falta alguna autorreferencia o si hay códigos mal puestos, antes de que el problema te cueste visibilidad.
El hreflang no es difícil de entender, pero sí exige cuidado en los detalles. Reciprocidad, autorreferencia, códigos correctos y URLs que respondan bien son las condiciones para que cumpla su función. Cuando una sola pieza falla, Google ignora todo el bloque y tu web internacional se queda a medias.
Si tienes una web en varios idiomas y no sabes si el hreflang está bien montado, lo más rápido es mirarlo con ojos expertos antes de que te cueste tráfico. Pide tu análisis SEO gratuito y te decimos qué hay que ajustar en tu configuración internacional.
