Qué es hreflang y cuándo usarlo en una web multidioma

Qué es hreflang y cuándo usarlo en una web multidioma

Cuando una web está disponible en varios idiomas, no basta con traducir sus textos y crear una carpeta nueva para cada versión. También hay que ayudar a los buscadores a entender qué páginas son equivalentes y qué versión debe mostrar a cada usuario. En nuestra agencia de marketing digital en Madrid, sabemos que una correcta implementación del atributo hreflang es clave para optimizar la visibilidad internacional de cualquier sitio web.

Ahí entra en juego hreflang, una indicación técnica que relaciona las distintas versiones lingüísticas o regionales de una misma página. Su objetivo es que una persona encuentre el contenido más adecuado para su idioma y, cuando sea necesario, para su país. Google recomienda utilizarlo cuando existen diferentes URLs para versiones de una página dirigidas a distintos idiomas o regiones.

 

Qué significa hreflang

Hreflang es un atributo que se añade al código de una página para informar a los buscadores de que existen otras versiones del mismo contenido.

Por ejemplo, imaginemos una empresa que ofrece sus servicios en España, Francia y Reino Unido. Una misma página podría tener estas direcciones:

  • https://ejemplo.com/es/servicios/
  • https://ejemplo.com/fr/services/
  • https://ejemplo.com/en/services/

Para un usuario, las tres páginas pueden parecer simplemente traducciones. Para Google, en cambio, es importante saber qué relación existe entre ellas y a qué público está dirigida cada una.

Una etiqueta hreflang podría tener este aspecto:

<link rel="alternate"
      hreflang="es"
      href="https://ejemplo.com/es/servicios/" />

Esta línea indica que esa URL es la versión en español de la página.

La versión francesa podría declararse así:

<link rel="alternate"
      hreflang="fr"
      href="https://ejemplo.com/fr/services/" />

Y la inglesa:

<link rel="alternate"
      hreflang="en"
      href="https://ejemplo.com/en/services/" />

En otras palabras, hreflang funciona como un pequeño mapa que conecta las diferentes versiones de una página.

Para qué sirve

Su función principal es ayudar a Google a mostrar la versión más apropiada en los resultados de búsqueda.

Por ejemplo:

  • Una persona que busca en español puede encontrar la página en español.
  • Un usuario que realiza una búsqueda en francés puede recibir la versión francesa.
  • Alguien que navega desde Reino Unido puede ver una página adaptada al inglés británico, si existe.
  • Un visitante cuyo idioma no coincide con ninguna versión puede ser enviado a una página general o predeterminada.

Esto no significa que hreflang obligue a Google a mostrar siempre una URL concreta. Es una señal que el buscador combina con otros factores, como la consulta del usuario, la ubicación, la calidad del contenido y la autoridad de la página.

Cuándo usar hreflang

Hreflang resulta especialmente útil en estos casos.

Webs traducidas a varios idiomas

Es el escenario más habitual. Una empresa puede tener su web en español, inglés, alemán y francés, con una URL independiente para cada idioma.

Por ejemplo:

<link rel="alternate" hreflang="es"
      href="https://ejemplo.com/es/" />

<link rel="alternate" hreflang="en"
      href="https://ejemplo.com/en/" />

<link rel="alternate" hreflang="de"
      href="https://ejemplo.com/de/" />

Webs dirigidas a distintos países

A veces no basta con diferenciar idiomas. También hay que distinguir regiones que comparten una lengua, pero tienen diferencias comerciales, legales o culturales.

Por ejemplo:

  • Español de España.
  • Español de México.
  • Inglés de Reino Unido.
  • Inglés de Estados Unidos.
  • Francés de Francia.
  • Francés de Canadá.

En esos casos se puede combinar el idioma con el código del país:

<link rel="alternate" hreflang="es-ES"
      href="https://ejemplo.com/es-es/" />

<link rel="alternate" hreflang="es-MX"
      href="https://ejemplo.com/es-mx/" />

<link rel="alternate" hreflang="en-GB"
      href="https://ejemplo.com/en-gb/" />

<link rel="alternate" hreflang="en-US"
      href="https://ejemplo.com/en-us/" />

La primera parte identifica el idioma y la segunda, el país o región. Los códigos deben seguir los formatos internacionales correspondientes; por ejemplo, para Reino Unido se utiliza GB, no UK.

Tiendas online internacionales

En un comercio electrónico, una mala orientación puede afectar directamente a las ventas.

Un visitante podría ver:

  • Precios en una moneda incorrecta.
  • Gastos de envío que no corresponden a su país.
  • Impuestos diferentes.
  • Formas de pago no disponibles en su región.
  • Condiciones de devolución que no se aplican a su mercado.

Hreflang ayuda a relacionar las versiones regionales de las páginas de producto, categoría y contenido informativo.

Servicios con páginas específicas por mercado

También es recomendable cuando una empresa ofrece servicios distintos según el país. Por ejemplo, una agencia puede tener una página para sus servicios de SEO en España y otra para sus servicios en México, aunque ambas estén redactadas en español.

En ese caso, la diferencia no está solo en el idioma, sino también en el público, las expresiones, los precios, la normativa y la intención de búsqueda.

Principales beneficios

Mejora la relevancia en los resultados

El buscador tiene más información para decidir qué versión mostrar. Esto aumenta las posibilidades de que el usuario aterrice en una página que pueda leer y utilizar.

Reduce la aparición de versiones incorrectas

Sin una indicación clara, Google podría mostrar la página en inglés a alguien que busca en español, o una página española a un usuario mexicano cuando existe una versión específica para México.

Mejora la experiencia del usuario

Llegar directamente a una página en el idioma adecuado evita pasos innecesarios. El visitante no tiene que buscar un selector de idioma ni abandonar la página porque no entiende el contenido.

Puede mejorar el tráfico cualificado

Cuando cada público encuentra su versión correspondiente, las visitas suelen estar mejor alineadas con la oferta. No se trata únicamente de atraer más tráfico, sino de atraer usuarios con mayores posibilidades de continuar navegando, contactar o comprar.

Ayuda a interpretar contenidos similares

Las versiones traducidas pueden compartir una estructura y tratar temas muy parecidos. Hreflang ayuda a Google a entender que no son páginas independientes sin relación, sino versiones localizadas para diferentes públicos.

Qué ocurre si no se utiliza

No usar hreflang no significa automáticamente que una web vaya a desaparecer de Google. Sin embargo, en proyectos multidioma puede generar varios problemas.

Puede aparecer el idioma equivocado

Un usuario español podría acceder a la versión inglesa, aunque exista una traducción al español. Si la página aparece en otro idioma, es más probable que el visitante vuelva a los resultados y elija otra opción.

Se pueden perder oportunidades de tráfico

Cada mercado puede tener sus propias búsquedas, expresiones y necesidades. Si Google no identifica correctamente las versiones, algunas páginas podrían no posicionarse ante el público adecuado.

Puede disminuir el porcentaje de clics

Un resultado con un título o una descripción en un idioma que el usuario no utiliza suele resultar menos atractivo. Aunque la página esté bien posicionada, puede recibir menos clics.

Se complica la orientación geográfica

Dos países pueden hablar el mismo idioma, pero no buscar de la misma manera. Además, pueden tener monedas, legislaciones o servicios diferentes. Si no se comunica esa distinción, el buscador puede elegir una página que no sea la más relevante.

El usuario puede encontrar información desactualizada o incorrecta

En una tienda online, mostrar precios, entregas o condiciones de otro país no solo perjudica la experiencia: también puede generar desconfianza y problemas comerciales.

Hreflang no sustituye a la traducción

Es importante entender que hreflang no traduce una página. Tampoco convierte automáticamente un contenido mediocre en una buena versión internacional.

Primero debe existir contenido útil y correctamente adaptado. Después, hreflang ayuda a indicar qué versión corresponde a cada idioma o región.

Una traducción literal puede ser técnicamente correcta, pero no sonar natural para el público local. En muchos casos conviene adaptar:

  • Palabras clave.
  • Títulos y descripciones.
  • Moneda y precios.
  • Unidades de medida.
  • Ejemplos.
  • Referencias culturales.
  • Información legal.
  • Formas de contacto.
  • Mensajes comerciales.

Por ejemplo, una empresa puede hablar de “ordenador” en España y de “computadora” en otros países hispanohablantes. Ambas palabras son correctas, pero no necesariamente tienen el mismo uso o volumen de búsqueda.

Cómo implementarlo correctamente

Existen tres formas habituales de añadir hreflang.

1. En el código HTML

Se incluyen las etiquetas dentro de la sección <head> de cada página:

<link rel="alternate" hreflang="es"
      href="https://ejemplo.com/es/servicios/" />

<link rel="alternate" hreflang="en"
      href="https://ejemplo.com/en/services/" />

<link rel="alternate" hreflang="fr"
      href="https://ejemplo.com/fr/services/" />

2. En las cabeceras HTTP

Esta opción puede utilizarse para documentos que no tienen un HTML convencional, como algunos archivos PDF.

3. En el sitemap XML

También es posible declarar las relaciones entre páginas desde el sitemap. Esta alternativa puede ser interesante en webs grandes, donde añadir numerosas etiquetas directamente en cada plantilla puede resultar complejo.

Google reconoce estas formas de implementación y recomienda escoger la que encaje mejor con la arquitectura y el mantenimiento del proyecto.

Reglas importantes

Cada versión debe enlazar con las demás

La relación debe ser recíproca. Si la página española apunta a la inglesa, la página inglesa también debe apuntar a la española.

Por ejemplo, todas las versiones de una misma página deberían incluir el conjunto completo:

<link rel="alternate" hreflang="es"
      href="https://ejemplo.com/es/servicios/" />

<link rel="alternate" hreflang="en"
      href="https://ejemplo.com/en/services/" />

<link rel="alternate" hreflang="fr"
      href="https://ejemplo.com/fr/services/" />

No es suficiente con colocar la etiqueta únicamente en una de las versiones.

Conviene incluir la propia página

Cada URL debe declarar también su propio idioma. La versión española debe indicar que es la versión es, además de enlazar con las otras alternativas.

Las URLs deben ser absolutas

Es preferible utilizar URLs completas, incluyendo el protocolo:

https://ejemplo.com/en/services/

En lugar de una ruta relativa como:

/en/services/

Las páginas deben funcionar

Las URLs indicadas en hreflang deben ser accesibles, indexables y devolver la página correcta. No deberían apuntar a errores 404, redirecciones innecesarias o páginas bloqueadas para los buscadores.

El contenido debe ser realmente equivalente

Las páginas relacionadas no tienen que ser idénticas palabra por palabra, pero sí deben representar la misma intención o servicio. No tendría sentido relacionar una página de “consultoría SEO” en español con una página de “soporte técnico” en inglés.

Se puede utilizar x-default

La etiqueta x-default sirve para indicar una versión general cuando el usuario no encaja en ninguno de los idiomas o países definidos:

<link rel="alternate" hreflang="x-default"
      href="https://ejemplo.com/" />

Puede apuntar a una página internacional, a un selector de idioma o a una versión principal de la web.

Hreflang y canonical: no son lo mismo

Es habitual confundir ambos elementos.

Elemento Para qué sirve
hreflang Indica qué versión lingüística o regional puede mostrarse a un usuario.
canonical Señala cuál es la URL principal de una página cuando existen URLs similares o duplicadas.

Hreflang responde a la pregunta: “¿Qué versión debería ver este usuario?”.

Canonical responde a otra pregunta: “¿Cuál es la URL principal que debo considerar para esta página?”.

En una web multidioma bien configurada, ambos elementos deben ser coherentes. Una configuración contradictoria puede dificultar que Google interprete correctamente la relación entre las páginas.

Errores frecuentes

Utilizar códigos incorrectos

Los códigos deben estar bien escritos y respetar el formato adecuado:

hreflang="es-ES"
hreflang="en-GB"
hreflang="fr-FR"

Un error frecuente es escribir códigos de países incorrectos o utilizar guiones bajos:

hreflang="en_UK"

La forma correcta para inglés del Reino Unido es:

hreflang="en-GB"

Olvidar una versión

Si la web tiene versiones en español, inglés y alemán, pero solo se declaran dos, la relación queda incompleta.

No añadir el enlace de vuelta

La página española enlaza a la inglesa, pero la inglesa no enlaza a la española. Esta falta de reciprocidad es uno de los problemas más habituales.

Apuntar a URLs que redirigen

Las etiquetas deberían apuntar a la URL final y preferiblemente canónica, no a una dirección que redirija a otra.

Crear versiones casi vacías

Traducir únicamente el menú o unas pocas frases no suele ser suficiente. Una página localizada debe aportar una experiencia completa y útil.

Confiar en hreflang como única solución

Hreflang no corrige una mala arquitectura web, una traducción deficiente, páginas lentas o contenidos irrelevantes. Forma parte de una estrategia internacional más amplia.

¿Todas las webs necesitan hreflang?

No necesariamente.

Puede que no sea necesario si:

  • La web está disponible en un único idioma.
  • Todas las regiones utilizan exactamente la misma URL y contenido.
  • Solo existe una página general sin versiones localizadas.
  • Las diferencias entre países son mínimas y no se crean URLs independientes.

En cambio, sí conviene planteárselo cuando existe una página equivalente en varias URLs, idiomas o mercados. Cuantas más versiones tenga el proyecto, más importante resulta mantener una estructura organizada y revisar periódicamente las relaciones.

Cómo comprobar si funciona

Después de implementarlo, es recomendable revisar:

  • Que todas las páginas devuelvan un código de respuesta correcto.
  • Que las etiquetas apunten a URLs completas.
  • Que cada versión incluya las demás.
  • Que los códigos de idioma y país sean válidos.
  • Que no existan enlaces a páginas eliminadas.
  • Que hreflang y canonical no se contradigan.
  • Que las páginas estén indexables.
  • Que el contenido de cada versión sea útil y esté correctamente adaptado.

También es aconsejable utilizar herramientas de rastreo SEO y consultar los informes disponibles en Google Search Console. Hay que tener presente que hreflang es una señal para Google, no una orden absoluta: el buscador puede elegir otra versión si considera que responde mejor a la búsqueda concreta del usuario.

Te estábamos esperando

¿Hablamos de tu proyecto digital?

No te quedes con ganas de saber más. Contacta con nosotros y plantéanos todas tus dudas para darte una solución personalizada y adaptada a las necesidades de tu empresa. Queremos ayudarte a seguir creciendo en el mundo digital.

  • Este campo es un campo de validación y debe quedar sin cambios.

¿Eres una agencia?

Si eres una agencia y buscas un partner de marketing digital para tus clientes somos tu empresa

Quiero saber más
Marketing Medianet
Resumen de privacidad

Esta web utiliza cookies para que podamos ofrecerte la mejor experiencia de usuario posible. La información de las cookies se almacena en tu navegador y realiza funciones tales como reconocerte cuando vuelves a nuestra web o ayudar a nuestro equipo a comprender qué secciones de la web encuentras más interesantes y útiles.