Lo primero que tenemos que saber es que es o para que sirve la etiqueta hreflang, esta meta etiqueta fue creada por Google en el año 2011, como veréis no hace mucho tiempo, es una etiqueta creada exclusivamente para ayudar a los diferentes motores de búsqueda a facilitar o entender el idioma o la ubicación de una pagina web.
¿Cuándo tenemos que usar hreflang?
Tenemos 3 situaciones en las debemos utilizar la etiqueta.
- Su tu pagina web esta traducida. Si tienes por ejemplo una tienda online que distribuye a varios países y tienes varios idiomas como español o Ingles, deberás tener esta etiqueta para indicarle a Google los idiomas en los que esta traducida.
- Distintos países, pero mismo idioma. Esto sucede cuando si el idioma es el mismo por ejemplo español, pero son diferentes países Costa Rica – Chile – España.
- Todo el contenido de la web esta en el mismo idioma, pero solo traduce el menú de navegación o el footer de la web.
Por estos motivos mencionados desde nuestra agencia SEO sabemos que la etiqueta hreflang es una etiqueta de gran utilidad cuando debemos de servir los contenidos en varios idiomas diferentes, de todas formas, esta etiqueta se confunde muchas veces por una gran parte de la gente con las etiquetas rel=canonical y es normal, ya que en gran parte son lo mismo, pero les separa unas cuantas diferencias. Como empresa de marketing digital te podemos ayudar dándote las claves para la utilización de estas etiquetas.
Diferencia entre Canonical y hreflang
Las etiquetas de rel=canonical sirven sobretodo para evitar el contenido duplicado, indicando a Google cuál de las páginas (con un contenido muy semejante) debe tener en cuenta y cual debe de indexar.
Las etiquetas hreflang sirven para lo mismo, evitan el contenido duplicado, pero su gran diferencia es que con esta etiqueta diferenciaremos los contenidos duplicados de diferentes idiomas.
Utilizaremos las etiquetas hreflang cuando debamos de indicar a Google que contenido indexar, pero se utilizará exclusivamente cuando tengamos más de 1 idioma en nuestra página web.
¿Cómo afecta el uso de la etiqueta hreflang en el SEO?
Como todos sabemos, a Google no le gusta en absoluto el contenido duplicado y nos puede a llegar a penalizar seriamente por estos errores. Cuando tenemos una página web en diferentes idiomas el problema de contenido duplicado también puede surgir y echarnos abajo todo nuestro trabajo relacionado con el posicionamiento SEO.
Por este motivo, debemos de aprender a implementar la etiqueta hreflang, que nos aporta dos ventajas a tener muy en cuenta:
-
Posicionamiento adecuado a cada país:
Con la implementación de las etiquetas hreflang podemos conseguir separar el posicionamiento web según al país que nos queramos dirigir.
En el caso de tener una web en varios idiomas, si no tenemos implementadas estas etiquetas, tan solo podremos enfocarnos en un idioma específico, todos los demás idiomas que estemos trabajando no tendrán repercusión en el motor de búsqueda de ese país.
-
Problemas de contenido duplicado:
Como hemos dicho anteriormente, el no implementar las etiquetas hreflang puede ser un problema para el posicionamiento SEO, ya que la web se nos puede llenar de páginas de contenido duplicado, algo que a Google no le gusta en absoluto.
Además por mucho que cambiemos un par de frases o verbos de los otros textos, Google seguirá considerando a la página como contenido duplicado, así que vamos a ver cómo podemos implementar la etiqueta hrflang de manera correcta.
¿Cómo implementar las etiquetas hreflang?
Antes de ver como implementarla necesitamos saber como es su estructura elementos se compone para saber que tenemos que añadir en cada opción.
<link rel=”alternate” hreflang=”es-ES” href=”https://www.tudominio.com/es/“/>
La etiqueta hreflang se divide en varios atributos:
rel=”alternate”: Con esto le indicamos a google que es este enlace es una versión alternativa de la urls en la que estamos en este caso una alternativa al idioma
hreflang=”es-ES”: Aquí indicamos el atributo del idioma de la url, en este caso la primera parte “es” se refiere al idioma y la segunda parte que esta en mayúsculas “ES” se añade para indicar el País en este caso España, por poner otro ejemplo si tenemos “en-us”, se estaría indicando idioma Ingles pero ubicación Estados Unidos
“href”: Sirve para añadir la url alternativa con el idioma https://www. tudominio.com/en/“/>.
A la hora de añadirla en nuestro sitio web, pondremos tantas etiquetas como idiomas tengamos, si tenemos 3 idiomas, español – Ingles – francés, tendremos que poner 3 etiquetas con sus correspondientes hreflang.
Ahora que ya sabemos un poco más de esta etiqueta cuando tenemos que usarla y porque tenemos que añadirla, tendremos que ver como insertarla en nuestra web.
Implementar Hreflang mediante código HTML
Es una de las maneras más habituales de implementación. Tendremos que ir al <head> de nuestra pagina web he insertar la etiqueta con sus opciones de idioma correspondientes, añadiremos tantas etiquetas hreflang como idiomas o regiones tengamos en nuestra web.
La implementación de estas etiquetas es algo bastante sencillo, que con unos conocimientos básicos de HTML se puede lograr.
Tan solo debemos de colocar las etiquetas para los idiomas que vayamos a tener en la web, y debemos de colocarlo en el de nuestra página web. Las etiquetas tienen una apariencia similar a estas:
<link rel=”alternate” hreflang=”es-ES” href=”https://www. tudominio.com/es/“/>
<link rel=”alternate” hreflang=”fr-FR” href=”https://www. tudominio.com/fr/“/>
<link rel=”alternate” hreflang=”de-DE” href=”https://www. tudominio.com/de/“/>
En estas etiquetas estamos indicando que nuestro idioma principal es el español (primera línea), y que también tenemos contenidos en la web de dos idiomas diferentes, el Francés y el Alemán (segunda y tercera línea).
Hay que tener cuidado a la hora de poner el código del idioma (es-ES) en cada línea del código de las etiquetas, ya que un simple error ortográfico bastará para que las etiquetas no están bien implementadas.
Con tan solo añadir estas etiquetas en la página web, ya podemos empezara optimizar para los diferentes idiomas sin miedo de que nos surjan los errores de contenido duplicado.
De todas formas, existen más métodos de implementación de la etiqueta hreflang en tu web, por ejemplo, si tu página web esta creada desde gestores de contenido como WordPress o Prestashop, te enseñamos en estos posts como implementar la etiqueta hreflang en WordPress y en Prestashop
Cualquier empresa de diseño de paginas web sabe que uno de los mejores gestores y más utilizados para la creación de páginas web es WordPress.
WordPress es uno de los gestores más utilizados por todo tipo de empresas o negocios, gracias a eso, tiene una gran cantidad de herramientas o plugins que sirven para casi cualquier acción que queramos realizar en nuestra web.
En este post vamos a ver como insertar la etiqueta hreflang en tu WordPress, como ya te indicamos en nuestro post que es la etiqueta hreflang , esta etiqueta es de gran utilidad cuando tenemos que incluir los contenidos en nuestra web en diferentes idiomas o diferentes regiones con el mismo idioma.
Te vamos a indicar las diferentes maneras que tienes para añadir esta etiqueta en tu WordPress, puedes añadirlas mediante plugins de idiomas, plugins específicos de hreflang o mediante código.
Añadir etiqueta hreflang mediante Plugins para Wodpress
Existen varios plugins para añadir esta meta etiqueta y uno de ellos es HREFLANG Tags Lite.
HREFLANG Tags Lite.
Este Plugin tiene su versión Lite y su versión Premium, lo primero que tienes que hacer siempre que vayas a instalar cualquier Plugin, es comprobar si es compatible con tu versión de WordPress, una vez comprobado solo tendrás que instalarlo.
Una vez instalado tendrás que ir al menú lateral de tu WordPress y seleccionarlo.
Dentro del Plugin saldrán varias opciones para indicar donde quieres añadir la etiqueta, puedes añadirlo en las Páginas o Servicios, entradas de Posts…
Una vez seleccionadas las opciones donde quieres habilitar el Plugin, pulsa el botón Save Changes.
Para activar la etiqueta solo tendrás que ir a las diferentes Urls donde quieras añadirla, seleccionamos el Plugin y ponemos la url en la que estamos y seleccionamos los distintos países o idiomas que tengamos en nuestro site.
Una vez añadidos solo tenemos que Guardar o Publicar para que se muestren los cambios.
Ahora solo tendremos que revisar el código fuente para ver que ya esta añadida la meta hreflang con las urls y los distintos idiomas, así de sencillo.
Implementar etiqueta Hreflang mediante plugins de Traducción de Idiomas
Otra de las maneras de incluir la etiqueta de hreflang en WordPress es desde los diferentes Plugins de inserción de Idiomas, estas herramientas nos ayudan a tener varios idiomas en nuestro site y tener cada url traducida.
Los Plugins multiidioma son sencillos de utilizar y muy recomendados para trabajar ya que funcionan utilizando el software de WordPress para facilitar la integración de los diferentes idiomas ya que se encargan de forma automática de todos los aspectos a modificar de la web.
WPML
Es uno de los más utilizados para la traducción de idiomas y de los más sencillos de trabajar.
En este plugin añadir esta etiqueta es tan sencillo como ir a la opción de Languages y simplemente marcar la opción de “Mostrar las alternativas de idioma en el encabezado”
Polylang
Otro plugin multilenguaje al igual que WPML, al ser un plugin especifico para trabajar los diferentes idiomas que tengas en tu pagina web, te permite también añadir de forma sencillas en tu wordpress la etiqueta hreflang.
Hreflang por código HTML en WordPress.
Necesitaremos tener conocimientos de HTML y de php para incluir esta meta etiqueta.
Tendremos que acceder a las carpetas de nuestros WordPress y acceder a la carpeta wp-content, una vez dentro tendremos que ir a themes y seleccionar el tema que tengamos instalado en nuestro WordPress.
Buscaremos el archivo header.php y dentro del código buscar la cabecera <head> </head> tendrás que añadir la etiqueta con sus idiomas y urls dentro de las etiquetas de abrir y cerrar del header.php.
Tienes que tener en cuenta que al añadirlo en el header aparecerá en todo el sitio web con la urls que añadas, si añades la url de contacto aparecerá esa url en todas las urls de tu web, por lo que tendrás que añadir código php para que al estar en cada url de tu sitio detecte la url completa, esto puede ser más difícil si no tienes conocimiento de HTML o programación por eso es más sencillo hacerlo mediante plugins
Desde UpToBe Marketing siempre recomendamos que este tipo de gestiones las realices de una manera más segura con tu consultor o especialista SEO, si tienes alguna duda o estas pensando en empezar a trabajar tu negocio en diferentes países o regiones, contáctanos y desde nuestro departamento SEO te ayudaremos en la integración y lo mas importante la indexación de tu web en Google.
Si te ha interesado este post también te puede interesar ¿Las ventajas que tiene el certificado SSL o protocolo HTTPS para tu web?