La guía definitiva sobre la etiqueta hreflang: mejores prácticas para el SEO

Si ya tiene un sitio web multilingüe o se está planteando convertir su sitio web en multilingüe, habrá oído hablar casi seguro de las etiquetas hreflang.

Aquí tienes un ejemplo de una etiqueta hreflang dirigida a hablantes de inglés en Japón:

Y así se vería si estuviera dirigida a hablantes de japonés en Japón:

En pocas palabras, las etiquetas hreflang sirven principalmente para:

• Llegar a clientes potenciales en diferentes países.
• Proponer a los visitantes el contenido apropiado según su región y su idioma de preferencia.
• Crea una estrategia sólida de optimización para motores de búsqueda internacional (SEO) para tu sitio web.
• Proporcionar una buena experiencia de usuario en sitios web multilingües.

En esta guía, te explicaremos qué son las etiquetas hreflang, cómo implementarlas y cuáles son las mejores prácticas para asegurarte de que los atributos hreflang beneficien al SEO de tu web.

Nota: Si has venido aquí buscando una herramienta para implementar tus etiquetas hreflang, regístrate para una prueba gratuita de Weglot para tener una web totalmente traducida y con etiquetas hreflang añadidas automáticamente.

¿Qué son las etiquetas hreflang?

Una etiqueta hreflang es un atributo HTML que indica a los motores de búsqueda para qué idioma y región está pensada una página, para que puedan mostrar a cada usuario la versión adecuada.

Por ejemplo, si buscas «adidas» en Google en Estados Unidos, el primer resultado que aparece es «adidas.com». Si haces la misma búsqueda en Francia, te saldrá la versión francesa de la web de Adidas.

Este es el tipo de resultado para el que se ha diseñado la etiqueta hreflang. Google tiene en cuenta varias señales, como el dominio del país y la ubicación de quien busca, y las etiquetas hreflang aportan una señal clara: le dicen a Google que «adidas.com» está pensado para quienes buscan en Estados Unidos, mientras que «adidas.fr» está pensado para quienes buscan en Francia.

Las etiquetas hreflang pueden utilizarse en diferentes contextos. Por ejemplo, es conveniente usar etiquetas hreflang cuando se pretende contar con:

• Una página web en dos o más idiomas para llegar a diferentes públicos.
• Contenido diferente para los visitantes de distintas regiones que hablan variantes de la misma lengua.

¿Cómo se ven los atributos Hreflang?

Las etiquetas hreflang tienen una estructura muy sencilla.

Se componen de tres atributos HTML:

1. rel: indica a Google que el vínculo en la etiqueta hreflang dirige una versión alternativa del contenido, en lugar de al original.
2. hreflang: especifica el idioma y la región a la que está destinada esta versión de contenido, con el formato «idioma-región».
3. href: contiene el vínculo a la página web a la que Google debe dirigir a los visitantes con una configuración de idioma y región específica.

Por ejemplo, las etiquetas hreflang para páginas web destinadas a los hablantes de francés e inglés en Canadá serían, respectivamente, así:

Una web también puede tener una página en español para los visitantes de España y otra página en español para los visitantes de México. En este caso, puedes ampliar las etiquetas hreflang con anotaciones hreflang.

Tendrás que añadir anotaciones a ambas páginas web para decirle a Google qué página localizada debe mostrar a los visitantes españoles y mexicanos, respectivamente. Las etiquetas hreflang se verían así:

Si no tienes versiones alternativas del contenido para determinados idiomas, puedes establecer el atributo «hreflang» con el valor de reserva «x-default», así:

Es una buena práctica para páginas web que no se dirigen a un idioma o región específicos, pero que permiten a los visitantes seleccionar su país.

Cómo implementar las etiquetas hreflang

Hay algunos lugares en tu sitio web donde puedes colocar tus atributos hreflang para implementar las etiquetas hreflang:

1. For HTML content such as web pages, you can put your hreflang attributes in the <head> section of every page. Weglot adds these hreflang attributes automatically when you translate your site with a subdomain or subdirectory integration.

Normalmente se vería así:

Un inconveniente de este método es que cada versión lingüística añade otro elemento «link» al código HTML de cada página. Si tienes una web grande con contenido en varios idiomas, el tiempo de carga podría aumentar.

2. Para contenidos que no son HTML, como archivos PDF, los enlaces HTML no sirven. En estos casos, tus atributos hreflang pueden ir en las cabeceras HTTP de esos archivos. Por ejemplo, así se vería una etiqueta hreflang si la pusieras en las cabeceras HTTP de un calendario de comercio electrónico:

Enlace: ; rel="alternate"; hreflang="en",

; rel="alternate"; hreflang="de"

Al igual que el método anterior, esto también puede añadir marcado a tu sitio y aumentar el tiempo de carga.

Si quieres poner los atributos hreflang de todas las páginas de tu web en un solo lugar, lo mejor es añadirlos al mapa del sitio XML de tu web usando el atributo hreflang xhtml:link.

Poner etiquetas hreflang en tu sitemap XML también ayuda a evitar la posible ralentización en la velocidad de carga de la página al usar el método de la sección head o las cabeceras HTTP. Aquí tienes un ejemplo de etiqueta hreflang para esta implementación:

https://www.abc.com/

Si vas a implementar las etiquetas hreflang en tu web de forma manual, solo necesitas usar uno de los métodos anteriores.

Ten en cuenta que estás trabajando con trozos de código largos (especialmente con el método del mapa del sitio XML). Podrías tener que solucionar errores, lo que puede ser una tarea tediosa. Ahí es donde las herramientas hreflang te resultarán muy útiles.

Herramientas Hreflang para usar al implementar etiquetas hreflang

1. WeglotEl verificador de etiquetas hreflang de — para evitar tener que solucionar problemas, comprueba si tus atributos hreflang funcionan.
2. Usa un generador de etiquetas hreflang para añadir etiquetas hreflang en la sección head, añadir atributos hreflang en el sitemap XML, o generar plantillas de código de ejemplo. Solo tienes que añadir tus URLs en su formulario (o subir hasta 50 URLs en formato CSV), elegir tu idioma y país, y generar tus etiquetas.

Si aprendes mejor visualmente, aquí tienes un video que explica cómo añadir etiquetas hreflang a tu sitio web:

¿Cuáles son las principales recomendaciones para usar «hreflang»?

Las prácticas recomendadas clave para el atributo hreflang consisten en utilizar códigos válidos, enlazar cada versión lingüística en ambas direcciones y mantener tus etiquetas sincronizadas con tu sitio web. Aquí tienes el artículo completo de checklist:

• Usa un código de idioma ISO 639-1, seguido opcionalmente de un código de región ISO 3166-1 Alpha 2 (como «fr-ca»), y nunca un código de región por sí solo.
• En cada versión lingüística, incluye todas las versiones de la página, incluida la propia, para que cada enlace apunte en ambos sentidos.
• Usa direcciones URL completas y absolutas que incluyan https://.
• Añade una etiqueta «x-default» para los visitantes cuyo idioma o región no cubras.
• Elige un método de implementación (HTML, encabezados HTTP o mapa del sitio en XML) y quédate con ese.
• Actualiza tus etiquetas cada vez que añadas o elimines una versión en otro idioma, y asegúrate de que solo apunten a páginas activas e indexables.

Si lo haces bien, evitarás la mayoría de los errores que trataremos más adelante en esta guía.

¿Cómo compruebas tus etiquetas hreflang?

Para comprobar tus etiquetas hreflang, introduce la URL de una página en un verificador de hreflang, que te mostrará las etiquetas que el robot de un motor de búsqueda encuentra en esa página. El verificador gratuito de hreflang de Weglotte permite confirmar que todas las versiones lingüísticas aparecen en la lista, utilizan un código válido y enlazan con las demás. Si a una página le falta una etiqueta o un enlace de retorno, corrige las etiquetas en ambas páginas y vuelve a realizar la comprobación. A continuación te explicamos paso a paso cómo utilizarlo.

¿Cómo ayuda «hreflang» al SEO internacional?

Hreflang ayuda al SEO internacional al indicar a los motores de búsqueda qué idioma y qué versión regional de una página deben mostrar a los usuarios en cada mercado.

Es uno de los pilares del SEO multilingüe, junto con las URL traducidas, los metadatos traducidos y un mapa del sitio que incluya todas las versiones lingüísticas. Hreflang es lo que une todas esas versiones, para que Google entienda que tus páginas en francés, alemán y español tienen el mismo contenido, pero están dirigidas a públicos diferentes. Si quieres conocer la estrategia en su conjunto, echa un vistazo a nuestra guía de SEO internacional.

En la práctica, hreflang:

• Muestra a cada usuario la versión adaptada a su idioma y región.
• Le dice a Google que las páginas regionales casi idénticas, como las de inglés de EE. UU. y del Reino Unido, son variantes y no duplicados.
• Orienta la elección de Google en lugar de imponerla, ya que Google sigue teniendo en cuenta otras señales, como la configuración de idioma del usuario.

Te explico cómo funciona cada una de ellas.

El SEO Hreflang ayuda a señalar la relevancia de la página web

La etiqueta hreflang le indica a Google qué versiones de tus páginas web son las más relevantes para determinadas consultas de búsqueda. Por sí sola, no mejora el posicionamiento. En cambio, ayuda a Google a mostrar a cada usuario la versión adaptada a su idioma y región.

Funciona del siguiente modo:

• Las etiquetas hreflang informan a Google de que una página web existe en varios idiomas y variantes regionales.
• Proporcionan el enlace a dicha página web.
• Especifican el idioma y la región de la variante concreta que ha encontrado Google.

Con esta información, Google decide cuál es la versión de la página web más relevante para los usuarios que buscan con ciertas configuraciones de idioma o región.

Por ejemplo, puede que tu página web tenga una etiqueta hreflang que indique que está dirigida a visitantes de Japón. Cuando Google detecta la etiqueta hreflang, puede mostrar esa versión a los usuarios que buscan en Japón, en lugar de otra versión en otro idioma. Esto puede generar más visibilidad y clics por parte de los usuarios japoneses.

Por otro lado, imagina que tu página web no tiene una etiqueta hreflang. En ese caso, Google podría decidir mostrársela a los usuarios japoneses de todos modos.

Sin embargo, si tu página web está en inglés, es posible que un usuario que busque desde Japón se muestre menos dispuesto a leerla y más propenso a salir (o «rebotar») nada más llegar a ella.

El resultado es que Google podría interpretar este comportamiento de los usuarios como una señal de que tu página web es menos relevante para los usuarios japoneses. Por eso, es posible que, en el futuro, tu página web no aparezca tan arriba en los resultados ni reciba tanto tráfico procedente de las búsquedas de los usuarios japoneses.

Las etiquetas Hreflang ayudan a evitar penalizaciones por contenido duplicado

Al preparar las variantes de idioma y región de tus páginas web, terminarás traduciendo sus contenidos a diferentes idiomas, lo que resultará en páginas web con contenido muy distinto.

Por el contrario, algunas variantes de idioma – como las páginas en inglés para audiencias americanas y británicas – pueden requerir solo pequeñas diferencias de contenido en el mismo idioma. Entonces, tendrás una web con páginas de contenido muy similar.

Esto podría traerte problemas de contenido duplicado. La política de Google es mostrar páginas web con contenido único y relevante a quienes buscan. Si se encuentra con páginas que tienen el mismo contenido, es posible que decida mostrar solo una de ellas en los resultados.

Si Google sospecha que el dueño de la web está intentando manipular su posición en los resultados de búsqueda, podría incluso decidir no mostrar ninguna de esas páginas.

La buena noticia es que puedes usar las etiquetas hreflang para evitar estos problemas de contenido duplicado. Con las etiquetas hreflang, le estás indicando a Google que tus páginas web están dirigidas a públicos diferentes y que deben mostrarse a cada uno de ellos, y que no deben considerarse contenido idéntico.

Las etiquetas Hreflang no son una directiva

Ten en cuenta que las etiquetas hreflang no son una directiva.

Aunque una implementación correcta de hreflang puede influir en la decisión de Google sobre qué versión de tu página web es más relevante para los usuarios, Google no está obligado a mostrarles la versión que túquieres mostrar a los usuarios.

Esto se debe a que Google también puede tener en cuenta otros factores de SEO a la hora de decidir la relevancia de una página web (y, por lo tanto, en qué posición situarla) para cualquier consulta de búsqueda concreta. Algunos ejemplos de estos factores son el tiempo de carga de tu web, su optimización para móviles y la autoridad del dominio.

La configuración de búsqueda del usuario en Google también juega un papel importante. Por ejemplo, los usuarios que navegan desde Francia con su idioma preferido configurado en inglés verán la mayoría de los resultados de búsqueda en inglés, en lugar de en francés.

Etiqueta hreflang vs etiqueta canónica: ¿Cuál es la diferencia?

Las etiquetas hreflang le indican a Google cuál de las diferentes versiones de tu página web debe mostrarse para las búsquedas en distintos idiomas y regiones.

Puede que tengas varias páginas web con contenido similar (o incluso idéntico) y quieras que Google indexe y posicione solo una de ellas en los resultados del buscador. En este caso, tendrías que usar una etiqueta canónica para indicarle a Google cuál es esa página, para que no posicione otra en su lugar. Hacerlo también te puede ayudar a evitar problemas de contenido duplicado.

Puedes usar las etiquetas hreflang y canonical a la vez, pero tienes que hacerlo bien. Si no, podrías enviar señales contradictorias a Google sobre qué páginas debe indexar, y entonces podría decidir ignorar todas tus indicaciones.

Para implementar las etiquetas hreflang y canónicas juntas:

• Añade tus etiquetas hreflang y sus enlaces de retorno a tus páginas web como harías normalmente.
• Luego, añade etiquetas canónicas que indiquen las versiones canónicas de estas páginas en el mismo idioma (o el mejor idioma alternativo posible si no hay uno).

Con esto, sus páginas web tendrán:

• Una etiqueta canónica que dirigirá a la versión canónica de la página (ya sea la misma u otra página).
• Tantos atributos hreflang como sean necesarios para cada variante de idioma que haya añadido.

Nota: Si has venido aquí buscando una herramienta para implementar tus etiquetas hreflang, regístrate para una prueba gratuita de Weglot para tener una web totalmente traducida y con etiquetas hreflang añadidas automáticamente.

Importancia de las etiquetas Hreflang para marcas internacionales

Asegurar que el contenido que produces llegue a la audiencia objetivo correcta

Cuando te dirijas a un público internacional, tienes que crear contenido para tu web que se adapte al contexto local de tus visitantes. Ahí es donde entra en juego el SEO con hreflang. Con las etiquetas hreflang, puedes ayudar a los motores de búsqueda a dirigir a los usuarios a las versiones correctas de tus páginas web, lo que les permite ver el contenido diseñado específicamente para su ubicación.

Por ejemplo, echa un vistazo a la página de inicio global de la multinacional de bebidas The Coca-Cola Company:

Luego, compárala con la página de inicio del sitio web australiano de la marca:

El mensaje del programa de responsabilidad social corporativa que aparece en su página de inicio australiana es diferente, para destacar sus esfuerzos por ayudar a las comunidades australianas. Es probable que esto tenga más repercusión entre los australianos que una iniciativa global.

¿Cómo se aplica «hreflang» en todas tus versiones lingüísticas?

¿Cuántos atributos Hreflang necesita una página?

No hay límites mínimos ni máximos en la cantidad de atributos hreflang que puedes añadir a cualquier página web.

No obstante, esto no implica intentar añadir atributos hreflang para todas las variantes de idioma y regiones. Puesto que para editar contenido en cada posible variante hay que disponer de una cantidad de recursos bastante considerable, la prioridad deberá ser crear contenido únicamente en las variantes de las que la empresa pueda sacar realmente provecho. Por tanto, lo más conveniente es incluir en las páginas web los atributos hreflang estrictamente necesarios.

Y para todas las otras variaciones para las que no tengas contenido específico, puedes atenderlas usando “x-default”.

¿Cómo deberías indexar tus páginas después de añadirles las etiquetas hreflang?

Como parte del SEO con hreflang, indexa todas tus páginas web —incluyendo el contenido original y todas sus variaciones— para que Google pueda encontrarlas y mostrarlas a los visitantes adecuados.

Ninguna de tus páginas (ya sea la original o las variaciones) debería contener etiquetas noindex. Estas pueden entrar en conflicto con las instrucciones de las etiquetas hreflang de indexar tanto el contenido original como sus variaciones.

Si Google no indexa estas páginas, no aparecerás en los resultados de búsqueda (SERPs) y no verá tus instrucciones hreflang en ellas. Por lo tanto, no mostrará las páginas a los usuarios que deberían verlas.

¿Cómo implementas los enlaces de retorno?

Las etiquetas hreflang van de dos en dos. Si tienes una etiqueta hreflang en la página web original que enlaza a una versión alternativa de tu página en otro idioma, entonces esa página alternativa también debe tener una etiqueta hreflang que enlace de vuelta a la página web original.

Estos enlaces hreflang se llaman enlaces de retorno o bidireccionales. Para implementarlos, añádelos a todas tus páginas web originales y a sus alternativas, y asegúrate de que las originales apunten a las alternativas y viceversa. De lo contrario, Google podría no ser capaz de mostrar las versiones correctas de tus páginas web a los visitantes adecuados.

Errores comunes que debes evitar al usar las etiquetas hreflang

Usar el método incorrecto para implementar las etiquetas hreflang

Hemos comentado tres métodos para implementar etiquetras hreflang. Tenga en cuenta que deberá optar solo por uno de ellos para su sitio web.

Asegúrate también de implementar correctamente el método que hayas elegido, ya que, de lo contrario, podrían surgir problemas en la configuración de tus etiquetas hreflang. (Si utilizas Weglot, nosotros nos encargamos de configurar tus etiquetas hreflang por ti, así que no hay riesgo de que te equivoques en la implementación.)

No usar los códigos de idioma y región correctos para los atributos de tus enlaces hreflang

Necesitas usar los códigos de idioma ISO 639-1 y los códigos de región ISO 3166-1 correctos al especificar el idioma y la región de tus atributos de enlace hreflang. Por ejemplo, deberías usar 'ko' para referirte al idioma coreano pero 'kr' para la región de Corea del Sur.

Si se usa un código de idioma o país incorrecto, puede producirse el error «su sitio no tiene etiquetas de idioma hreflang» en la Consola de Búsqueda de Google. Además, los visitantes podrían acceder a la versión incorrecta de una página.

Usar la etiqueta hreflang solo en tu página de inicio

Las etiquetas Hreflang deben implementarse en todas las páginas de tu sitio web que tengan variantes de idioma y región, y no solo en la página de inicio. De lo contrario, estarás indicando que tienes una o más variantes solo para la página de inicio, pero no para tus otras páginas web.

Usar las etiquetas hreflang para dirigir tus páginas web a variantes de idioma irrelevantes

Añadir etiquetas hreflang para variantes de idioma a páginas web que no se han personalizado para esos idiomas podría sonar como una buena estrategia para cubrir todas las bases.

Pero esto solo confundirá a tus visitantes y hará que se vayan de la página rápidamente, sobre todo cuando vean páginas web que no se han adaptado a su contexto.

Google podría darse cuenta de esto y notar que tus páginas web tienen una menor relevancia para esos visitantes, y por lo tanto, posicionarlas más abajo en búsquedas similares en el futuro.

Usar las mismas variantes de idioma para visitantes de diferentes regiones

Puede que tanto en Francia como en Bélgica haya gente que hable francés, pero eso no significa que puedas mostrar la misma versión de tu página web a los francoparlantes de ambos países.

Tus páginas web necesitarán ser localizadas y adaptadas a los contextos locales de ambos grupos, ya sea en términos de contenido o cultura, para ofrecer una experiencia de usuario verdaderamente localizada.

Añadir etiquetas hreflang a páginas no indexadas

Una etiqueta «noindex» le indica a Google que no indexe una página, así que es poco probable que Google vea o procese las etiquetas «hreflang» que le hayas añadido.

No proporcionar una página de respaldo para variantes no cubiertas

No tienes que ofrecer versiones alternativas de tus páginas web para todos los idiomas y regiones posibles. Sin embargo, deberías tener páginas de respaldo que Google pueda mostrar a los visitantes con configuraciones de idioma y región que no hayas cubierto.

¡Y no olvides configurar el atributo hreflang “x-default” para estas páginas también!

No mantener tus etiquetas hreflang actualizadas

A medida que su sitio web vaya creciendo, procure comprobar su estructura y verificar si hay que actualizar las etiquetas hreflang.

Si añades un nuevo dominio para un país, tendrás que añadir etiquetas hreflang a todas tus páginas web existentes para que apunten a las páginas de ese nuevo dominio.

Pero si has eliminado una versión en otro idioma de tu sitio web, las etiquetas hreflang que apuntaban a esa versión también deberán eliminarse.

No es aconsejable que haya etiquetas hreflang que dirijan a una URL inexistente o incorrecta, puesto que esto entorpecería la experiencia de usuario y podría empeorar la posición en las búsquedas de Google.

¿Cuál es la mejor forma de añadir etiquetas hreflang a tu sitio multilingüe?

Puedes añadir manualmente etiquetas hreflang a tu página web multilingüe (mira más arriba los tres métodos que hemos explicado). Sin embargo, la opción más fácil es usar una herramienta de traducción de páginas web que se encargue de todo el trabajo pesado por ti.

Weglot Es una herramienta de traducción que prepara tus páginas web para el SEO multilingüe y añade automáticamente tus etiquetas hreflang. Como Weglot genera las etiquetas para cada versión lingüística, evitas muchos de los errores habituales con las etiquetas hreflang que hemos mencionado en esta guía.

Cómo comprobar que una etiqueta hreflang se ha implementado correctamente

Para tu tranquilidad, es buena idea revisar que tus etiquetas hreflang funcionan bien después de haberlas puesto. ¡Hemos creado una herramienta muy útil, nuestro Hreflang Checker, justo para esto!

Lo único que tiene que hacer es pegar la URL que desea comprobar en la barra de búsqueda de la herramienta (con «http://» o «https://» delante). Elija el bot del motor de búsqueda que desea simular y, a continuación, haga clic en el botón «Test URL» (Probar URL).

Aquí tienes algunos resultados de demostración, usando el propio sitio web de Weglot como ejemplo:

Nuestra herramienta Hreflang Checker funciona tanto si has implementado las etiquetas hreflang manualmente como si lo has hecho con Weglot, así que no lo dudes y pruébala.

Domina el hreflang

Las etiquetas hreflang para SEO son una herramienta eficaz para garantizar que las diferentes versiones de idiomas de su contenido llegan a un público objetivo concreto, especialmente a escala internacional.

Si aún no has implementado las etiquetas hreflang en tu sitio web, esperamos que esta guía te haya ayudado a ver los beneficios de hacerlo y cómo puedes empezar.

Por otro lado, si te has dado cuenta de que has cometido un error en tu implementación SEO de hreflang, usa los consejos de la guía para solucionar este aspecto tan importante de tu sitio web multilingüe.

Ten en cuenta que, después de que hayas añadido etiquetas hreflang a tu sitio web o corregido tu implementación actual, tendrás que esperar al menos un par de días para que se vean cambios en el posicionamiento. Google tendrá que reindexar tu sitio web para detectar tus cambios, y esa reindexación podría no ser inmediata.

Además, no te decepciones si no ves un aumento de tráfico después de implementar las etiquetas hreflang en tu sitio web. El objetivo de añadir etiquetas hreflang es mostrar la versión correcta de tu contenido en el idioma adecuado a los usuarios correctos, y esto no se traduce necesariamente en más visitantes para tu sitio web.

En su lugar, buscar mejoras en la interacción con tu sitio web y en las tasas de rebote puede ser una mejor forma de ver si tus etiquetas hreflang están marcando la diferencia.

Por supuesto, el SEO con hreflang es solo una de las cosas que tendrás que hacer para que tu página web sea multilingüe. También hay que pensar en la traducción del contenido de tu página web, y nuestra traducción con IA se encarga de eso en más de 110 idiomas.

Si es necesario, Weglot también Weglot añadir automáticamente etiquetas hreflang a tu sitio web, lo que te quitará un peso de encima a la hora de planificar tu incursión en los mercados internacionales. Pero no tienes por qué creernos a pies juntillas: regístrate para disfrutar de una prueba gratuita de 14 días y comprueba Weglot ti mismo la potencia de Weglot .