Explicación de las etiquetas hreflang: Sirviendo la versión de idioma correcta

Imagina que tienes una tienda que vende los mismos productos a personas que hablan diferentes idiomas. Un visitante escribe una búsqueda, llega a tu sitio y es recibido por una página escrita en un idioma que no entiende. En cuestión de segundos, se ha ido. Ahora imagina lo contrario: cada visitante ve automáticamente la versión escrita para ellos, en su idioma, con la ortografía correcta y los precios adecuados. Esa segunda experiencia es lo que una pequeña pieza de código llamada hreflang está diseñada para lograr.

Si alguna vez te has preguntado cómo los grandes sitios web internacionales logran mostrar la ortografía británica a un lector y la americana a otro, o español a uno y portugués al siguiente, esta guía es para ti. Explicaremos qué es hreflang, por qué a los motores de búsqueda les importa y cómo usarlo sin enredarse en nudos técnicos. No se requiere conocimiento previo de codificación.

Qué es realmente hreflang

hreflang es una pequeña anotación que agregas a tus páginas web que les dice a los motores de búsqueda: "esta página tiene otras versiones para diferentes idiomas y regiones, y aquí es donde encontrarlas". La palabra en sí es una combinación de "href" (la parte de un enlace que apunta a una dirección web) y "lang" (abreviatura de idioma). Juntos, es una instrucción sobre para qué idioma está destinado un enlace en particular.

Piénsalo como la señalización en un aeropuerto internacional. La misma información de la puerta aparece en varios idiomas para que todos los viajeros puedan encontrar su vuelo. hreflang es el sistema de megafonía del aeropuerto para tu sitio web: dirige discretamente a cada buscador hacia la versión de una página que mejor se adapte a él.

Fundamentalmente, hreflang es una sugerencia, no un comando estricto. Los motores de búsqueda lo usan como una señal fuerte para decidir qué versión mostrar, pero aun así tienen la última palabra. Esa distinción importa, porque significa que hreflang funciona mejor cuando el resto de tu sitio también envía señales consistentes. Si eres nuevo en el tema más amplio de cómo los motores de búsqueda leen tu sitio, nuestra descripción general de los conceptos básicos de SEO técnico es un buen punto de partida.

Idioma y región son dos cosas diferentes

Esta es la idea que más confunde a la gente, así que vamos despacio. hreflang puede apuntar a un idioma por sí solo, o a un idioma emparejado con una región. "en" significa inglés en general. "en-gb" significa inglés tal como se usa en una región, mientras que "en-us" significa inglés tal como se usa en otra. La parte del idioma es obligatoria; la parte de la región es opcional y solo vale la pena agregarla cuando el contenido difiere genuinamente, como diferentes precios, ortografía o detalles de envío.

Por qué los motores de búsqueda recompensan hacer esto bien

Los motores de búsqueda tienen un objetivo persistente: enviar a cada persona al resultado más útil. Si tu sitio tiene una página en alemán y otra en italiano que cubren el mismo producto, el motor de búsqueda quiere mostrar la alemana a los hablantes de alemán y la italiana a los hablantes de italiano. Sin hreflang, tiene que adivinar, y a veces adivina mal, enviando a un lector a una página que no puede usar cómodamente.

Hay un segundo beneficio más silencioso. Cuando publicas el "mismo" contenido en varios idiomas, esas páginas pueden parecer sospechosamente similares a un motor de búsqueda, especialmente cuando dos versiones comparten un idioma, como el inglés para dos regiones diferentes. hreflang explica que estas no son copias accidentales que compiten entre sí; son variaciones deliberadas, cada una para una audiencia específica. Eso te ayuda a evitar los dolores de cabeza que cubrimos en nuestra guía de contenido duplicado.

Protege las clasificaciones que ya has ganado

Imagina esto. Has trabajado duro para clasificar bien, luego lanzas una segunda versión regional de una página popular. De repente, ambas versiones compiten por las mismas búsquedas, y el motor de búsqueda, sin saber cuál favorecer, divide su confianza entre ellas. Ambas pueden caer. hreflang evita ese tira y afloja al aclarar para quién es cada versión, para que la autoridad que has construido se mantenga enfocada en lugar de dispersa.

Los tres lugares donde hreflang puede residir

No tienes que elegir un método complicado. hreflang se puede implementar en uno de tres lugares, y solo necesitas uno de ellos. La elección correcta suele depender de cómo está construido tu sitio y cuántas páginas tienes.

Para la mayoría de los sitios web, el método de etiquetas de página es el más fácil de entender porque puedes verlo. Cada versión de idioma de una página enumera todas las versiones, incluyéndola a sí misma. Si decides usar el enfoque del mapa del sitio, nuestra guía de mapas del sitio XML explica cómo funciona ese archivo en primer lugar.

La regla de oro: hreflang debe ser un billete de vuelta

Aquí está lo más importante que hay que recordar, y lo que más a menudo se rompe. Los enlaces hreflang deben apuntar en ambas direcciones. Si tu página en inglés dice "aquí está la versión en francés", entonces tu página en francés debe decir "aquí está la versión en inglés" a cambio. Si solo un lado declara la relación, los motores de búsqueda tienden a ignorar todo el asunto, porque una afirmación unidireccional parece poco fiable.

Una forma práctica de imaginarlo: hreflang es un billete de vuelta, nunca un viaje de ida. Cada versión debe reconocer a todas las demás versiones, y cada una también debe referenciarse a sí misma. Si falta un enlace de retorno, la conexión falla silenciosamente, a menudo sin ninguna advertencia obvia en la página.

No olvides la opción "todos los demás"

Hay un valor especial, x-default, que significa "usa esta versión para cualquier buscador para el que no tengamos una coincidencia específica". Si tienes páginas en inglés y japonés y alguien busca en francés, x-default le dice al motor de búsqueda qué página usar como alternativa. A menudo se apunta a una página de selección de idioma o a tu versión más ampliamente comprendida. Es opcional, pero es una red de seguridad bien pensada.

Errores comunes que rompen todo silenciosamente

La mayoría de los problemas de hreflang no son dramáticos. La página aún carga, nada parece roto, y sin embargo, la versión incorrecta sigue apareciendo en los resultados de búsqueda. Aquí están los culpables habituales, en términos sencillos.

Confundir códigos

Los códigos de región y los códigos de idioma no son intercambiables, y usar el incorrecto es un error frecuente. El idioma siempre va primero, la región en segundo lugar, y siguen estándares reconocidos. Inventar un código, o poner la región donde debería ir el idioma, invalida la anotación. En caso de duda, mantén la simplicidad: un código de idioma simple sin región es más seguro que un código de región adivinado.

Apuntar a páginas que redirigen o no existen

hreflang debe apuntar a la dirección final y activa de cada versión. Si apunta a una página que luego envía al visitante a otro lugar, o a una que ya no existe, la señal se debilita o se rompe. Esto suele ocurrir después de una migración de sitio. Si has estado cambiando direcciones, nuestra guía de redirecciones 301 y 302 te ayudará a mantener todo apuntando donde debe.

Dejar que hreflang luche contra tus etiquetas canónicas

Una etiqueta canónica le dice a los motores de búsqueda qué versión de una página es la copia "maestra". Si la etiqueta canónica de tu página en francés apunta a la página en inglés, le has dicho efectivamente al motor de búsqueda que la página en francés no debería existir por sí misma, lo que contradice tu hreflang. Cada versión de idioma debe considerarse a sí misma como su propio maestro. Nuestro explicador sobre etiquetas canónicas muestra cómo hacer que estos dos sistemas funcionen en armonía.

Cómo encaja hreflang en tu SEO más amplio

Es tentador tratar hreflang como una tarea técnica única y terminada, pero se enmarca en un panorama más amplio. Cada versión de idioma aún necesita ganarse su lugar: títulos claros, contenido útil y una estructura sensata. Traducir una página palabra por palabra no siempre es suficiente; a veces, la forma en que las personas realmente buscan difiere entre idiomas, lo cual es tanto una cuestión de contenido como técnica. Combinar hreflang con contenido genuinamente localizado es lo que separa a los sitios que simplemente existen en varios idiomas de los sitios que rinden en ellos.

También ayuda a mantener tu sitio en general ordenado. Una estructura limpia y lógica facilita mucho la gestión de múltiples versiones de idioma sin perder de vista qué página se corresponde con cuál. Si tu sitio está creciendo en varias direcciones a la vez, nuestra guía de estructura de sitio SEO vale la pena leerla, y los enlaces internos entre páginas relacionadas, cubiertos en nuestro artículo sobre enlaces internos para SEO, ayudan a los motores de búsqueda a comprender cómo se relacionan tus versiones.

¿Necesitas siquiera hreflang?

Sé honesto sobre tu situación. Si tu sitio está en un solo idioma y sirve a una sola audiencia, no necesitas hreflang en absoluto, y agregarlo solo crearía trabajo y riesgo. Se justifica cuando tienes versiones genuinamente diferentes para audiencias genuinamente diferentes: diferentes idiomas, o el mismo idioma adaptado a diferentes regiones. Si ese no es tu caso todavía, guárdalo para el día en que lo sea.

Una forma sencilla de empezar

Si estás listo para implementar hreflang, resiste la tentación de hacerlo en todas partes a la vez. Empieza con unas pocas de tus páginas más importantes, las que ya atraen a buscadores en más de un idioma. Configura los enlaces de billete de vuelta entre cada versión, verifica dos veces que cada página se referencia a sí misma y luego observa lo que sucede en tus informes de búsqueda durante las semanas siguientes. Una vez que estés seguro de que funciona en unas pocas páginas, extiéndelo más ampliamente. Si el lado técnico te parece desalentador, es perfectamente razonable pedir ayuda a alguien que los configure regularmente en lugar de arriesgarte a un lío.

La recompensa es silenciosa pero real: visitantes que aterrizan en una página que simplemente parece hecha para ellos, en su idioma, con los detalles que coinciden con su mundo. No notan el código detrás de ello, y ese es exactamente el punto.

Preguntas frecuentes

Referencias

1. Google Search Central. "Informar a Google sobre las versiones localizadas de tu página". developers.google.com.
2. W3C. "Etiquetas de idioma en HTML y XML". w3.org.
3. W3Techs. "Estadísticas de uso de idiomas de contenido para sitios web". w3techs.com.