Breadcrumbs de múltiples colecciones
Guía completa para manejar productos en múltiples colecciones con breadcrumbs inteligentes y dinámicos
Comportamiento inteligente de breadcrumbs
La aplicación ofrece dos modos potentes para manejar productos en múltiples colecciones:
🪄 Modo inteligente: sigue la ruta de navegación del visitante (recomendado)
Cuando está habilitado en Configuración > Comportamiento inteligente: Los breadcrumbs se adaptan dinámicamente para mostrar la ruta real que tus visitantes tomaron para llegar al producto, creando una experiencia de navegación natural mientras mantienen la estabilidad SEO.
Mismo producto en diferentes colecciones de marca (Volvo, Scania, Mercedes)
Productos en colecciones tanto de categoría como estacionales (chaquetas de invierno + ropa para hombres)
Productos multi-categoría (smartphones + novedades + destacados)
Cómo funciona
El visitante navega desde la colección A → producto → el breadcrumb muestra la ruta de la colección A
El mismo visitante navega desde la colección B → mismo producto → el breadcrumb muestra la ruta de la colección B
Acceso directo (Google, marcadores) → muestra la colección predeterminada (si está configurada) o la colección más profunda
Datos estructurados JSON-LD → siempre usa la colección predeterminada (si está configurada) o la colección más profunda para SEO estable
Por qué esto importa para SEO
URLs limpias como /products/turbo-t5000 son concisas, fáciles de compartir y preferidas por los motores de búsqueda
URLs largas como /collections/volvo-parts/products/turbo-t5000 pueden diluir el valor SEO, son más difíciles de recordar y se ven desordenadas
La guía de Google: Mantén las URLs simples y descriptivas, enfocándote en el contenido (producto) en lugar de la estructura de navegación
Beneficios
✅ URLs amigables para SEO - mantiene el formato estándar /products/product-name
✅ Cero complejidad de configuración - funciona con tu tema y estructura de URL existentes
✅ Experiencia de usuario natural - los breadcrumbs coinciden con el recorrido real
✅ Experiencia de navegación consistente durante todo el proceso de compra
✅ SEO consistente - los datos estructurados usan la colección predeterminada (si está configurada) o la colección más profunda
✅ Recurso inteligente - usa la colección predeterminada cuando no existe ruta
📌 Modo clásico: prioridad fija de colección
Cuando el Comportamiento inteligente está deshabilitado: La app determina qué colección mostrar usando este orden de prioridad:
Prioridad 1: colección predeterminada (anulación manual)
Configuras manualmente una "colección predeterminada" para el producto en los metafields de Shopify.
✅ Siempre tiene prioridad
🎯 Mejor para consistencia SEO
📌 Se configura una vez, se aplica en todas partes
Prioridad 2: contexto de colección en la URL
El cliente navegó desde una página de colección (ruta URL: /collections/[handle]/products/[handle])
✅ Dinámico y consciente del contexto
🎯 Mejor experiencia de usuario
🔗 Respeta el recorrido del cliente
Prioridad 3: nivel más profundo de la colección
La app selecciona automáticamente la colección con mayor profundidad/nivel en tu jerarquía.
✅ Recurso automático
🎯 Ruta más específica
📊 No requiere configuración
Entendiendo la profundidad/nivel de la colección
La profundidad es cuántos niveles de profundidad tiene una colección en tu jerarquía. La app calcula esto automáticamente:
✅ Categoría más específica = mejor contexto para el usuario
✅ Ruta de breadcrumb más detallada
✅ Mejor SEO con rutas más largas y descriptivas
Home (Nivel 0 - Raíz)
│
├── Vehicles (Nivel 1)
│ │
│ ├── Trucks (Nivel 2)
│ │ │
│ │ ├── Volvo (Nivel 3) ← Profundidad = 3
│ │ ├── Scania (Nivel 3) ← Profundidad = 3
│ │ └── Mercedes (Nivel 3) ← Profundidad = 3
│ │
│ └── Cars (Nivel 2)
│ │
│ └── Sedans (Nivel 3) ← Profundidad = 3
│
└── Heavy Duty (Nivel 1)
│
└── Industrial (Nivel 2) ← Profundidad = 2Ejemplo real: tienda de camiones multi-marca
Vamos a recorrer un ejemplo completo con una tienda de repuestos para camiones:
Home
│
├── 🚛 Trucks
│ ├── Volvo Trucks (Nivel 2)
│ │ ├── Volvo Engines (Nivel 3)
│ │ ├── Volvo Parts (Nivel 3)
│ │ └── Volvo Accessories (Nivel 3)
│ │
│ ├── Scania Trucks (Nivel 2)
│ │ ├── Scania Engines (Nivel 3)
│ │ ├── Scania Parts (Nivel 3)
│ │ └── Scania Accessories (Nivel 3)
│ │
│ └── Mercedes Trucks (Nivel 2)
│ ├── Mercedes Engines (Nivel 3)
│ └── Mercedes Parts (Nivel 3)
│
├── 🔧 Parts
│ ├── Universal Parts (Nivel 2)
│ └── Engine Components (Nivel 2)
│
└── 🆕 New Arrivals (Nivel 1)Ejemplo de producto: "Turbocharger T5000"
Este producto pertenece a 4 colecciones:
✅ Trucks > Volvo Trucks > Volvo Parts (Nivel 3)
✅ Trucks > Scania Trucks > Scania Parts (Nivel 3)
✅ Parts > Universal Parts (Level 2)
✅ New Arrivals (Level 1)
Recorrido del escenario
Escenario 1: el cliente navega por la colección Volvo
Recorrido del cliente: 1. El cliente llega a tu tienda 2. Hace clic en "Trucks" → "Volvo Trucks" → "Volvo Parts" 3. Hace clic en "Turbocharger T5000"
URL generada por Shopify:
/collections/volvo-parts/products/turbocharger-t5000
Breadcrumb mostrado:
Home > Trucks > Volvo Trucks > Volvo Parts > Turbocharger T5000Escenario 2: el cliente navega por la colección Scania
Recorrido del cliente: 1. El cliente busca en Google "Scania turbocharger" 2. Llega a la página de la colección Scania Parts 3. Hace clic en "Turbocharger T5000"
URL generada por Shopify:
/collections/scania-parts/products/turbocharger-t5000
Breadcrumb mostrado:
Home > Trucks > Scania Trucks > Scania Parts > Turbocharger T5000Escenario 3: el cliente llega desde Google (sin contexto de colección)
Recorrido del cliente: 1. El cliente busca en Google "turbocharger T5000" 2. Hace clic directamente en tu producto desde los resultados de búsqueda 3. Llega a la página del producto
URL (enlace directo al producto):
/products/turbocharger-t5000
Breadcrumb mostrado:
Home > Trucks > Volvo Trucks > Volvo Parts > Turbocharger T5000Escenario 4: configuras una colección predeterminada
Tu acción: Decides que por motivos de SEO, este producto siempre debe mostrarse bajo "Universal Parts" en los resultados de búsqueda. Configuras la colección predeterminada: Parts > Universal Parts
Breadcrumb mostrado (todos los casos):
Home > Parts > Universal Parts > Turbocharger T5000Cómo configurar la colección predeterminada para un producto
Sigue estos pasos para configurar manualmente una colección predeterminada:
Paso 1: Ve a Shopify Admin → Products → Haz clic en el producto
Paso 2: Desplázate hacia abajo hasta la sección "Metafields" (generalmente cerca del final)
Paso 3: Busca el espacio de nombres "Breadcrumbs"
Paso 4: Encuentra el campo "Product's default collection"
Paso 5: Haz clic en el desplegable y selecciona tu colección preferida
Paso 6: Haz clic en "Save" en la parte superior derecha
Paso 7: Verifica en la tienda - el breadcrumb ahora debería mostrar tu colección predeterminada
Casos de uso en el mundo real
Caso de uso 1: tienda multimarcas (Volvo, Scania, Mercedes)
Desafío: Vendes piezas de camiones para múltiples marcas. La misma pieza (por ejemplo, "Oil Filter OF-500") sirve para camiones Volvo, Scania y Mercedes.
Colecciones de productos: Volvo Parts (Nivel 3), Scania Parts (Nivel 3), Mercedes Parts (Nivel 3), Universal Parts (Nivel 2)
El cliente navega Volvo → Breadcrumb: Home > Trucks > Volvo > Volvo Parts > Oil Filter
El cliente navega Scania → Breadcrumb: Home > Trucks > Scania > Scania Parts > Oil Filter
El cliente navega Mercedes → Breadcrumb: Home > Trucks > Mercedes > Mercedes Parts > Oil Filter
Cliente desde Google → Breadcrumb: Home > Trucks > Volvo > Volvo Parts > Oil Filter (primera colección Nivel 3)
Opcional: Configura "Universal Parts" como predeterminada para SEO consistente
Caso de uso 2: colecciones estacionales + por categoría
Desafío: Tienes una "Winter Jacket" que pertenece tanto a colecciones estacionales como de categoría.
Colecciones de productos: Men's Clothing > Jackets > Winter Jackets (Nivel 3), Winter Collection (Nivel 1), Sale Items (Nivel 1)
El cliente navega Winter Jackets → Breadcrumb: Home > Men's Clothing > Jackets > Winter Jackets > Producto
El cliente navega Winter Collection → Breadcrumb: Home > Winter Collection > Producto
Cliente desde Google → Breadcrumb: Home > Men's Clothing > Jackets > Winter Jackets > Producto (gana Nivel 3)
Recomendación: Configura "Men's Clothing > Jackets > Winter Jackets" como predeterminada para mejor SEO
Caso de uso 3: novedades + categorías regulares
Desafío: Los productos nuevos están tanto en "New Arrivals" como en su categoría regular.
Colecciones de productos: Electronics > Smartphones > iPhone (Nivel 3), New Arrivals (Nivel 1), Featured Products (Nivel 1)
El cliente navega categoría iPhone → Breadcrumb: Home > Electronics > Smartphones > iPhone > Producto
El cliente navega New Arrivals → Breadcrumb: Home > New Arrivals > Producto
Cliente desde Google → Breadcrumb: Home > Electronics > Smartphones > iPhone > Producto (gana Nivel 3)
Recomendación: No configures predeterminada - deja que los breadcrumbs dinámicos funcionen automáticamente
Mejores prácticas y recomendaciones
Cuándo configurar colecciones predeterminadas
✅ DEBES configurar colecciones predeterminadas cuando:
El producto pertenece a 3 o más colecciones
Quieres migas de pan consistentes en los resultados de búsqueda de Google
El producto está en colecciones tanto de categoría como promocionales (por ejemplo, "Chaquetas de Invierno" + "Oferta")
Tienes una categoría "principal" clara para el producto
El SEO es una prioridad para este producto
❌ NO establezcas colecciones predeterminadas cuando
El producto pertenece solo a 1-2 colecciones
Quieres migas de pan completamente dinámicas basadas en la navegación
El producto es igualmente importante en todas las colecciones
Prefieres la selección automática basada en la profundidad
Consejos sobre la jerarquía de colecciones
✅ Mejores prácticas:
Mantén la profundidad de la jerarquía entre 2-4 niveles (máximo 5)
Usa nombres descriptivos para las colecciones
Organiza de lo más específico a lo menos específico
Agrupa colecciones relacionadas bajo colecciones principales
Usa convenciones de nombres consistentes
❌ Evita
Jerarquías demasiado profundas (6+ niveles) - confunden a los clientes
Jerarquías demasiado planas (1 nivel) - pierden contexto
Patrones de nombres inconsistentes
Nombres de colecciones duplicados en diferentes niveles
Guía de referencia rápida
Árbol de decisiones: ¿qué colección se mostrará?
INICIO: El cliente ve la página del producto
│
├─ ¿Tiene colección PREDETERMINADA establecida?
│ ├─ SÍ → Mostrar colección PREDETERMINADA ✅ (Prioridad 1)
│ └─ NO → Continuar...
│
├─ ¿La URL tiene parámetro ?collection=?
│ ├─ SÍ → Mostrar colección de la URL ✅ (Prioridad 2)
│ └─ NO → Continuar...
│
└─ Encontrar la colección MÁS PROFUNDA
└─ Mostrar colección con mayor profundidad ✅ (Prioridad 3)Guía rápida de acciones
¿Quieres migas de pan SEO consistentes? → Establece colección predeterminada (Prioridad 1)
¿Quieres migas de pan dinámicas basadas en la navegación? → No establezcas predeterminada, deja que Prioridad 2 y 3 funcionen automáticamente
¿Producto en muchas colecciones? → Establece predeterminada en la colección más importante
¿Producto en 1-2 colecciones? → No se necesita acción, la selección automática funciona muy bien
Preguntas comunes
¡No! Establecer una colección predeterminada solo afecta la visualización de las migas de pan. El producto permanece en todas sus colecciones y aún puede encontrarse al navegar por cualquiera de ellas.
¡Sí! Cada producto puede tener su propia colección predeterminada. Esto es perfecto para tiendas con catálogos de productos diversos.
La aplicación usará automáticamente la Prioridad 2 (parámetro URL) o la Prioridad 3 (colección más profunda). ¡Esto funciona muy bien para la mayoría de las tiendas!
¡Absolutamente! La miga de pan solo afecta la visualización de la ruta de navegación. Los productos siguen siendo buscables y navegables en todas sus colecciones asignadas.
La aplicación calcula automáticamente la profundidad basada en la jerarquía de tus colecciones. Puedes ver el nivel de profundidad en el panel de la aplicación al gestionar colecciones.