¿Cómo utilizar la etiqueta Hreflang?

Hreflang

Si estamos trabajando con una página web en diferentes idiomas, esta etiqueta se convierte en uno de los factores más importantes a tener en cuenta, ya que tras su implementación, conseguimos aportar información relevante a los robots que rastrean nuestro sitio, marcándoles con esta etiqueta los idiomas disponibles para el usuario.

1

Profundizando un poco más en el uso de esta etiqueta, debemos saber que podemos definir incluso el país o la región a la que está enfocada el idioma de nuestra página:

A continuación, mostramos algunos ejemplos de la etiqueta implementada en una URL, por ejemplo:

Cuando queremos definir el idioma de la página en inglés…

<link rel=”alternate” hreflang=”en” href=”http://www.midominio.com/en/”>

 Cuando queremos definir el idioma de la página en alemán…

<link rel=”alternate” hreflang=”de” href=”http://www.midominio.com /de/”>

 Cuando queremos definir el idioma de la página en italiano…

<link rel=”alternate” hreflang=”it” href=”http://www.midominio.com /it/”>

Puede darse también el caso que tengamos el mismo idioma pero distinta zona geográfica.

Por ejemplo, tener una versión española y colombiana. El idioma es el mismo, castellano, aunque hay detalles o matices que son totalmente diferentes, por lo que se recomienda definirlos en la propia etiqueta del país:
<link rel=»alternate» href=»http://example.com/catalogo/espana» hreflang=»es-es» />

<link rel=»alternate» href=»http://example.com/catalogo/colombia» hreflang=»es-co» />

<link rel=»alternate» href=»http://example.com/catalogo/mexico/» hreflang=»es-mx» />

Para los selectores de idioma que redireccionan automáticamente, también se puede añadir una anotación en la etiqueta: hreflang «x-default»

<link rel=»alternate» href=»http://midomio.com/es-ES» hreflang=»x-default» />

Como ejemplo de buenas prácticas sobre el Hreflang encontramos la página de Booking.com.

En ella comprobamos que está implementada la etiqueta en todas y cada una de sus páginas con su contenido correspondiente en multi-idioma:

 

Imaginemos el caso de una web que vendiera online en un país concreto, por ejemplo, Alemania, productos dirigidos a compradores que no fueran de ese idioma (alemán), por ejemplo residentes o turistas españoles en Alemania (que usan el español). En ese caso habría que utilizar la etiqueta de este otro modo:

<link rel=»alternate» href=»www.mitienda.com/catalogo/alemania/espanol» hreflang=»es-de» />

<link rel=»alternate» href=»www.mitienda.com/katalog/deustchland/deutsch» hreflang=»de-de» />

Para obtener más información sobre esta etiqueta podemos ver el vídeo con las recomendaciones del canal de Youtube de Google Webmaster.