El uso adecuado de las etiquetas hreflang es esencial para los sitios web que ofrecen varios idiomas. He aquí una guía práctica sobre cómo utilizar las etiquetas hreflang para mejorar su SEO. Pero antes, 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 metaelemento HTML que especifica el idioma y la región de un sitio web. Puedes implementar la etiqueta hreflang en uno de los siguientes lugares.

• On-page markup
• HTTP header
• Sitemap

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

Por ejemplo, si usted tiene un sitio web en Albuquerque en los dos idiomas hablados en el área, su 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 su página proporciona contenido en varios idiomas, puede utilizar x-default para mostrar que la página no está específicamente dirigida:

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

¿Por qué es tan importante el Hreflang?

Muchos sitios web se dirigen a audiencias con diferentes idiomas y para diferentes países. Esto puede hacer que se genere una gran cantidad de contenido duplicado, así como errores a la hora de ofrecer el contenido adecuado a los usuarios.

Los motores de búsqueda utilizan hreflang para entender cuál es la mejor URL para mostrar en los resultados de búsqueda, dependiendo del idioma del usuario y de las preferencias de la región.

En resumen, hreflang le ayuda a:

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

¿Cuándo quiere utilizar hreflang?

Si se pregunta si debe o no implementar el hreflang, esto puede ayudarle a tomar una decisión. Tres escenarios básicos pueden ser cubiertos con hreflang:

• Diferentes países, diferentes idiomas (sitio web español escrito en castellano, que tiene una versión en francés en Bélgica) es-ES / fr-BE
• Diferentes países, el mismo idioma (página 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 malayo que utiliza tanto el bahasa melayu como el inglés) en-MY / my-MY

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

Por el contrario, si tenemos una página web con dominios diferentes para cada idioma, la etiqueta hreflang contendrá los dominios. Es el caso de sitios web con dominios ccTLD (country code top-level). example.co.uk,.es,.de, o.jp.

¿Qué pasa 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 su sitio web no tiene un idioma que coincida con la configuración de un navegador de usuario?

En esos casos, se recomienda usar el hreflang="xdefault". Esta práctica 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 debe mostrarse por defecto.

hreflang="xdefault" también puede utilizarse para indicar a los navegadores y motores de búsqueda que muestren a los usuarios una página en la que puedan seleccionar el idioma deseado.

Cómo implementar hreflang

Existen tres opciones a la hora de implementar el atributo hreflang:

A través de etiquetas HTML

Especialmente si aún no estás muy familiarizado con el hreflang, el uso de etiquetas HTML básicas es posiblemente la forma más rápida y sencilla de implementarlo. Basta con añadir las etiquetas hreflang adecuadas en la etiqueta 'head' del HTML.

Uso de las cabeceras HTTP hreflang

Cuando no hay código HTML, como es el caso de los PDF, no se puede implementar el hreflang poniendo etiquetas HTML en el . Pero es posible utilizar las cabeceras HTTP para especificar el idioma relativo a las versiones del documento.

Este método también funciona en páginas web estándar, pero lo cierto es que se suele utilizar para otro tipo de contenidos.

Implementación del hreflang en el Sitemap XML

Los mapas del sitio pueden incluir marcas relevantes para especificar el hreflang de una página y sus versiones. Para ello, se puede utilizar el atributo xhtml:link.

Reglas básicas para implementar el atributo hreflang

El hreflang es sencillo de implementar, como acabamos de ver. Pero independientemente del método que elijas, hay tres aspectos esenciales que debes tener en cuenta:

Las etiquetas Hreflang son bidireccionales

Debe entender que las etiquetas hreflang funcionan por parejas. Cuando añades 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 apunta a la página en inglés.

Esto muestra al motor de búsqueda que usted tiene control sobre las dos páginas y que ambas están alineadas. Cuando las etiquetas están rotas, o la relación entre las dos no se ha establecido todavía, es posible que aparezca la página equivocada, varias páginas o un título que no se corresponde con la URL que aparece en los resultados de la búsqueda.

Los atributos hreflang autorreferenciales son una buena práctica

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

Las etiquetas X-default se recomiendan pero no son obligatorias

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

Relación entre hreflang y la etiqueta canónica

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

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

Para evitar conflictos entre ambos elementos, Google recomienda no utilizar la etiqueta canónica entre las distintas versiones de idioma o país de un sitio. Sin embargo, no sería un problema utilizarla en el mismo idioma o versión del país.

Tres errores comunes de hreflang que debe evitar

1) Enlaces de retorno perdidos 

Cuando tienes una página que contiene un hreflang que apunta a un idioma alternativo, pero la página enlazada no apunta a él, tienes un "error en la etiqueta de retorno". Según Google, "Las anotaciones deben ser confirmadas desde las páginas a las que apuntan. Si la página A enlaza con la página B, la página B debe enlazar con la página A, de lo contrario las anotaciones pueden no ser interpretadas correctamente". 

Utiliza el Google Search Console para comprobar si tienes algún "error de devolución de etiqueta". Esto se puede encontrar en la pestaña de "International Targeting". Allí podrá ver dónde y cuándo Google detectó el error, y hacia dónde debería apuntar el enlace de retorno.

Si detecta un error de este tipo, edite el código de página URL alternativo e incluya una etiqueta hreflang que enlace a la URL original.

Ten en cuenta que si las etiquetas hreflang enlazan a páginas sin índice, Google lo notificará como un error. La razón es que Google no puede seguir el enlace de retorno de la página bloqueada a la página original.

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

Una cosa que parece simple pero que a menudo causa errores es el uso incorrecto de los valores de hreflang. Tienes que asegurarte de que los códigos de país o los códigos de idioma que estás usando son correctos. Para ello, debe utilizar el código del idioma en formato ISO 639-1 como "en", "es", "jp", o utilizar una combinación del código del idioma y el código del país en formato ISO 3166-1 Alfa 2. Algunos ejemplos son "es-VE", "nl-BE" o "pt-BR". No se permite el uso del código de país solamente. 

Uno de los errores más comunes es el uso de hreflang=" en-UK" en lugar de hreflang=" en-GB". Esta etiqueta se aplica a los angloparlantes en el Reino Unido. Siempre es una buena idea comprobar antes de añadir las etiquetas de hreflang.  

3) Mezcla de métodos de Hreflang Sitemaps y Page Tagging

No hay necesidad de usar hreflang en el Sitemap XML y en sus páginas. Se recomienda seguir uno de ellos. Esto evitará cualquier confusión a Google al considerar sus etiquetas hreflang. Elija una de las tres ubicaciones posibles para implementar el hreflang: marcado en la página, encabezado HTTP o el Sitemap.

Cómo asegurarse de que hreflang sigue funcionando correctamente

Una vez implementada una etiqueta hreflang, también hay que establecer un proceso de mantenimiento. También puede ser interesante auditar su implementación periódicamente para comprobar que está configurada correctamente.

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

• Comprobar que las páginas homólogas están actualizadas una vez que se ha eliminado una página.
• Cambiar las URLs hreflang en las homólogas cuando se redirige una página.

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