Blog

Viernes, 14 Octubre 2016 20:29

Trabajar con hreflang

Si estamos trabajando con una página web multilenguaje, esta etiqueta se convierte en uno de los factores más importantes a tener en cuenta, ya que tras su correcta 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.

 

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.cneris.com /de/”>

 

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

 

<link rel=”alternate” hreflang=”it” href=”http://www.cneris.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://cneris.com/catalogo/espana” hreflang=”es-es” />

 

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

 

<link rel=”alternate” href=”http://cneris.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://cneris.com/es-ES” hreflang=”x-default” />

Published in HTML