Hreflang HTML

Qué es, importancia y ejemplos

Tabla de contenidos

Qué son las etiquetas Hreflang HTML 

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é son importantes para el SEO Internacional

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. 

Cómo crear etiqueta hreflang 

Cómo implementar hreflang 

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

Cómo identificar la Tag Hreflang

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

 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.
 
 				 					<link rel="alternate" hreflang="es" href="https://www.isocialweb.agency" />  <link rel="alternate" hreflang="en" href="https://www.isocialweb.agency/en/" />  <link rel="alternate" hreflang="x-default" href="https://www.isocialweb.agency" /> 				 			

Códigos de idioma y región ISSO

El formato ISO 639-1 es utilizado por Google para codificar idioma en una página web, si bien se puede utilizar en combinación con el formato ISO 3166-1 para especificar regiones específicas.

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.

Atributo «x-default» para idiomas no especificados

Si tu página web ofrece contenido en varios idiomas o simplemente permite a los usuarios seleccionar el idioma deseado, puedes utilizar el valor «x-default» para indicar que la página no está segmentada de manera específica para un idioma en particular.

Esto se puede hacer utilizando la siguiente etiqueta HTML:

 				 					<link rel="alternate" href="https://www.isocialweb.agency/" hreflang="x-default" /> 				 			

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.

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

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.

Debemos insertar la etiqueta <link> que hemos visto en el anterior punto dentro del elemento <head> de tu página. 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.

[kkstarratings force]