SEO multilingüe con hreflang

¿Qué es hreflang?

Hreflang es una señal que, en un sitio web multilingüe o multirregional, indica al motor de búsqueda qué versión del mismo contenido (en qué idioma y/o región) debe mostrarse a cada usuario. Normalmente se añade a la <head> de la página <link rel="alternate" hreflang="..."> ; también puede definirse mediante un encabezado HTTP o a través del mapa del sitio, pero solo debe utilizarse uno de estos tres métodos.

Hreflang no indica que se trate de una «traducción» de una página, sino que señala que las diferentes versiones de idioma o región que sirven al mismo propósito están relacionadas entre sí. Por ejemplo, en una web de comercio electrónico, los precios en inglés pueden aparecer en USD y los precios en turco en TL; hreflang vincula estas dos versiones entre sí para garantizar que el usuario adecuado vea la versión correcta.

Hreflang no es un mecanismo de redireccionamiento; no redirige automáticamente al usuario a otro idioma, sino que únicamente proporciona a Google la información de que «esta página tiene alternativas en estos idiomas». La decisión sobre qué versión verá el usuario depende en gran medida de la propia estimación geográfica y lingüística de Google.

¿Por qué es importante?

Sin hreflang, Google podría mostrar por error la versión en turco de un sitio web a un usuario que realiza una búsqueda en inglés, o al revés; esta situación provoca que el usuario abandone la página inmediatamente (rebote). Una correcta aplicación de hreflang garantiza que cada usuario vea la página que se ajusta a sus preferencias de idioma y región, lo que mejora la experiencia del usuario y, de forma indirecta, la tasa de conversión.

Además, evita la confusión que genera el contenido duplicado entre las diferentes versiones lingüísticas del mismo contenido: Google reconoce las páginas del grupo hreflang como alternativas entre sí, y no como páginas competidoras que se «roban» el tráfico unas a otras. Esto cobra aún más importancia en las variantes regionales de un mismo idioma (por ejemplo, tr-TR y tr-CY).

Cuando varias señales de SEO equivalentes (como la URL canónica, la etiqueta meta «robots» y el archivo robots.txt, o las ubicaciones hreflang) persiguen el mismo objetivo, es más recomendable elegir una única fuente de referencia: repetir las señales en varios formatos no mejora el SEO, sino que solo añade el riesgo de incoherencias.

¿Cómo se soluciona?

Cada versión lingüística debe hacer referencia a todas las demás versiones del mismo grupo mediante hreflang (el enlace recíproco —return— es obligatorio); Google ignora los enlaces unidireccionales.
Para la versión predeterminada que no se corresponde con ningún idioma en concreto, utiliza x-default.
Escribe correctamente los códigos de idioma ISO; por ejemplo, para el turco tr, para el inglés en; combínalos con el código de región si es necesario (p. ej. en-US).
Elige un único método: aplica el atributo hreflang mediante la etiqueta HTML <link> o a través del mapa del sitio; no utilices ambos a la vez, ya que esto supone una señal duplicada e innecesaria y conlleva el riesgo de errores de sincronización.
No olvides que cada página debe hacer referencia a sí misma mediante hreflang (autorreferencia); el grupo debe estar completo.
A medida que el sitio crezca, gestiona el mantenimiento de hreflang no de forma manual, sino mediante un mecanismo de generación automática a nivel de plantilla o CMS; los grupos hreflang añadidos manualmente tienden a desincronizarse con el tiempo.
Cuando añadas una nueva versión lingüística, actualiza la lista de referencias de todas las demás versiones hasta que la página correspondiente a ese idioma se incluya en el grupo «hreflang» existente; una versión que se omita rompe la coherencia del grupo.
Al realizar redireccionamientos automáticos (por ejemplo, basados en JavaScript) en función del idioma del navegador del usuario, asegúrate de que los bots no se vean sometidos al mismo redireccionamiento; todas las versiones lingüísticas deben seguir siendo rastreables para los bots.

Ejemplo

<link rel="alternate" hreflang="tr" href="https://ejemplo.com/tr/pagina" />
<link rel="alternate" hreflang="en" href="https://ejemplo.com/en/page" />
<link rel="alternate" hreflang="x-default" href="https://ejemplo.com/en/page" />

Mal ejemplo: hacer referencia a la versión en inglés mediante hreflang en la página en turco, pero no añadir una referencia de vuelta a la versión en turco en la página en inglés; este enlace unidireccional se considera inválido por Google y el grupo no se reconoce en absoluto.

Errores comunes

Aplicar un hreflang unidireccional (la página A hace referencia a la B, pero la B no hace referencia a la A).
Utilizar un código de idioma o región incorrecto o inválido.
Crear confusión al repetir la misma señal hreflang tanto en la etiqueta HTML como en el mapa del sitio.
No definir la versión «x-default».
En el informe de Seoraporu.co, los enlaces hreflang no recíprocos aparecen como una advertencia aparte; este suele ser el error de hreflang más frecuente en sitios web multilingües.