Hreflang HTML

Qué es, importancia y ejemplos

Qué es el Hreflang HTML de una Página Web

El atributo hreflang HTML (también denominado rel=»alternate» hreflang=»x») indica a Google qué idioma se está utilizando en una página específica, de modo que el motor de búsqueda puede ofrecer ese resultado a los usuarios que realicen búsquedas en ese idioma.

Por qué es importante 

El atributo hreflang sirve para crear una mejor experiencia de usuario para los visitantes que buscan en un idioma y país concretos. Al emplearlo ayudamos a Google a servir la página específica en el idioma y el país más adecuado.

Para los SEO, la etiqueta hreflang garantiza que el resultado de la búsqueda se ofrezca en el idioma nativo o preferido y no en otro diferente. 

Ejemplo de atributo hreflang

El atributo hreflang especifica el idioma del documento en el enlace:

<link rel=»alternate» hreflang=»lang_code» href=»url_of_page» />

 Las etiquetas Hreflang son fáciles de entender si las dividimos en tres partes sencillas:

  • link rel=»alternate»: Indica a Google que el enlace de esta etiqueta es una versión alternativa.
  • hreflang=»x»: Especifica el idioma y la diferencia con la versión original. La “x” es sustituida por el código de idioma del país.
  • href=»https://example.com/alternate-page»: La página alternativa se encuentra en esta URL.

Cómo Implementar la etiqueta hreflang en tu página

Google permite hasta tres métodos distintos para implementar la etiqueta hreflang. Es muy importante que solo elijamos uno: 

  1. Como un enlace en la cabecera HTML de la página
  2. En la cabecera HTTP (para archivos no HTML como los PDF)
  3. En el mapa del sitio XML

Aquí te dejamos un artículo extenso de los propios ingenieros de Google con instrucciones detalladas sobre los tres métodos de implementación: Versiones localizadas de tus páginas

Errores comunes de hreflang a evitar

Hay algunos errores técnicos que pueden hacer tropezar a algunos webmasters si no se tiene cuidado. 

Al implementar el hreflang asegurate de:

  • Incluir un hreflang autorreferenciado, es decir, que apunte a sí mismo para que los motores de búsqueda entiendan en qué idioma está la página 
  • Haz que todas las variaciones de las páginas estén incluidas en el hreflang para asegurarse de que no se pierden versiones en otros idiomas y de que son bidireccionales (cada una apunta a la otra).
  • Utiliza las etiquetas hreflang x-default para indicar a Google en qué idioma se encuentra una página cuando ninguna otra variante de idioma sea apropiada.
  • Acuérdate de canonicalizar siempre la página a sí misma.
  • Emplear Códigos de idioma correctos empleando el formato ISO 639-1 y, opcionalmente, la región en formato ISO 3166-1 Alpha 2 de las URLs alternativas. No se puede especificar únicamente la región.

No seguir los pasos anteriores puede hacer fracasar tus esfuerzos de SEO internacional.

Así que tomátelos muy en serio.

Como crear el hreflang para tu página web:

Si tienes dudas sobre cómo generar el código hreflang, te recomendamos emplear algún generador automático como éste:

También puedes consultar si el código de tus paginas está bien construido empleando esta extensión de Google Chrome o pasando esta herramienta de validación de etiqueta hreflang:

La única pega es que debes ir URL por URL comprobando que está bien implementado.

En conclusión:

Las etiquetas hreflang son un instrumento muy eficaz para indicar a Google las versiones en diferentes idiomas que debe servir según la ubicación de donde proceda una búsqueda. Comprender e implementarlas de la forma correcta es esencial para garantizar que todos los esfuerzos SEO de un proyecto multi idioma son bien aprovechados.

Importante: Las etiquetas hreflang son una señal para los motores de búsqueda, pero no son directivas, por lo que Google puede no utilizarlas si las considera inexactas. Como SEO, debes asegurarte de que estás enviando las señales correctas y ayudando a Google a entender tu sitio cuando indexa y clasifica tus páginas.

Herramientas y lecturas recomendadas:

Preguntas Frecuentes

¿Qué son las etiquetas hreflang?

Las  etiquetas hreflang HTML de una página web son esenciales para que Google entienda mejor nuestros proyectos multi idioma. Si tu proyecto web emplea diferentes idiomas, aprender a implementarlas en tu sitio web es esencial para garantizar un buen SEO internacional.

¿Cómo comprobar tus hreflang?

La forma más sencilla de asegurar que las etiquetas hreflang están bien implementadas es emplear una herramienta automatizada. Dentro de nuestro artículo encontrarás varias que pueden servirte en este propósito.