¿Qué es Hreflang?

Avatar
Want create site? Find Free WordPress Themes and plugins.

Hreflang es, probablemente, la parte más difícil del SEO, al menos a nivel técnico. En esta serie de dos posts vamos a ver qué es, cómo funciona y cómo podemos implantarlo.

Hreflang fácil

Es fácil que tu página web tenga distintos idiomas. Una de las mejores cosas de internet es que es global. Puede llegar a ti gente de cualquier parte del mundo en cualquier idioma, pero esto también da muchos dolores de cabeza a los que deseen «recibir» a los visitantes en su idioma original.

Uno de los dolores de cabeza con los que nos encontramos es el SEO. ¿cómo entiende Google las versiones alternativas de tu página? A priori las entiende bien, pero, aun así, recomienda que le indiques la estructura multilenguaje de tus páginas con la etiqueta hreflang. Es, probablemente, lo más complicado del SEO. Una vez que la domines, todo es mucho más sencillo. Sirve tanto para Google como para Yandex, mientras que Baidu y Bing no usan esta etiqueta.

¿Qué es la etiqueta hreflang?

La etiqueta hreflang es una etiqueta de HTML que especifica el idioma y las restricciones geográficas opcionales para un documento a los buscadores. Es decir: se usa para indicar el objetivo de la página que visitas por país y por idioma.

Si bien su uso no es obligatorio, no utilizarlas puede dar lugar a distintos problemas que iremos viendo más adelante.

Forma de la etiqueta hreflang

La etiqueta hreflang tiene esta forma:

<link rel=»alternate» hreflang=»idioma» href=»direcciondeejemplo.com» />

La primera parte, rel=»alternate» nos indica que es una versión alternativa de la página.

La segunda parte, hreflang=»idioma» nos dice en qué idioma está la página. ¿Cómo saber qué hay que meter entre las comillas? Este enlace tiene una lista completa de códigos de idioma para la etiqueta Hreflang. El enlace es exhaustivo y seguro que abarca cualquier idioma en el que quieras escribir: español, inglés, francés, chino, vasco, aragonés, interlingua, etc.

Para una página de recetas para hacer pasteles de México, podría quedar así:

<link rel=»alternate» hreflang=»es» href=»recetasparahacerpasteles.mx»/>

Pero hemos visto que con hreflang no sólo se puede indicar un idioma, también un país. Si quisiéramos indicar un país tenemos que ponerlo de la siguiente forma:

hreflang=»idioma-país».

Por ejemplo, en nuestro ejemplo de las recetas de pasteles, nos aparecería:

<link rel=»alternate» hreflang=»es-MX» href=»recetasparahacerpasteles.mx»/>

¿Y de dónde sacamos el código de cada país? De la lista completa de códigos de cada país para la etiqueta Hreflang.

¿Qué problemas resuelve la etiqueta hreflang?

El uso la etiqueta hreflang indica a Google cómo ha de entender y por tanto mostrar al usuario las distintas páginas de nuestra web en los distintos idiomas. Esto resuelve varios problemas:

Relevancia

La página hecha para un país será, en la mayor parte de los casos, más relevante que las mismas páginas para otros países.

Digamos que estamos buscando recetas para hacer pasteles. Y digamos que el resultado más relevante viene de recetasparahacerpasteles, pero que estás en España y Google te envía a la sección mexicana.

Si buscas recetas para hacer pasteles desde México, Google te debería ofrecer recetasparahacerpasteles.mx. Si buscas recetas para hacer pasteles desde España, Google te debería llevar a recetasparahacerpasteles.es. Y si alguien lo busca desde Francia le debería llevar a recetasparahacerpasteles.fr

La diferencia entre la página en español y en francés está clara: es el idioma. La diferencia entre España y México puede no ser tan relevante, pero los distintos ingredientes o gustos que podemos encontrar en cada país pueden hacer la página un éxito o un fracaso. Por eso, incluso en las páginas de las cosas más cotidianas, es importante dirigirse a un público bien determinado.

Páginas duplicadas

Si tenemos la misma página para Reino Unido y para Estados Unidos, ambas en inglés y sólo diferenciamos, por ejemplo, la dirección de nuestra empresa o el precio de nuestros productos, Google puede detectar contenido duplicado. La etiqueta hreflang sirve, precisamente, para evitar esto, para decir a Google que es la misma página, pero en distintos idiomas. Si diferenciamos algunos productos, a la venta en algún país pero no en otros, estamos ante el mismo caso.

Mejor experiencia para el usuario

Si la página está en el idioma del usuario y está dirigida a los habitantes del país del usuario, va a sentirse más cómodo, va a quedarse más tiempo y el porcentaje de rebotes va a ser menor. El usuario tendrá mucho más fácil encontrar la página dirigida a su idioma y a su país si has configurado la etiqueta bien.

Es más fácil que un usuario se quede contigo si te entiende y si se siente reflejado con lo que pones.

¿Cómo funciona hreflang?

Como decíamos al principio, hreflang es de lo más complicado del SEO. Vamos a tratar de ponerlo lo más claro posible.

Antes de saber cómo implementar hreflang, que lo veremos en un post futuro, vamos a conocer bien como funciona:

Hreflang va en dos direcciones.

Si dices que recetasparahacerpasteles.fr es la versión francesa de recetasparahacerpasteles.es también tienes que decir que recetasparahacerpasteles.es es la versión española de recetasparahacerpasteles.fr.

Suena difícil, pero es así de fácil: A apunta a B y B apunta a A.

¿Por qué esto es así? se ve claro con un ejemplo: si decimos que nuestra página, recetasparahacerpasteles.es es la versión francesa de Amazon.com, Google lo va a dudar mucho. A no ser que Amazon.com lo confirme usando la misma etiqueta, cosa que no va a pasar, Google no lo va a creer.

Es el equivalente de decir que eres el novio de Claudia Schiffer. O ella confirma que es tu novia o no va a colar.

La etiqueta ha de auto-referenciarse.

Es decir: cada página ha de enlazarse a si misma.
Esto nos facilita la vida. Imaginad que tenemos una página en 20 idiomas (o para 20 países).

Podemos coger todo nuestro bloque de etiquetas hreflang y ponerlas en todas las versiones, sin tener que andar preocupándonos de quitar la correspondiente al idioma en el que estamos. De tal modo, en nuestro ejemplo, en las tres páginas, el código hreflang que pondríamos sería el mismo:

<link rel=»alternate» hreflang=»es-MX» href=»recetasparahacerpasteles.mx»/>
<link rel=»alternate» hreflang=»es-es» href=»recetasparahacerpasteles.es»/>
<link rel=»alternate» hreflang=»fr» href=»recetasparahacerpasteles.fr»/>

Una etiqueta por defecto para los que no estén en ninguno de nuestros casos.

Volvamos a nuestro ejemplo: nuestra página de cómo hacer pasteles tiene una versión en español para España, otra en español para México y otra en francés. ¿Y si nos visita un inglés o alguien desde cualquier otro lugar del mundo? Tenemos que elegir a cual de las tres versiones va a ir.

Eso se hace con: la etiqueta x-default. Digamos que queremos que cualquier persona que no encaje en ninguno de los tres grupos objetivos vaya a la versión de España. Pondríamos:

<link rel=»alternate» hreflang=»x-default» href=»recetasparahacerpasteles.es»/>

Ya sabemos cómo funciona hreflang y cómo escribir el código. Ahora necesitamos saber dónde hemos de pegar todo este código, lo veremos en el siguiente post:

Cómo instalar las etiquetas HrefLang de manera fácil

Did you find apk for android? You can find new Free Android Games and apps.
Recent Posts

Este sitio web utiliza cookies para que usted tenga la mejor experiencia de usuario. Si continúa navegando está dando su consentimiento para la aceptación de las mencionadas cookies y la aceptación de nuestra política de cookies, pinche el enlace para mayor información.

ACEPTAR
Aviso de cookies
Show