El uso correcto de las etiquetas hreflang es esencial para los sitios web que ofrecen varios idiomas. Aquí tienes una guía práctica sobre cómo utilizar las etiquetas hreflang para mejorar tu SEO. Pero primero, empecemos por lo básico. Te explicamos qué son estas etiquetas y por qué deberías implementarlas.

¿Qué es la etiqueta hreflang?

El atributo de enlace hreflang o rel= “alternate” hreflang= “x” es un elemento meta HTML que especifica el idioma y la región de un sitio web. Puedes implementar la etiqueta hreflang en una de las siguientes ubicaciones.

• Marcado en la página
• Encabezado HTTP
• El sitemap

Esta etiqueta es crucial para diferenciar un sitio web de su versión en otro idioma o ubicación.

Por ejemplo, si tienes un sitio web en Albuquerque en los dos idiomas que se hablan en la zona, tu hreflang se verá así:

<link rel="alternate" href="http://albuquerque.com/es/" hreflang="es-US" />
<link rel="alternate" href="http://albuquerque.com" hreflang="en-US" />

Si tu página ofrece contenido en varios idiomas, puedes usar x-default para mostrar que la página no está dirigida específicamente a ninguno:

<link rel="alternate" href="http://example.com/" hreflang="x-default" />

¿Por qué es tan importante hreflang?

Como muchos sitios web se dirigen a audiencias con diferentes idiomas y para diferentes países, puede haber mucho contenido duplicado, así como problemas de segmentación con usuarios de motores de búsqueda.

Por lo tanto, los motores de búsqueda utilizan hreflang para comprender cuál es la mejor URL para mostrar en los resultados de búsqueda, dependiendo del idioma y la preferencia de región del usuario.

En resumen, hreflang te ayuda a:

• Evitar que los motores de búsqueda consideren que tu sitio web es de baja calidad debido al contenido duplicado.
• Indicarle a Google qué idioma mostrar según el idioma hablado (escrito) por el usuario y su región geográfica. Esto crea una gran experiencia de usuario, lo que también conduce a la participación del usuario.

¿Cuándo quieres usar hreflang?

Si te estás preguntando si debes o no implementar hreflang, esto puede ayudarte a tomar una decisión. Se pueden cubrir tres escenarios básicos con hreflang:

• Diferentes países, diferentes idiomas (Sitio web en español escrito en español, que tiene una versión francesa en Bélgica es-ES / fr-BE
• Diferentes países, el mismo idioma (Sitio web en alemán, pero con una versión diferente para Alemania, Austria y Suiza) de-DE / de-AT /de-CH
• Mismo país, diferentes idiomas (Sitio web de Malasia que utiliza tanto Bahasa Melayu como inglés) en-MY / my-MY

Cuando usamos el mismo dominio para ofrecer varios idiomas (sitio web multilingüe), la etiqueta hreflang se elabora con los subdominios o carpetas de idioma de destino. Los sitios con un solo dominio suelen ser un gTLD (nombre de dominio genérico de nivel superior), como .com, .info o .org.

Por el contrario, si tenemos una página web con diferentes dominios para cada idioma, la etiqueta hreflang contendrá los dominios. Es el caso de los sitios web con dominios ccTLD (código de país de nivel superior). ejemplo.co.uk, .es, .de o .jp.

¿Qué ocurre si ninguno de los idiomas disponibles en mi sitio coincide con la preferencia de un usuario?

No podemos ofrecer todos los idiomas que se hablan en el planeta. Entonces, ¿qué debería mostrar Google cuando tu sitio web no tiene un idioma que coincida con la configuración del navegador de un usuario?

En estos casos, se recomienda usar el hreflang=” xdefault”. Esta práctica le indicará a los navegadores y a los motores de búsqueda si existe una versión global de un sitio o qué idioma del sitio web se debe mostrar de forma predeterminada.

hreflang=” xdefault” también se puede usar para indicar a los navegadores y a los motores de búsqueda que muestren a los usuarios una página donde puedan seleccionar el idioma deseado.

Cómo implementar hreflang

Hay tres opciones al implementar el atributo hreflang:

A través de etiquetas HTML

Especialmente si aún no estás muy familiarizado con hreflang, usar etiquetas HTML básicas es posiblemente la forma más rápida y fácil de implementarlo. Simplemente agrega las etiquetas hreflang apropiadas en la etiqueta ‘head’ del HTML.

Usando cabeceras HTTP hreflang

Cuando no hay código HTML, como es el caso de los archivos PDF, no puedes implementar el hreflang colocando etiquetas HTML en el . Pero es posible usar encabezados HTTP para especificar el idioma en relación con las versiones del documento.

Este método también funciona en páginas web estándar, pero la verdad es que generalmente se usa para otros tipos de contenido.

Implementación del hreflang en el sitemap XML

Los sitemaps pueden incluir marcas relevantes para especificar el hreflang de una página y sus versiones. Para hacer esto, puedes usar el atributo xhtml:link.

Reglas básicas al implementar el atributo hreflang

El hreflang es simple de implementar, como acabamos de ver. Pero independientemente del método que elijas, hay tres aspectos esenciales a considerar:

Las etiquetas Hreflang son bidireccionales

Debes entender que las etiquetas hreflang funcionan en pares. Cuando agregas una etiqueta hreflang a una página en inglés que apunta a la versión en francés, esta última debe corresponder a una etiqueta hreflang que apunte a la página en inglés.

Esto le muestra al motor de búsqueda que tienes control sobre las dos páginas y que ambas están en línea. Cuando las etiquetas están rotas, o la relación entre las dos aún no se ha establecido, es posible que veas la página incorrecta, varias páginas o un título que no corresponde a la URL que aparece en los resultados de búsqueda.

Los atributos hreflang autorreferenciales son una buena práctica

Según Google, cada versión de idioma tiene que enumerarse a sí misma y a todas las demás versiones de idioma. En otras palabras, cada página debe tener una etiqueta hreflang autorreferencial (que apunte a sí misma).

Las etiquetas X-default son recomendables, pero no obligatorias

La etiqueta hreflang x-default indica qué página predeterminada o alternativa se muestra a los usuarios cuando ninguna otra versión de idioma es apropiada. Aunque no es necesario usarlo, Google recomienda su uso.

Relación entre hreflang y la etiqueta canonical

La etiqueta canonical se utiliza para indicarle al motor de búsqueda la versión preferida de una URL (cuando tienen el mismo contenido), evitando así problemas de contenido duplicado.

Y como ya sabemos, el atributo hreflang es una herramienta para mostrar, entre diferentes páginas similares, cuál debería aparecer en una búsqueda determinada (según el idioma o la región).

Para evitar conflictos entre los dos elementos, Google recomienda no usar la etiqueta canonical entre las diferentes versiones de idioma o país de un sitio. Sin embargo, no sería un problema usarlo en la misma versión de idioma o país.

Tres errores comunes de hreflang que debes evitar

1) Falta de enlaces de retorno 

Cuando tienes una página que contiene un hreflang que apunta a un idioma alternativo, pero la página vinculada no apunta de vuelta a ella, tienes un “error de etiqueta de retorno”. Según Google, “Las anotaciones deben confirmarse desde las páginas a las que apuntan. Si la página A enlaza a la página B, la página B debe enlazar de nuevo a la página A, de lo contrario, las anotaciones podrían no interpretarse correctamente.” 

Usa Google Search Console para verificar si tienes algún “error de etiqueta de retorno”. Esto se puede encontrar dentro de la pestaña de segmentación internacional. Allí podrás ver dónde y cuándo Google detectó el error y hacia dónde debería apuntar el enlace de retorno.

Si detectas un error de este tipo, edita el código de la página URL alternativa e incluye una etiqueta hreflang que enlace de nuevo a la URL original que coincide.

Ten en cuenta que si tus etiquetas hreflang enlazan a páginas no indexadas, Google lo informará como un error. La razón es porque Google no puede seguir el enlace de retorno desde la página bloqueada a la página original.

2) Uso de códigos de país o idioma incorrectos

Una cosa que parece simple pero que a menudo causa errores es el uso incorrecto de los valores hreflang. Debes asegurarte de que los códigos de país o los códigos de idioma que estás utilizando sean correctos. Para hacer esto, debes usar el código de idioma en formato ISO 639-1 como “en,” “es,” “jp,” o usar una combinación del código de idioma y el código de país en formato ISO 3166-1 Alpha 2. Algunos ejemplos de estos son “es-VE,” “nl-BE” o “pt-BR.” No se permite el uso de solo el código de país. 

Uno de los errores más comunes es el uso de hreflang=” en-UK” en lugar de hreflang=” en-GB.” Esta etiqueta se implementa para hablantes de inglés en el Reino Unido. Siempre es una buena idea verificar dos veces antes de agregar las etiquetas hreflang.  

3) Mezclar los métodos de sitemaps Hreflang y etiquetado de páginas 

No es necesario usar hreflang en el sitemap XML y en tus páginas. Se recomienda quedarse con uno de ellos. Esto evitará cualquier confusión para Google al considerar tus etiquetas hreflang. Elige una de las tres ubicaciones posibles para implementar el hreflang: marcado en la página, encabezado HTTP o el sitemap.

Cómo asegurarte de que hreflang siga funcionando correctamente

Una vez que implementes una etiqueta hreflang, también debes configurar un proceso de mantenimiento. También puede ser interesante auditar su implementación periódicamente para verificar que esté configurada correctamente.

Es vital asegurarse de que la persona a cargo del contenido del sitio conozca el atributo hreflang para no realizar ninguna acción que pueda interrumpir su implementación. Dos aspectos son críticos:

• Verifica que las contrapartes estén actualizadas una vez que se haya eliminado una página.
• Cambia las URLs hreflang en las contrapartes cuando una página se redirige.

Haciendo esto y auditándolo con frecuencia, no debería haber ningún problema.