hreflang en Shopify paso a paso: que Google muestre el idioma correcto
Cómo añadir hreflang en Shopify paso a paso para que Google muestre el idioma correcto de tu tienda. Método manual, límites de Shopify y la forma automática.
Has traducido tu tienda de Shopify a varios idiomas, todo se ve bien en la web, y aun así Google le enseña la versión en español a un cliente de Francia. O peor: solo indexa un idioma y los demás no aparecen en las búsquedas. El contenido está, pero Google no sabe conectarlo. Falta una pieza técnica que casi nadie configura bien: hreflang.
hreflang es la etiqueta que le dice a Google qué versión de cada página mostrar según el idioma y el país de quien busca. En una tienda con varios idiomas es la diferencia entre que tus traducciones traigan clientes o que se queden invisibles. En esta guía te explico, paso a paso, cómo funciona el hreflang en Shopify, qué límites tiene la plataforma y cómo dejarlo bien puesto sin pelearte con el código.
Resumen rápido
- hreflang le dice a Google qué idioma servir a cada usuario: sin él, Google mezcla versiones, muestra el idioma equivocado o ignora tus traducciones.
- Shopify pone hreflang automáticamente… si usas sus dominios/subcarpetas de idioma con Markets. El problema aparece cuando traduces con apps o widgets que no generan URLs indexables.
- El error más caro: traducir con un widget tipo Google Translate. Cambia el texto en pantalla pero no crea URL propia ni hreflang, así que no ganas tráfico orgánico en ningún idioma.
- Para que funcione necesitas tres cosas juntas: una URL propia por idioma (
/fr/), etiquetas hreflang correctas y un sitemap por idioma. - Con Lantis obtienes URL propia, hreflang y sitemap por idioma automáticamente en cualquier plataforma, desde 2 €/mes por idioma (pagas por idioma, no por palabras ni por visitas).
Qué es hreflang y por qué tu tienda lo necesita
hreflang es una etiqueta HTML que le indica a Google: "esta página tiene otra versión en francés aquí, otra en portugués allá". Con esa información, Google muestra a cada usuario la versión en su idioma en los resultados de búsqueda, en lugar de adivinar o mezclar.
En una tienda online el impacto es directo en las ventas. Sin hreflang, puede pasar cualquiera de estas cosas:
- Un cliente francés busca tu producto, Google le muestra la ficha en español y se va.
- Google considera que tus versiones en distintos idiomas son "contenido duplicado" y penaliza o ignora algunas.
- Solo se indexa el idioma principal y el resto de tu esfuerzo de traducción no aparece en ninguna búsqueda.
hreflang no mejora tu posición por sí solo; lo que hace es asegurar que la persona correcta ve la página correcta. En una tienda multilingüe, eso es justo lo que separa traducir de vender.
Si quieres el concepto explicado desde cero, tienes nuestra guía de hreflang explicado fácil.
Cómo maneja Shopify el hreflang (y dónde falla)
La respuesta corta: Shopify genera hreflang automáticamente solo si tus idiomas viven en URLs propias que la plataforma reconoce, normalmente a través de Shopify Markets con subcarpetas (tienda.com/fr/) o subdominios/dominios por país.
Cuando usas Markets con dominios de idioma bien configurados, Shopify añade las etiquetas hreflang en el <head> de tus páginas por ti. Eso está bien. El problema es que mucha gente no traduce así:
Los tres escenarios habituales
- Shopify Markets con URLs de idioma: Shopify pone el hreflang solo. Es el caso ideal, pero requiere estar en un plan que soporte Markets y configurar cada idioma como URL, más traducir todo el contenido (que Shopify no traduce por ti; solo te da la estructura).
- Una app de traducción: aquí depende totalmente de la app. Algunas generan URLs y hreflang correctos; muchas otras solo cambian el texto o lo hacen a medias, dejando el hreflang incompleto o mal apuntado.
- Un widget tipo Google Translate: el peor caso para SEO. Traduce el texto en el navegador con JavaScript, sin crear una URL indexable ni hreflang. Google nunca ve una versión en francés, así que no posicionas en francés. Lo detallamos en Google Translate widget vs traducción profesional.
El resultado: mucha gente cree que "Shopify ya pone el hreflang" y en realidad no lo tiene, porque no está traduciendo con URLs propias.
Añadir hreflang en Shopify: el método manual
Si quieres hacerlo a mano, se edita en el tema, dentro del <head> del layout theme.liquid. Shopify expone un objeto (hreflang / alternate) que puedes recorrer con Liquid para generar las etiquetas de cada idioma publicado.
A grandes rasgos, el proceso es:
- Publica tus idiomas en Shopify (Configuración → Idiomas) y asegúrate de que cada uno tiene su URL (con Markets).
- Edita el código del tema: en
theme.liquid, dentro de<head>, añade un bucle Liquid que recorra los idiomas disponibles y escriba una etiqueta<link rel="alternate" hreflang="...">por cada uno. - Incluye el
x-default: una etiqueta que marca la versión "por defecto" para usuarios cuyo idioma no tienes. - Comprueba el resultado: abre el código fuente de una página (clic derecho → Ver código fuente) y verifica que aparecen todas las etiquetas hreflang, una por idioma, apuntando a URLs correctas y completas (con
https://y dominio).
Por qué el método manual se complica
Sobre el papel suena sencillo. En la práctica, el hreflang manual da problemas constantes:
- Errores silenciosos: una URL mal formada, un código de idioma equivocado (
ptcuando queríaspt-BR) o una etiqueta que falta, y Google ignora todo el bloque. No hay aviso; simplemente no funciona. - Se rompe al cambiar de tema: si actualizas o cambias el theme, tus ediciones en
theme.liquiddesaparecen. - Páginas nuevas: cada producto o colección nueva tiene que heredar el hreflang correctamente, y conviene revisarlo.
- Sin sitemap por idioma: el hreflang ayuda, pero también necesitas que cada versión esté en un sitemap para que se indexe bien.
Por eso mucha gente que empieza a mano acaba buscando una forma automática.
La forma automática: que el hreflang se ponga solo
La alternativa es no tocar Liquid y dejar que una herramienta genere la estructura multilingüe completa —URL por idioma, hreflang y sitemap— automáticamente. Es lo que hace Lantis.
El flujo es directo:
- Pega una línea de código en tu tienda Shopify (el mismo snippet funciona también si migras a otra plataforma en el futuro).
- Añade los idiomas que quieras y Lantis traduce el contenido con IA. Puedes elegir el motor —Claude, DeepL o Gemini— según cuál rinda mejor en cada idioma.
- Lantis sirve cada idioma con su URL propia (
/fr/,/pt/…), añade el hreflang correcto en todas las páginas y genera un sitemap por idioma, sin que toques el tema. - Revisa lo que quieras en el editor de traducciones y fija tus términos en el glosario por idioma.
Comparado con hacerlo a mano:
Manual en theme.liquid | Con Lantis | |
|---|---|---|
| Etiquetas hreflang | Las escribes y mantienes tú | Automáticas y correctas |
| URL propia por idioma | Requiere Markets bien configurado | Incluida |
| Sitemap por idioma | Aparte, manual | Automático |
| Se rompe al cambiar de tema | Sí | No |
| Traducción del contenido | No incluida | IA, con editor y glosario |
| Velocidad | — | +70% servido desde caché |
Y el coste no escala con tu tienda: pagas por idioma, no por palabras ni por visitas, desde 2 €/mes. Si tu catálogo crece, tu factura no. Puedes ver el detalle de traducir el resto de la tienda en nuestra guía de traducir una tienda Shopify.
Preguntas frecuentes
¿Shopify añade el hreflang automáticamente?
Shopify añade las etiquetas hreflang automáticamente solo cuando usas Shopify Markets con URLs de idioma propias (subcarpetas como /fr/, subdominios o dominios por país) y tienes los idiomas publicados. No lo hace si traduces con un widget tipo Google Translate ni con algunas apps que no generan URLs indexables: en esos casos el texto cambia en pantalla pero Google no ve una versión separada por idioma, así que no hay hreflang real y esas traducciones no posicionan.
¿Puedo añadir hreflang en Shopify sin tocar código?
Sí. Puedes hacerlo a mano editando el archivo theme.liquid del tema con un bucle Liquid, pero es frágil (se rompe al cambiar de tema y falla en silencio si una URL o un código de idioma está mal). La alternativa sin código es usar una herramienta como Lantis: pegas una línea de código y genera automáticamente la URL por idioma, el hreflang correcto en todas las páginas y el sitemap por idioma, además de traducir el contenido con IA.
¿Qué pasa si mi tienda no tiene hreflang?
Sin hreflang, Google no sabe qué versión de cada página mostrar a cada usuario: puede enseñar el idioma equivocado, tratar tus versiones como contenido duplicado o indexar solo el idioma principal e ignorar el resto. El efecto práctico es que traduces tu tienda pero esas traducciones no traen tráfico orgánico, porque la gente que busca en francés o portugués nunca ve tu versión en su idioma en los resultados.
Conclusión
El hreflang es la pieza invisible que hace que una tienda multilingüe funcione de verdad: sin él, traduces para nada porque Google no muestra cada idioma a quien le corresponde. En Shopify puedes ponerlo a mano editando el tema, pero es frágil y solo cubre la mitad del problema (falta el sitemap y la propia traducción del contenido).
Con Lantis te ahorras todo eso: pegas una línea de código y obtienes URL propia por idioma, hreflang y sitemap automáticos, más la traducción con IA y editor, desde 2 €/mes por idioma. Si quieres dejar tu Shopify multilingüe bien puesto para Google, empieza gratis y deja que el SEO técnico se configure solo.
Pon tu web en varios idiomas hoy.
Una línea de código. SEO real por idioma. Traducción con IA. Sin tarjeta para empezar.