Optimiza la navegación de tu tienda y mejora tus resultados enriquecidos con esta guía técnica de migas de pan para Shopify.
Las breadcrumbs en Shopify son una señal de navegación jerárquica que ayuda a usuarios y motores a entender la posición de un producto dentro de la tienda. Bien implementadas, mejoran el enlazado interno y la experiencia de compra. Mal gestionadas, generan rutas incoherentes y consumen presupuesto de rastreo.
Las migas clarifican la arquitectura de la información y reducen el número de clics necesarios para llegar a colecciones padre, facilitando la navegación vertical. Para abordarlo correctamente, es fundamental implementar BreadcrumbList en JSON-LD. Esto permite que los motores interpreten la jerarquía semántica de la web. Puedes consultar la documentación oficial en Google Search Central y el vocabulario estándar en Schema.org.
Un ejemplo clásico de buena implementación es Home / Mujer / Zapatos. El error más común en Shopify es mostrar rutas derivadas de la sesión del usuario (historial de navegación) en lugar de la taxonomía canónica del producto.
Las migas aportan valor en tiendas con una taxonomía definida y colecciones estables, ya que refuerzan el enlazado interno hacia páginas de categoría clave.
Shopify collection: Es una agrupación lógica de productos (manual o automatizada) que define los nodos de la jerarquía que deben reflejarse en las migas.
La mejor práctica es definir una colección principal por producto y generar las migas desde esa colección en el template de producto (product.json / product.liquid). Preferiblemente, esta colección debe estar alimentada por un metafield que indique la "ruta preferida".
Home / Electrónica / Auriculares (para un producto asignado a una colección principal)./collections/ofertas/products/x.En catálogos donde los productos pertenecen a múltiples colecciones o en tiendas que indexan rutas de filtros, las breadcrumbs pueden multiplicar las URLs indexables, confundiendo a los buscadores (dilución de autoridad) y a los usuarios.
Shopify variant: Es una versión específica de un producto (talla, color) con sus propios atributos. No conviene incluir variantes como nodos separados en las migas para evitar contenido duplicado.
Evita generar migas desde colecciones dinámicas ("Novedades", "Lo más vendido") o desde rutas con parámetros de URL. Bloquea también la indexación de páginas de resultados de filtros.
Home / Oferta y Home / Auriculares.Las migas distribuyen autoridad (Link Juice) si representan la jerarquía real de la tienda. Si no, multiplican las URLs rastreables innecesariamente.
PIM (Product Information Management): Sistema centralizado para gestionar la información de producto. Es crucial porque garantiza que los datos de categorización sean consistentes para generar migas coherentes en el front-end.
Para optimizar el presupuesto de rastreo, mantén los enlaces internos limpios y usa etiquetas rel="canonical" en páginas que puedan generar rutas múltiples. Evita indexar combinaciones de filtros. El objetivo es enlazar siempre a colecciones principales en las migas para concentrar la autoridad en las landing pages relevantes.
Las breadcrumbs en Shopify ayudan a usuarios y a buscadores a entender la jerarquía de la tienda y mejorar el enlazado interno. Esta guía práctica explica la implementación en temas modernos como Dawn (OS 2.0), la gestión de colecciones y variantes, y cuándo elegir desarrollo a medida frente a una app.
Crea un snippet reusable en snippets/breadcrumbs.liquid y llámalo desde el product template, collection template y page template. Prioriza una colección canónica guardada en un metafield de SEO y genera el marcado JSON-LD BreadcrumbList en el head del documento. Si prefieres evitar mantenimiento técnico, valora el uso de una app, aunque el código nativo es más limpio.
Un snippet centralizado evita inconsistencias entre plantillas y facilita las pruebas de QA. Crea un archivo llamado breadcrumbs.liquid en la carpeta snippets.
A continuación, un ejemplo de la lógica (sustituye la sintaxis por Liquid real):
{% if template contains 'product' %}
{% assign trail = product.metafields.seo.breadcrumb_path %}
{% if trail %}
{% for item in trail.items %}
<a href="{{ item.url }}">{{ item.title }}</a>
{% endfor %}
{% endif %}
{% endif %}
El error más común aquí es duplicar esta lógica en cada archivo de plantilla (product, collection, blog) en lugar de llamar al snippet con {% render 'breadcrumbs' %}.
Cada plantilla aporta un contexto distinto y puede generar rutas incoherentes si no se controla la fuente de datos.
Ejemplo de lógica de fallback:
En el template de producto, busca primero product.metafields.seo.breadcrumb_path. Si está vacío, usa como fallback:
{% assign col = product.collections.first %}
<a href="{{ col.url }}">{{ col.title }}</a>
Nota: Usar .first es arriesgado sin curación previa, ya que puede tomar colecciones automatizadas irrelevantes.
El marcado BreadcrumbList de Schema.org clarifica la jerarquía para los buscadores y es necesario para activar los Rich Snippets en las SERPs.
Schema: Vocabulario de datos estructurados estándar que los motores de búsqueda utilizan para entender el contenido.
Genera un bloque JSON-LD en el <head> o al final del body usando la misma lógica de ruta que la vista HTML. Asegura que itemListElement tenga una propiedad position consistente y que los IDs apunten a URLs canónicas absolutas.
Estructura JSON-LD simplificada:
{
"@context": "https://schema.org",
"@type": "BreadcrumbList",
"itemListElement": [{
"@type": "ListItem",
"position": 1,
"name": "Inicio",
"item": "https://tusitio.com"
},{
"@type": "ListItem",
"position": 2,
"name": "Categoría",
"item": "https://tusitio.com/collections/categoria"
}]
}
Es vital no desincronizar el orden numérico position entre el JSON-LD y las migas visibles en pantalla.
La decisión afecta al control, el rendimiento y la escalabilidad de la lógica de rutas.
Si tu catálogo tiene reglas de categoría complejas y cuentas con equipo técnico, desarrolla en el tema. Si necesitas velocidad y soporte externo, prueba una app, pero valida siempre cómo genera las rutas y el JSON-LD. Un error típico es instalar una app que genera enlaces duplicados o altera el sitemap sin aviso.
Las breadcrumbs en Shopify pueden convertirse en una fuente de ruido para Google cuando un mismo producto pertenece a varias colecciones o cuando la URL incluye variantes. Resolver esto es crítico para evitar la canibalización de keywords.
Elegir una colección canónica evita múltiples caminos hacia el mismo producto y reduce el contenido duplicado.
Para abordarlo, define una colección primaria por producto mediante un metafield específico (namespace.key) o una etiqueta interna, y construye las migas siempre usando ese valor. Esto garantiza consistencia entre la plantilla visual y los datos estructurados.
Ejemplo: Usar el metafield custom.primary_collection para generar Home / Categoría / Producto tanto en las migas visibles como en el BreadcrumbList.
El error típico es dejar que la colección actual en la URL (/collections/nombre/products/producto) controle la miga. Esto produce rutas diferentes (y a veces circulares) según cómo llegue el usuario.
Las variantes suelen añadirse como query strings (?variant=1234) que no deberían cambiar la estructura jerárquica de las migas.
Canonical tag: Etiqueta HTML que indica a los buscadores cuál es la versión "oficial" de una página para evitar duplicados.
Construye breadcrumbs apuntando siempre a la URL canónica del producto sin parámetros de variante. En la práctica, puedes mostrar la variante seleccionada como texto no enlazable en la PDP, pero el enlace previo debe ir al producto base.
Home / Categoría / Producto roja talla M (texto) pero enlazar el nivel superior a /products/nombre-producto.?variant=, fragmentando la autoridad de la página.Los productos en colecciones transversales (ej. "Rebajas", "Novedades") pueden generar migas que no reflejan la jerarquía principal del catálogo.
Prioriza una lógica de selección por orden de negocio:
primary_collection si existe.Para el marcado de datos estructurados, usa siempre la ruta canónica. Si un producto está en "Black Friday" y en "Abrigos", usa "Abrigos" en la miga. Usar rutas temporales confunde a los buscadores sobre la temática permanente de la URL. Consulta la documentación oficial de Shopify sobre SEO para más detalles sobre estructura de URLs.
Implementar migas de pan es solo la mitad del trabajo; la validación asegura que ayudan a la indexación y no generan errores de rastreo.
Search Console: Herramienta gratuita de Google para monitorizar la presencia de tu sitio en los resultados de búsqueda y detectar errores técnicos.
El marcado debe reflejar la ruta visible y ser único por URL. Genera el JSON-LD en product.liquid construyendo la lista con URLs absolutas. Evita generar múltiples bloques de BreadcrumbList para la misma página.
position: 1 -> Home (URL absoluta), position: 2 -> Colección Verano (URL absoluta), position: 3 -> Producto (URL absoluta).Las migas deben coincidir con la canonical para no enviar señales contradictorias al bot. Verifica que el item final del BreadcrumbList coincida exactamente con la etiqueta rel="canonical" del <head>. Si Shopify sirve URLs con colecciones en la ruta, normalízalas a la raíz /products/ al construir el objeto JSON.
Las migas deben ser legibles sin ocupar espacio crítico (above the fold) en pantallas pequeñas. Muestra una versión simplificada visualmente (ej. "Volver a [Colección Padre]") pero mantén el JSON-LD completo en el código para los buscadores. Esto mejora la usabilidad sin sacrificar el SEO técnico.
Checklist rápido:
rel="canonical".Las breadcrumbs en Shopify son clave para la UX y para que los motores entiendan la arquitectura de la tienda. Aquí tienes cómo medir su impacto real.
Una señal directa de relevancia. El CTR suele mejorar cuando Google muestra rich snippets de breadcrumbs en lugar de la URL plana, ya que aporta contexto al usuario antes del clic. Mide el CTR por tipo de página en Google Search Console, comparando periodos de 30 días antes y después de la implementación.
Indica si los usuarios llegan más rápido a las PDPs (Páginas de Producto). Una ruta de migas efectiva reduce los pasos necesarios para navegar verticalmente. PDP (Product Detail Page): Es la página de ficha de producto, donde ocurre la conversión. Configura eventos en GA4 que cuenten los clics en las migas de pan para evaluar si los usuarios las utilizan para "subir" de nivel en lugar de usar el botón "atrás" del navegador.
Comprueba que Google indexa correctamente las subcolecciones enlazadas desde las migas. Observa el informe de "Páginas indexadas" en Search Console; deberías ver un aumento en la cobertura de colecciones de nivel 2 y 3 tras corregir la estructura de enlaces internos mediante breadcrumbs.
Mantener la coherencia entre colecciones, tags y metafields para que las breadcrumbs funcionen es una tarea manual propensa a errores. ButterflAI detecta incoherencias en tu catálogo y estructura los datos de producto para asegurar que la jerarquía de navegación y el SEO técnico estén siempre alineados, sin necesidad de revisión manual constante.
Respuestas rápidas a las dudas más comunes.
Guía técnica para elegir la mejor app SEO para Shopify, evaluando impacto en Core Web Vitals, indexación y escalabilidad de catálogo sin errores técnicos.
7 feb 2026
Aprende a gestionar productos descatalogados para evitar errores Soft 404 y mantener tu autoridad con redirecciones 301 estratégicas.
2 feb 2026
Domina la arquitectura de URLs de Shopify, soluciona errores de Search Console y protege el SEO de tus productos con nuestra guía técnica y operativa.
1 feb 2026
