El atributo hreflang es la solución técnica fundamental para el SEO internacional. Indica a los motores de búsqueda qué versiones lingüísticas y regionales de tus páginas existen, garantizando que los usuarios vean la versión en su idioma — y evitando que tus páginas en distintos idiomas compitan entre sí en los resultados de búsqueda. Para una tienda PrestaShop que vende en varios países, hreflang es imprescindible.
¿Qué es el atributo hreflang?
El atributo hreflang (o etiqueta rel="alternate" hreflang="") es una anotación HTML que señala a los motores de búsqueda la existencia de versiones alternativas de una página en distintos idiomas o para distintas regiones. Introducido por Google en 2011, hoy es el estándar para el SEO multilingüe e internacional.
Su función principal es doble:
- Segmentación lingüística: dirigir a un usuario hispanohablante a la versión en español de tu tienda, a un usuario alemán a la versión alemana, etc.
- Prevención de duplicados: evitar que dos páginas en el mismo idioma (p.ej. versión en español para España y versión en español para México) compitan entre sí en las SERPs.
Sintaxis e implementación
La etiqueta hreflang se coloca en la sección <head> de cada página, con una entrada para cada versión lingüística disponible, incluida la propia página actual:
Ejemplo de implementación hreflang
<link rel="alternate" hreflang="es" href="https://tienda.es/es/zapatos" />
<link rel="alternate" hreflang="es-MX" href="https://tienda.es/mx/zapatos" />
<link rel="alternate" hreflang="fr" href="https://tienda.es/fr/chaussures" />
<link rel="alternate" hreflang="x-default" href="https://tienda.es/en/shoes" />El valor x-default indica la página por defecto para los usuarios cuyo idioma no está explícitamente cubierto.
Códigos de idioma y región
Los códigos hreflang siguen el estándar BCP 47. Puedes usar:
- Solo código de idioma:
hreflang="es"— se dirige a todos los hispanohablantes, independientemente de su ubicación geográfica. - Código de idioma + región:
hreflang="es-ES"para España,hreflang="es-MX"para México,hreflang="es-AR"para Argentina. - x-default: valor especial que apunta a la versión por defecto para usuarios que no coinciden con ninguna otra entrada hreflang (a menudo la versión internacional en inglés).
Tres métodos de implementación
Etiquetas HTML (Head)
El método más común. Las etiquetas hreflang se añaden directamente en el de cada página. Recomendado para tiendas con contenido renderizado en el servidor (PrestaShop nativo).
Sitemap XML
Las anotaciones hreflang se pueden integrar en el sitemap XML mediante etiquetas
Cabecera HTTP
Para páginas no HTML (PDFs, archivos), las anotaciones hreflang se pueden transmitir mediante cabeceras HTTP. Rara vez utilizado para tiendas e-commerce estándar.
Errores comunes que sabotean tu SEO internacional
La implementación de hreflang es conocida por su complejidad y sus múltiples fuentes de error. Los más críticos:
- Faltan enlaces de retorno (return links): cada versión lingüística debe referenciar a todas las demás. Si la página ES apunta a DE, la página DE también debe apuntar a ES. La falta de reciprocidad invalida toda la configuración.
- Falta la etiqueta autorreferencial: cada página debe incluirse en su propia lista hreflang. La página ES debe contener una etiqueta
hreflang="es"que apunte a sí misma. - Códigos de idioma incorrectos: usar
es-esen lugar dees-ES, o códigos ISO 639-2 (3 letras) en lugar de ISO 639-1 (2 letras), invalida las etiquetas. - Falta x-default: sin el valor x-default, los usuarios cuyo idioma no está cubierto pueden no recibir una versión adecuada.
- Hreflang en páginas redirigidas: si la página de destino está redirigida (301, 302), Google puede ignorar la etiqueta. Apunta siempre a la URL final.
Hreflang es una recomendación, no una obligación
Hreflang y PrestaShop: casos prácticos
PrestaShop gestiona de forma nativa múltiples idiomas, creando URLs específicas para cada idioma (normalmente como prefijos /es/, /fr/, /en/). Sin hreflang, todas estas versiones pueden ser percibidas por Google como contenido duplicado — aunque estén en idiomas diferentes pero traten los mismos productos.
Puntos clave a tener en cuenta en PrestaShop:
- Páginas de producto multilingüe: cada ficha de producto traducida genera una URL por idioma. Todas estas URLs deben estar enlazadas entre sí mediante hreflang.
- Páginas de categoría: las categorías tienen slugs distintos por idioma (/zapatos, /chaussures, /schuhe). Hreflang permite a Google entender que se trata de la misma categoría.
- Páginas CMS (aviso legal, condiciones): estas páginas están a menudo traducidas pero son muy similares — sin hreflang pueden ser marcadas como contenido duplicado.