¿Cómo implementar la etiqueta hreflang en tu eCommerce?

Tabla de contenidos

  • 1. ¿Qué es la etiqueta hreflang?
  • 2. ¿Cuándo usar hreflang?
  • 3. ¿Cómo implementar hreflang?
  • 4. ¿Ejemplos de hreflang para webs multiidioma?

Seguramente ya eres consciente del gran auge del comercio electrónico. Y es que, así como la pandemia trajo consecuencias económicas negativas para tiendas físicas; por otra parte abrió el abanico para el desarrollo del eCommerce, y con ello la necesidad comprender cómo implementar la etiqueta hreflang para llegar a más lugares del mundo.

Por eso, si aún no sabes cómo implementar una hreflang en tu web, ¡alégrate!, aquí aclararás todas tus dudas y encontrarás el camino correcto para comenzar a  internacionalizar tu negocio online y obtener la independencia financiera que estás buscando.

 

¿Qué es la etiqueta hreflang?

La hreflang es un atributo técnico en el código fuente de las páginas web que se usa como alternativa para que los buscadores puedan distinguir las diferentes versiones del contenido mostrado en la página y orientar los resultados de la búsqueda según el idioma y país destino.

En términos de eCommerce, las etiquetas hreflang son fundamentales para lograr el objetivo SEO: que los usuarios del país destino encuentren en los motores de búsqueda, lo que desean exactamente y completen su compra sin inconvenientes.

La hreflang tag surge en el año 2011, como una innovación del lenguaje de programación de Google para diferenciar las distintas versiones de idiomas en cualquier región del mundo.

Los estándares ISO 639 e ISO 3166 permitieron normar el uso de los posibles códigos de idioma y región, para la aplicación de estas etiquetas.

etiqueta hreflang

 

 

¿Cuándo usar hreflang?

Existen varias razones por las que es necesario usar hreflang para mejorar el SEO durante la internacionalización de tus tiendas online:

Caso 1: Contenido web multidioma

El sitio web del eCommerce está disponible en varios idiomas y se debe evitar que el buscador detecte duplicidad en el mismo, o que, en el peor de los casos, lo ignore. 

Por ejemplo, puedes disponer de una traducción de español a inglés británico en tu tienda virtual, y deseas sacarle mayor provecho al posicionamiento SEO mediante el uso de hreflang. 

Caso 2: Contenido web en un único idioma, dirigido a regiones distintas

En estos casos, aunque el contenido esté en un solo idioma, puede estar dirigido a varias regiones, por lo que generalmente se traduce un extracto del contenido, y se necesita que el buscador encuentre esa parte clave que debe conocer el usuario de una región específica. 

También puedes disponer de un sitio web en español, donde el producto se puede mostrar en moneda de pesos colombianos o en euros. Entonces, aprovecha el uso de esta herramienta para direccionar tus estrategias de ventas.

Recibir 25€ para traducción eCommerce

¿Cómo implementar hreflang?

Ahora que ya sabes la utilidad de las hreflang, llegamos a la parte más importante de este artículo, así que ¡no te distraigas ni un momento! y toma nota de los siguientes aspectos que te harán cambiar la creencia de que implementar hreflang es sólo para programadores especialistas.

1. Hreflang mediante etiqueta HTML en el encabezado de la página web. Si posees contenido HTML, puedes colocar una etiqueta para cada idioma que dispongas.

Para ello debes fijarte asegurarte de aplicar el formato: <link rel=»alternate» hreflang=»x» href=»alternateURL»>

Donde, la “x” es la región-código (”es-ES”) y permite diferenciar el área geográfica específica cuando el idioma del contenido de la página es usado en varios países. En este caso, hace referencia a la región “es” España y el código ES “español”.

También se debe distinguir la URL de la página: según la región destino, donde se agrega al final de la misma, el país destino: ”https://www.tutiendaamiga.com/“/.

2. Hreflang con encabezados HTTP. Usadas cuando el contenido del sitio no es HTML, y cuyo formato es: Enlace; rel=»alternate»; hreflang=»código_idioma_1″, ; rel=»alternate»; hreflang=»código_idioma_2″, rel=»alternate»; hreflang=»código_idioma_3″,…

En este otro caso, puedes fijarte que el enlace de la página se coloca al inicio del formato indicando el idioma según el país destino y además, es necesario el uso de la coma (,) y del punto y coma (;) para separar las referencias de cada idioma.

3. Hreflang en el Mapa del Sitio (Sitemap). Útil cuando disponemos de una única URL y con entradas secundarias según el idioma y diferentes regiones destino. Existen aplicaciones específicas para generar las etiquetas hreflang que necesites.

Como dato importante, te recomendamos verificar si la hreflang se implementó correctamente, revisando en Google Search Console, opción “Tráfico de búsquedas”. Una vez allí, selecciona “Segmentación internacional” y luego la pestaña “Idiomas». 

Ejemplos de hreflang para webs multiidioma

Sabemos que internacionalizar un sitio web no se hace de la noche a la mañana. Se requiere un trabajo minucioso de traducción y revisión, cuidando cada aspecto que te permita llegar al público deseado. 

Pero debes dar el primer paso para saber que si vas en el camino correcto. Entonces, fíjate en los siguientes ejemplos para webs multiidioma que te darán una mejor idea a la hora de impulsarte a ese paso que seguro te llevará a la cima.

etiqueta hreflang

Ejemplos de hreflang en HTML:

  1. <link rel=”alternate” hreflang=”es-ES” href=”https://www.ejemplo.es/“/>
  2. <link rel=”alternate” hreflang =”fr-FR” href=”https://www.ejemplo.fr/“/>
  3. <link rel=”alternate” hreflang =”es-CO” href=”https://www.ejemplo.co/“/> 

Siguiendo el formato mostrado anteriormente, puedes observar, que se ha definido una dirección distinta para tres (3) idiomas de la misma página web: (español de España, francés de Francia y español de Colombia).

Esto permitirá que los usuarios de esos países distingan aspectos como moneda o variantes específicas de la lengua. De esa forma, podrás optimizar el SEO de tu tienda online.

Ahora veamos unos ejemplos del uso de hreflang en el encabezado HTTP:

  1. Link: http://ejemplo.com/file.pdf; ref:”alternate”; hreflang=”es”,
  2. http://es-cl.ejemplo.com/file.pdf; ref:”alternate”; hreflang=”es-cl”,
  3. http://mx-cl.ejemplo.com/file.pdf; ref:”alternate”; hreflang=”es-mx”,

En esta oportunidad, la etiqueta hreflang se aplica para tres (3) idiomas de archivos pdf del contenido web: (español de España, español de Chile y español de México. 

Y aquí otro ejemplo:

  1. Link: http://fr.ejemplo.com/file.pdf; rel=»alternate»; hreflang =»fr»,
  2. http://fr-be.ejemplo.com/file.pdf; rel=»alternate»; hreflang =»fr-be»,

En el ejemplo, se han definido 2 etiquetas HTTP distintas: una para el idioma francés de Francia y su variante para el idioma francés de Bélgica.

Sin embargo, se te puede presentar la situación en que deseas ir midiendo las estadísticas de visitas en tu sitio web para decidir apalancar tus ventas en una nueva región del mercado exterior. Entonces lo recomendable es usar un nuevo formato: hreflang=x-default.

De ese modo, en el último ejemplo podemos agregar una tercera opción para que los algoritmos de los buscadores puedan detectar que la página a ningún país o idioma específico, sino que pueda ser visible en cualquier parte del mundo: 

3. http://ejemplo.com/file.pdf; «hreflang=»x-default»,

Seguramente llegados a este punto, ya has logrado comprender la importancia de implementar la etiqueta hreflangs en tu eCommerce. ¡Empieza a darle vitalidad a tu página y obtén mayores beneficios con un SEO a la altura de las corrientes del mercado!

Recibir 25€ para traducción eCommerce

¿Necesitas un presupuesto de traducción?

Contáctanos ahora y recibirás un presupuesto sin compromiso en tiempo récord

¿Necesitas un presupuesto de traducción?