Ofreces el mismo contenido en varios idiomas. Tienes versiones de tu web para distintos países. Sin etiquetas hreflang, los buscadores se confunden. Ven varias versiones de la misma página y no saben cuál es para cada público. Las etiquetas hreflang indican a los buscadores qué página es para qué idioma y región. Evitan problemas de contenido duplicado y hacen que los usuarios vean la versión correcta.
¿Qué son las etiquetas hreflang?
Las etiquetas hreflang son enlaces HTML que indican a los buscadores qué página está pensada para qué idioma y región. Tienen este aspecto:
<link rel="alternate" hreflang="en" href="https://example.com/page">
<link rel="alternate" hreflang="es" href="https://example.com/es/page">
<link rel="alternate" hreflang="fr" href="https://example.com/fr/page">
Esto le dice a los buscadores: "Esta página es la versión en inglés. Aquí está la versión en español. Aquí está la versión en francés. Muestra cada versión a los hablantes de ese idioma."
Añades las etiquetas hreflang en el head de cada página. Cada versión de idioma incluye etiquetas que apuntan a todas las demás versiones (incluida ella misma).
Por qué importan las etiquetas hreflang
Sin etiquetas hreflang, los buscadores ven varias páginas con contenido parecido o idéntico. Pueden indexar todas las versiones o elegir una al azar. Los usuarios pueden ver la versión en el idioma equivocado. Esto genera problemas de contenido duplicado y confusión.
Las etiquetas hreflang concentran la fuerza de posicionamiento. En lugar de repartir la autoridad entre diez versiones de idioma, todas las versiones comparten autoridad para sus respectivos idiomas y regiones. Los usuarios de habla inglesa ven posicionada la versión en inglés. Los usuarios de habla hispana ven posicionada la versión en español.
Las etiquetas hreflang mejoran la experiencia del usuario. Los hispanohablantes de España ven la versión en español. Los angloparlantes de EE. UU. ven la versión en inglés de EE. UU. Los usuarios reciben el contenido en su idioma.
Cómo estructurar las etiquetas hreflang
Usa códigos de idioma (en, es, fr, de) o códigos de idioma y región (en-US, en-GB, es-ES, es-MX).
Los códigos de idioma son más simples (en significa cualquier variante del inglés). Los códigos de idioma y región son más específicos (en-US es el inglés de EE. UU., en-GB es el inglés británico).
Si ofreces inglés a todo el mundo, usa hreflang="en". Si ofreces específicamente inglés de EE. UU., usa hreflang="en-US".
Incluye siempre una etiqueta hreflang autorreferencial. La versión en inglés debería tener hreflang="en" apuntando a sí misma. Esto le dice a los buscadores: "esta es la versión principal en inglés".
Incluye una etiqueta x-default para los usuarios cuyo idioma o región no está cubierto. Ejemplo:
<link rel="alternate" hreflang="x-default" href="https://example.com">
Esto dice: "si el idioma del usuario no está en nuestra lista de hreflang, muéstrale esta versión".
Métodos de implementación
Las etiquetas en el head del HTML son las más comunes. Añade etiquetas <link rel="alternate" hreflang="..."> en el head de cada página que tenga versiones alternativas.
Método del sitemap: incluye la información de hreflang en tu sitemap XML. Cada entrada de URL puede enumerar las versiones alternativas.
Método de la cabecera HTTP: envía la información de hreflang en las cabeceras HTTP. Funciona para PDF y otros contenidos que no son HTML.
La mayoría de los sitios usan el método del head del HTML porque es el más sencillo. Si puedes, usa tu CMS para generar estas etiquetas automáticamente.
Errores habituales con hreflang
Olvidar las etiquetas autorreferenciales. Cada página debería incluir una etiqueta que apunte a sí misma. La página en inglés debería tener hreflang="en" apuntando a sí misma.
Implementación incoherente. Si la página en inglés enlaza a la versión en español pero la página en español no enlaza de vuelta al inglés, el hreflang no funciona. Todas las versiones deben hacer referencia a todas las demás.
Códigos de idioma incorrectos. Usar "english" en lugar de "en". Usar "US" en lugar de "en-US". Usa los códigos de idioma estándar ISO.
Falta de x-default. Si tu sitio recibe visitantes de países para los que no tienes una versión específica, incluye x-default para mostrarles una versión por defecto.
Apuntar a URL no canónicas. Si el hreflang apunta a una URL que no es canónica, los buscadores pueden no seguir la relación. Apunta siempre a URL canónicas.
Hreflang frente a la segmentación geográfica
Las etiquetas hreflang y la configuración de segmentación geográfica de Google Search Console funcionan juntas. Las etiquetas hreflang indican a los buscadores qué página es para qué idioma. La segmentación geográfica en GSC indica a Google a qué país te diriges.
Si tienes example.com/es/ para hispanohablantes de España, usa hreflang="es-ES" y establece España como segmentación geográfica en GSC.
Si tienes example.com/es/ para hispanohablantes de todo el mundo, usa hreflang="es" y no establezcas una segmentación geográfica por país.
Preguntas frecuentes
¿Necesito etiquetas hreflang si uso dominios distintos?
Sí. Si tienes example.com para el inglés y example.es para el español, las etiquetas hreflang indican a los buscadores que son versiones relacionadas. Sin hreflang, los buscadores las tratan como sitios separados. Con hreflang, entienden la relación y consolidan la autoridad de forma adecuada. Con el creador de webs de WEMASY, puedes configurarlo directamente en tu web.
¿Cuál es la diferencia entre hreflang y las etiquetas canonical?
Las etiquetas canonical dicen: "esta página y aquella son duplicadas, posiciona esta". Las etiquetas hreflang dicen: "esta página y aquella son versiones en otro idioma, posiciona cada una para su idioma". Tienen fines distintos. Usa canonical para los duplicados. Usa hreflang para las variantes de idioma.
¿Debería usar hreflang para dialectos regionales?
Sí, si tienes versiones distintas para regiones distintas. El inglés de EE. UU., el del Reino Unido y el de Australia son lo bastante distintos como para justificar versiones separadas. Usa hreflang="en-US", hreflang="en-GB" y hreflang="en-AU" para diferenciarlos. Esto ayuda a los buscadores a ofrecer la versión correcta a la región correcta.
¿Puedo usar hreflang para contenido paginado?
No. Hreflang es para variantes de idioma y región, no para la paginación. El contenido paginado (página 1, página 2, página 3) no es una versión en otro idioma. Usa rel="next" y rel="prev" para la paginación. Usa hreflang solo para variantes de idioma y región.
¿Cuántas etiquetas hreflang debería tener cada página?
Una por cada versión de idioma que ofrezcas, más x-default. Si tienes versiones en inglés, español y francés, cada página tiene tres etiquetas hreflang (una por idioma) más x-default. Todas las versiones hacen referencia a todas las demás. Esto crea una relación bidireccional.
¿El hreflang mejorará mi posicionamiento?
No directamente. El hreflang no te posiciona más alto. Pero evita las penalizaciones por contenido duplicado y hace que los buscadores entiendan la estructura de tu sitio. Al aclarar qué versión es para cada idioma o región, el hreflang ayuda a que cada versión se posicione mejor en su mercado objetivo. De forma indirecta, un hreflang bien implementado mejora el posicionamiento al consolidar la autoridad.