Hreflang. ¿Qué es y cómo insertar esta etiqueta para tu SEO internacional?

¿Quieres expandir tu negocio online a otros países? ¿Tienes diferentes versiones de una página web con distintos idiomas o enfocadas a regiones específicas? Pues entonces este artículo te interesa. Hoy te hablamos de la etiqueta Hreflang, la solución perfecta para que Google pueda enseñar a tus usuarios la mejor versión de tu sitio, independientemente de dónde se encuentren o de su idioma. ¡Sigue leyendo!

1. ¿Qué son las etiquetas Hreflang?

Las Etiquetas Hreflang son unas etiquetas que sirven como una solución técnica para aquellas webs que tienen el contenido en varios idiomas. Así, gracias a estas etiquetas – también conocidas como atributos de enlace rel=»alternate» hreflang=»x» – puedes estar seguro de que Google orientará geográficamente tu sitio web a la perfección y, los usuarios verán el idioma correcta o las URLs regionales para el contenido.

Por ejemplo, si un ecommerce quiere vender sus productos en diferentes países, regiones e idiomas, tendrá que estar orientada a la perfección sin que se duplique el contenido. Esto es importante tenerlo en cuenta ya que el contenido duplicado es un problema muy frecuente en este tipo de situaciones.

2. Ventajas de usar Hreflang

• Cuando se usa de forma correcta, esta etiqueta ayuda a los motores de búsqueda a interpretar la relación entre las páginas de un sitio web. De esta manera, pueden rastrearlas e indexarlas con gran precisión.
• Posibilita a los motores de búsqueda que encuentren nuevas URL durante la expansión internacional del sitio.
• Consigue que se muestren las URL específicas a los usuarios en los resultados de sus búsquedas. Gracias a esto, los usuarios pueden disfrutar de una mejor experiencia en el sitio web.

3. Problemas frecuentes de los sitios web internacionales sin Hreflang

Antes de nada, para ponerte en situación, debes tener en cuenta algunos problemas que deberías evitar para poder llevar a cabo tu expansión internacional digital:

• Problema 1. Imagina que un usuario vive en Reino Unido y busca en google.co.uk ‘sneakers’. Lo que le aparecerá será “sneakers”, además de la url .com. Puede que te parezca un resultado correcto, sin embargo, este será menos relevante si se ve una url co.uk equivalente o mejor adaptada a los usuarios que viven en Reino Unido. Por eso, en este caso, aparece el problema cuando hay una URL que, aunque se adapta al idioma del usuario y los resultados de búsqueda lo ignoran. Por ejemplo:

• Problema 2. Otra situación problemática se puede dar en el caso de que los resultados de búsqueda muestren dos URLs muy similares (casi idénticas) para el mismo sitio web. Esto puede llegar a confundir a los usuarios, ya que una de las dos será más relevante que la otra.
• Problema 3. Otro de los problemas puede surgir cuando se diferencia un nuevo idioma o variante regional en un sitio web y los motores de búsqueda ignoran por completo la URL nueva, ya que no la detectan.

4.  Casos prácticos más frecuentes en sitios web internacionales

• Caso 1. Un sitio web sólo se dirige a una variante regional de un idioma

En esta situación, la página www.example.com está en español (castellano) y usa el euro. Sin embargo, el sitio puede tener una versión de esa página para Chile en cl.example.com. En esta versión, la página está en español (latino) y la moneda se expresa en pesos chilenos en lugar de euros.

• Caso 2. Un sitio web se expande internacionalmente con contenido traducido por completo

Una página cuenta con la palabra ‘sneakers’,  y la otra tiene ‘zapatillas’. Por ejemplo: www.example.com está escrita en español, mientras que en.example.com está escrita completamente en inglés. Estas páginas están totalmente traducidas, por lo que la página ‘Inicio’ pasa a ser ‘Home’.

5. Optimizar un sitio internacional con Hreflang

5.1. Pautas previas para todos los métodos de implementación de Hreflang

Antes de elegir uno de los diferentes métodos que existen para implementar la etiqueta Hreflang, debes conocer unas directrices básicas que se aplican a todos ellos:

• Si cuentas con diferentes idiomas para una única página, tienes que incluir todas las versiones (incluida la propia versión)
• Las URLs tienen que incluir http/https. Ejemplo:

• No es imprescindible que las URL alternativas se encuentren en el mismo dominio. Además, si cuentas con varias URLs alternativas enfocadas a hablantes del mismo idioma, pero con diferentes configuraciones regionales, es aconsejable añadir una URL genérica.
• Si 2 páginas no se enlazan entre sí, Google ignorará las etiquetas.
• Si te quieres dirigir a muchos idiomas y no los has indicado todos, puedes incluir una página de respaldo. Especialmente, si cuentas con redirecciones, contenidos dinámicos o selectores. Para ello, puedes usar el valor x-default.

5.2. Métodos para incluir Hreflang

Teniendo claras las directrices generales, te preguntarás cómo puedes optimizar tu sitio internacional para la búsqueda. Pues bien, tienes varios métodos para usarrel=”alternate”hreflang:

• Etiquetas HTML: Se puede colocar en el código de la página como atributo de enlace
• En la cabecera del enlace HTTP de la página
• En un sitemap. el sitemap mostrará una lista de todos los idiomas y variantes regionales en caada URL.
• Promocionar un solo sitemap que incluya todos los idiomaas de las urk siempre y cuando los sitios web esén verificados s en las herramientas para el web master de Google.

5.2.1 Etiquetas HTML

Una opción para informar a Google de todas las variantes de idioma y región de tu página es colocar la etiqueta de Hreflang en el encabezado del código de tu página como atributo de enlace. Para ello, es necesario que tengas en cuenta que todas las versiones con las que cuentes deben incluir un conjunto de elementos <link> en el <head> (el mismo en todas las variantes).

• Formato:

• Ejemplo:

5.2.2 Encabezados HTTP

Otro método que tienes disponible para implementar Etiquetas Hreflang es devolver encabezados HTTP con las respuestas GET de tus páginas para informar a Google de todas tus versiones. Es una forma que resulta bastante práctica sobre todo con archivos como los PDF.

• Formato:

• Ejemplo:

5.2.3 Sitemap

Por último puedes informar a Google con un sitemap. El sitemap mostrará una lista de todos los idiomas y variantes regionales en cada URL. Para ello, es necesario incorporar un elemento <loc> que cuente con una sola URL y disponga de entradas secundarias <xhtml:link> con las variantes (incluida la del propio elemento <loc>). Esto es que, si cuentas con 3 versiones de tu página web, el sitemap tendrá que incluir 3 entradas.

• Directrices:
  • Especifica el espacio de nombres xhtml de la siguiente forma:

• Crea un elemento <url> por cada una de ellas
• Cada <url> debe contar con el elemento <loc>
• Cada <url> debe contar con:

5.3. Especificar códigos de idioma y región válidos

Independientemente de que uses un método u otro para poder añadir la etiqueta Hreflang a tu sitio, siempre tendrás que especificar un valor hreflang. Por un lado, el valor puede ser un idioma general, como por ejemplo, “es” para dirigirte a todos aquellos usuarios que hablan español en el mundo. Por otro, también puedes incluir el idioma y el país concreto en el que quieras aparecer, por ejemplo, “es-cl”, para dirigirte de forma más personalizada a los usuarios de Chile.

• Idioma general. Ejemplo:

• Idioma y país concreto. Ejemplo:

Si te decides por crear una variante ligüística como “es-cl”, ten en cuenta que Google aconseja que también tengas una más general, como “es” para poder satisfacer a todos los usuarios del mundo que hablan español. Por otro lado, también tienes que saber que no debes incluir solamente un código de país, ya que Google no lo detectará.

5.4. Etiqueta x-default

En el caso de que quieras que aparezca una versión determinada a aquellos usuarios hablantes de idiomas no especificados es necesario que incluyeses la etiqueta x-default. Es decir, este valor se utiliza cuando la configuración del navegador no coincide con los idiomas o regiones que has indicado previamente y por ello, estés en las siguientes situaciones:

• Redirecciones. Si usas redirecciones para páginas distintas en base de la IP de los usuarios.
• Contenido dinámico. Si publicas contenido dinámico en diferentes idiomas pero en la misma página.
• Selector de idioma. Si pides al usuario que seleccione la página principal que prefiera.

Aunque la etiqueta x-default es algo opcional, es aconsejable añadirlo.

5.5. Especificación de URLs canónicas

Para llevar a cabo una configuración más eficiente cuando se trata de incluir la etiqueta Hreflang con el fin de diferenciar URLs duplicadas, es muy aconsejable especificar URLs canónicas. Es decir, únicamente bastaría con incluir la etiqueta en las canónicas. Por ejemplo:

6. Hreflang, otras consideraciones a tener en cuenta

Las versiones en otros idiomas pueden estar distintos lugares:

• En uno o diferentes dominios

• En diferentes subdominio

• En diferentes subdirectorio

• En ccTLD o gTLD

 

7. Prácticas recomendadas

• Crear URL que puedan compartirse en la arquitectura del sitio web. Así, cada URL mostrará de forma constante información parecida en el mismo idioma, independientemente de los intereses por el idioma o de la IP del usuario. Esto ayudará a los motores de búsqueda a indexar.
• No redireccionar páginas de una URL a otra en un idioma diferente. Es decir, en lo que se refiere al redireccionamiento automático de los usuarios, aunque sí es posible hacer una redirección a una URL de un idioma o país específico con una URL x-default, Google no aconseja llevar a cabo redireccionamiento de página a una URL que cuente con un idioma distinto, teniendo en cuenta cosas como la IP. ¿Por qué? Pues porque de hacerlo, podrías impedir el rastreo a todas las variantes lingüísticas.
• Evitar incluir el parámetro de idioma o de país en una URL. Ten en cuenta que estos parámetros actúan de manera poco coherente, al contrario que los dominios o los directorios. Por eso, el uso excesivo de estos parámetros puede hacer que las URL se sobrecarguen.

Ahora sí… ¡Ya puedes expandir tu negocio de forma internacional!