Las migas de pan son uno de esos elementos de interfaz que parecen menores hasta que entiendes cuánto las valora Google. Aparecen en la parte superior de páginas de productos y categorías (Inicio → Mujeres → Vestidos → Vestidos de verano) y ayudan a los usuarios a entender dónde están en la jerarquía del sitio. Ese es el beneficio de experiencia del usuario. El beneficio de SEO es mayor: las migas de pan crean enlaces internos que canalizan autoridad a través de tu sitio, y cuando se marcan con datos estructurados, aparecen directamente en los resultados de búsqueda de Google como fragmentos enriquecidos.
Un resultado de búsqueda con migas de pan destaca. En lugar de mostrar una URL simple (ejemplo.com/productos/12345), Google muestra el recorrido completo de migas de pan (Tienda Ejemplo → Mujeres → Vestidos). Los usuarios ven el contexto antes de hacer clic. El resultado se ve más autorizado, obtiene más clics e indica a Google que tu sitio tiene una jerarquía clara que vale la pena destacar.
Pero las migas de pan solo desbloquean estos beneficios si se implementan correctamente: enlaces HTML reales (no solo estilos visuales), marcado de datos estructurados (JSON-LD) y alineación con tu estructura de navegación principal. Muchas tiendas agregan migas de pan como elemento de diseño sin agregar el marcado, y pierden completamente el valor de SEO.
- Las migas de pan crean enlaces internos de productos a categorías, canalizando equidad de enlaces hacia arriba.
- Los datos estructurados (BreadcrumbList JSON-LD) le dicen a Google que muestre migas de pan en los resultados de búsqueda.
- Los recorridos de migas de pan deben coincidir con tu estructura de URL y jerarquía de navegación principal.
- Prueba con la Herramienta de Resultados Enriquecidos de Google y monitorea la Consola de Búsqueda para errores.
Por qué las migas de pan importan para SEO
Las migas de pan cumplen tres funciones de SEO:
1. Arquitectura de enlaces internos
Cada miga de pan es un conjunto de enlaces internos. Una página de producto con la miga de pan “Inicio → Mujeres → Vestidos → Producto” contiene tres enlaces internos: uno a la página de inicio, uno a Mujeres, uno a Vestidos.
Estos enlaces canalizan equidad de enlaces desde la página del producto hacia las páginas de categoría. Si la página del producto recibe enlaces de retroceso externos (un blog reseña el producto y enlaza directamente a él), parte de esa autoridad fluye hacia las páginas de categoría a través de los enlaces de migas de pan. Este es el flujo inverso de la navegación normal (inicio → categoría → producto). Las migas de pan crean un flujo bidireccional.
Las migas de pan también le dan a Google múltiples caminos para descubrir páginas. Google puede seguir migas de pan hacia arriba (de producto a categoría a inicio) y hacia abajo (de inicio a categoría a producto), mejorando la eficiencia del rastreo y reduciendo la posibilidad de que las páginas queden huérfanas.
2. Señales de jerarquía del sitio
Las migas de pan le dicen explícitamente a Google cómo está organizado tu sitio. El recorrido “Inicio → Mujeres → Vestidos → Vestidos de verano” le dice a Google que Vestidos de verano es una subcategoría de Vestidos, que es una subcategoría de Mujeres, que es una categoría de nivel superior.
Google usa esta jerarquía para entender qué páginas son centros (categorías enlazadas por muchas migas de pan) y qué páginas son hojas (productos individuales). Las páginas de centros se consideran más importantes y se rastrean con más frecuencia.
Sin migas de pan, Google tiene que inferir la jerarquía a partir de la estructura de la URL, patrones de enlaces internos y menús de navegación. Las migas de pan hacen la jerarquía explícita, reduciendo ambigüedad.
3. Resultados enriquecidos en búsqueda
Cuando agregas marcado de datos estructurados a las migas de pan, Google puede mostrarlas directamente en los resultados de búsqueda. En lugar de una URL simple, los usuarios ven el recorrido completo de migas de pan.
Resultado de búsqueda sin migas de pan:
ejemplo.com › productos › 12345-vestido-de-verano
Resultado de búsqueda con migas de pan:
Tienda Ejemplo › Mujeres › Vestidos › Vestidos de verano
El segundo resultado es más informativo y más clickeable. Los usuarios ven el contexto de categoría antes de visitar la página. Esto mejora la tasa de clics (CTR), y un CTR más alto es una señal de ranking positiva para Google.
Cómo implementar migas de pan: estructura HTML
Las migas de pan deben ser enlaces HTML reales, no solo texto estilizado. Cada nivel del recorrido de migas de pan debe ser una etiqueta de anclaje que apunte a la página de categoría apropiada.
Estructura HTML básica
<nav aria-label="Breadcrumb">
<ol>
<li><a href="/">Inicio</a></li>
<li><a href="/collections/women">Mujeres</a></li>
<li><a href="/collections/dresses">Vestidos</a></li>
<li><a href="/collections/summer-dresses">Vestidos de verano</a></li>
</ol>
</nav>
Elementos clave:
<nav aria-label="Breadcrumb">: El contenedor es un elemento nav con una etiqueta ARIA para que los lectores de pantalla lo anuncien como un recorrido de migas de pan (no solo navegación genérica).<ol>: Una lista ordenada, porque las migas de pan son una secuencia (el orden importa).<a href="...">: Etiquetas de anclaje reales con URLs reales. Cada nivel de miga de pan es clickeable y rastreable.
El último elemento (la página actual) puede ser un enlace o texto simple. Google acepta ambos. Algunas pautas de UX recomiendan hacerlo texto simple (ya que hacer clic no hace nada — ya estás en esa página), mientras que otras recomiendan mantenerlo como enlace para consistencia. Ambos funcionan para SEO.
Estilo CSS
Las migas de pan generalmente se diseñan como una lista horizontal en línea con separadores (/ o › o >) entre elementos. Los separadores se pueden agregar con pseudoelementos CSS:
nav[aria-label="Breadcrumb"] ol {
list-style: none;
display: flex;
gap: 8px;
font-size: 14px;
color: #666;
}
nav[aria-label="Breadcrumb"] li:not(:last-child)::after {
content: "›";
margin-left: 8px;
color: #999;
}
Los separadores son solo visuales — no forman parte de la estructura HTML. Google los ignora.
Cómo agregar marcado de datos estructurados
Las migas de pan HTML crean enlaces internos y mejoran la experiencia del usuario. El marcado de datos estructurados le dice a Google que estos enlaces representan un recorrido de migas de pan y deben mostrarse como resultados enriquecidos.
Google admite marcado de esquema BreadcrumbList en formato JSON-LD. Esta es una etiqueta de script que contiene datos JSON que describe la estructura de migas de pan.
Ejemplo de BreadcrumbList JSON-LD
Agrega este script al <head> o al final de <body> en cada página que tenga migas de pan (páginas de productos, páginas de categorías, páginas de artículos):
<script type="application/ld+json">
{
"@context": "https://schema.org",
"@type": "BreadcrumbList",
"itemListElement": [
{
"@type": "ListItem",
"position": 1,
"name": "Inicio",
"item": "https://ejemplo.com/"
},
{
"@type": "ListItem",
"position": 2,
"name": "Mujeres",
"item": "https://ejemplo.com/collections/women"
},
{
"@type": "ListItem",
"position": 3,
"name": "Vestidos",
"item": "https://ejemplo.com/collections/dresses"
},
{
"@type": "ListItem",
"position": 4,
"name": "Vestidos de verano",
"item": "https://ejemplo.com/collections/summer-dresses"
}
]
}
</script>
Campos clave
@contexty@type: Declaraciones estándar de schema.org. Estas le dicen a Google que esto es un BreadcrumbList.itemListElement: Una matriz de elementos de migas de pan, en orden de inicio a página actual.position: El orden de cada elemento (1 para inicio, 2 para primera categoría, 3 para subcategoría, etc.).name: El texto visible de la miga de pan (lo que ven los usuarios).item: La URL completa de la página (debe ser absoluta, comenzando conhttps://).
El último elemento (la página actual) debe incluir el campo item. La documentación anterior de Google sugería omitirlo, pero la práctica recomendada actual es incluirlo para todos los elementos.
Errores comunes en esquema de migas de pan
Error 1: URLs relativas en lugar de URLs absolutas
Google requiere URLs absolutas en datos estructurados. Esto falla en validación:
"item": "/collections/women"
Esto pasa:
"item": "https://ejemplo.com/collections/women"
Si tu tema de Shopify usa Liquid para generar marcado de migas de pan, asegúrate de usar el filtro url con absolute_url:
"item": ""
Error 2: HTML y JSON-LD no coinciden
El marcado de HTML y JSON-LD deben describir el mismo recorrido. Si el HTML muestra “Inicio → Mujeres → Vestidos” pero el JSON-LD muestra “Inicio → Ropa → Vestidos,” Google puede ignorar el marcado o marcarlo como un error.
Esto sucede cuando los temas generan migas de pan dinámicamente según la estructura de URL pero codifican el marcado JSON-LD. Siempre genera ambos desde la misma fuente de datos.
Error 3: Incluir enlaces que no son de migas de pan
Algunos temas incluyen el título de la página actual en el recorrido de migas de pan, incluso si no es un enlace navegable:
<li>Producto: Vestido de algodón de verano</li>
Esto está bien para HTML (proporciona contexto a los usuarios), pero el elemento JSON-LD correspondiente aún debe representar una página de categoría o sección, no el producto mismo. El último elemento debe ser la categoría padre:
{
"position": 3,
"name": "Vestidos",
"item": "https://ejemplo.com/collections/dresses"
}
Si incluyes el producto como elemento final de migas de pan, asegúrate de que tenga una URL real:
{
"position": 4,
"name": "Vestido de algodón de verano",
"item": "https://ejemplo.com/products/summer-cotton-dress"
}
Error 4: Migas de pan que no coinciden con navegación
Si tu navegación principal tiene una categoría llamada “Ropa para mujeres” pero tus migas de pan muestran “Mujeres,” Google podría confundirse sobre si estas son la misma categoría.
Usa nombres consistentes en navegación, migas de pan y URLs. Si la navegación dice “Ropa para mujeres,” la miga de pan también debería. Si la URL es /collections/womens-clothing, el nombre de categoría en datos estructurados debe coincidir.
Cómo probar marcado de migas de pan
Herramienta de Resultados Enriquecidos de Google
Google proporciona una herramienta gratuita para validar datos estructurados: la Herramienta de Resultados Enriquecidos (busca “Google Rich Results Test” e ingresa tu URL).
La herramienta rastrea tu página, extrae datos estructurados y muestra si son válidos. Para migas de pan, debe mostrar:
- “BreadcrumbList” detectado
- Número de elementos
- Nombre y URL de cada elemento
Si la herramienta muestra errores (“Falta el campo requerido: item” o “URL inválida”), corrígelos antes de desplegar.
Verificación manual de Código Fuente
Abre tu página de producto o categoría en un navegador, Ver Código Fuente (Ctrl+U / Cmd+Opción+U), y busca BreadcrumbList. Debes ver el script JSON-LD con todos los elementos de migas de pan listados.
Verifica:
- Todas las URLs son absolutas (comienzan con
https://). - El recorrido de migas de pan coincide con las migas de pan HTML visibles en la página.
- Los valores de
positionson secuenciales (1, 2, 3, …).
Consola de Búsqueda de Google
Después de desplegar marcado de migas de pan, verifica Google Search Console → Mejoras → Migas de pan. Este informe muestra:
- Cuántas páginas tienen marcado de migas de pan válido
- Cuántas páginas tienen errores o advertencias
- Qué errores específicos encontró Google
Google puede tardar unos días en rastrear tus páginas y completar este informe. Si aparecen errores, haz clic en los detalles del error para ver qué páginas se ven afectadas y cuál es el mensaje de error.
Migas de pan y estructura de URL
Las migas de pan funcionan mejor cuando se alinean con tu estructura de URL. Si la URL de un producto es:
https://ejemplo.com/collections/women/products/summer-dress
La miga de pan debe reflejar esa ruta:
Inicio → Mujeres → Vestido de verano
Si la URL no coincide con el recorrido de migas de pan (la URL dice /collections/women pero la miga de pan muestra “Ropa → Mujeres”), usuarios y motores de búsqueda reciben señales conflictivas sobre la jerarquía del sitio.
Para tiendas de Shopify, esto puede ser complicado. Las URLs de productos de Shopify son planas por defecto:
https://ejemplo.com/products/summer-dress
No hay categoría en la URL. El producto podría aparecer en múltiples colecciones (Mujeres, Vestidos, Venta de verano), por lo que no hay un único recorrido de migas de pan canónico.
Soluciones:
1. Elige una colección principal. Si un producto pertenece a múltiples colecciones, designa una como principal. Usa esa colección para migas de pan. Los temas de Shopify a menudo lo hacen verificando de qué colección viene el usuario (a través del referenciador HTTP), pero esto no funciona para usuarios que llegan directamente a la página del producto desde resultados de búsqueda.
2. Usa parámetros de URL. Algunos temas agregan un parámetro de colección a las URLs de productos: /products/summer-dress?collection=women. La miga de pan se puede generar a partir de ese parámetro.
3. Usa URLs de productos basadas en colecciones de Shopify. En el administrador de Shopify, puedes habilitar URLs de productos basadas en colecciones: Configuración → General → Formato de URL del producto. Esto cambia las URLs de productos a /collections/women/products/summer-dress. La colección ahora forma parte de la URL, facilitando la generación de migas de pan.
Migas de pan para navegación facetada
La navegación facetada (filtrado de páginas de categorías por atributos como talla, color, marca) crea migas de pan dinámicas que reflejan el estado de filtro actual:
Inicio → Mujeres → Vestidos → Talla: Mediano → Color: Azul
¿Deberían estas selecciones de filtro aparecer en datos estructurados de migas de pan?
La orientación de Google: las migas de pan deben representar la jerarquía del sitio, no el estado de filtro temporal. Los datos estructurados deben mostrar:
Inicio → Mujeres → Vestidos
Las migas de pan HTML pueden mostrar el recorrido completo incluyendo filtros (para experiencia del usuario), pero el JSON-LD debe omitir los filtros. Los filtros no son URLs estables (cambian con cada interacción del usuario) y no representan una jerarquía navegable.
Excepción: si combinaciones de filtros se promueven como páginas de categoría autónomas (por ejemplo, una colección “Vestidos azules para mujeres” con su propia URL y contenido), esa es una categoría real y debe aparecer en migas de pan.
Cómo las migas de pan interactúan con la navegación principal
Las migas de pan no reemplazan la navegación principal — la complementan. La navegación principal (menú de encabezado) proporciona categorías de nivel superior y acceso rápido a secciones clave. Las migas de pan proporcionan contexto jerárquico y navegación hacia arriba desde páginas profundas.
Las dos deben estar alineadas:
- Si tu navegación principal tiene una categoría “Mujeres,” las migas de pan en páginas de productos bajo esa categoría deben incluir “Mujeres.”
- Si tu navegación principal usa “Ropa para hombres” como etiqueta, las migas de pan deben usar “Ropa para hombres,” no “Hombres.”
La nomenclatura inconsistente confunde a los usuarios (“¿Es ‘Mujeres’ lo mismo que ‘Ropa para mujeres’?”) y diluye las señales de SEO (Google ve dos etiquetas diferentes para la misma categoría y tiene que inferir que son lo mismo).
Verificación rápida de implementaciónAbre una página de producto en tu tienda. Ver Código Fuente y busca "BreadcrumbList." Si no aparece nada, no tienes datos estructurados de migas de pan. Agrégalos — el marcado toma 10 minutos de implementar y puede mejorar las tasas de clics en cuestión de días.
Migas de pan como herramienta de eficiencia de rastreo
Más allá de resultados enriquecidos y enlaces internos, las migas de pan ayudan a Google a rastrear tu sitio más eficientemente. Cuando Google rastrea una página de producto, extrae todos los enlaces, incluidos enlaces de migas de pan. Si la miga de pan incluye tres enlaces (Inicio, Mujeres, Vestidos), Google ahora tiene tres URLs adicionales para rastrear.
Para tiendas grandes, esto importa. Google asigna un presupuesto de rastreo finito — no rastreará cada página cada día. Las páginas que se enlazan con más frecuencia (desde más páginas) se rastrea con más frecuencia. Las categorías que aparecen en migas de pan en cientos de páginas de productos se rastrea mucho más frecuentemente que categorías enlazadas solo en la navegación principal.
Esto es especialmente importante para productos de bajo stock o estacionales. Si un producto se agota, quieres que Google rastree la página de categoría rápidamente para actualizar los resultados de búsqueda. Los enlaces de migas de pan desde páginas de productos a páginas de categorías aumentan la probabilidad de que Google rastree nuevamente la página de categoría en horas o días, no semanas.
Implementar migas de pan en Shopify
La mayoría de los temas modernos de Shopify incluyen soporte de migas de pan, pero no todos incluyen marcado de datos estructurados. Verifica la documentación de tu tema o inspecciona el código de migas de pan en los archivos Liquid de tu tema.
Si tu tema no incluye marcado JSON-LD, puedes agregarlo manualmente. En el archivo theme.liquid de tu tema (o en un fragmento incluido en páginas de productos y colecciones), agrega un script como este:
{% if template contains 'product' %}
<script type="application/ld+json">
{
"@context": "https://schema.org",
"@type": "BreadcrumbList",
"itemListElement": [
{
"@type": "ListItem",
"position": 1,
"name": "Inicio",
"item": "{{ shop.url }}"
}
{% if collection %}
,{
"@type": "ListItem",
"position": 2,
"name": "{{ collection.title | escape }}",
"item": "{{ collection.url | absolute_url }}"
}
{% endif %}
,{
"@type": "ListItem",
"position": {% if collection %}3{% else %}2{% endif %},
"name": "{{ product.title | escape }}",
"item": "{{ product.url | absolute_url }}"
}
]
}
</script>
{% endif %}
Esto genera marcado de migas de pan para páginas de productos. Adáptalo para páginas de colecciones reemplazando product con collection y ajustando el recorrido de migas de pan en consecuencia.
Para tiendas que usan aplicaciones como Navi+ AI Menu Builder, el marcado de migas de pan a menudo se maneja automáticamente como parte del paquete de navegación — verifica la configuración de tu aplicación o la documentación.
Las migas de pan son una de las implementaciones de datos estructurados con mayor retorno de inversión que puedes hacer. El marcado es simple, las herramientas de validación son gratuitas, y el impacto (resultados enriquecidos, enlaces internos, eficiencia de rastreo) es inmediato. Si tu tienda aún no tiene migas de pan, agrégalas. Si tiene migas de pan pero sin datos estructurados, agrega el JSON-LD. El esfuerzo incremental es bajo, y el beneficio de SEO se compone con el tiempo.
Este artículo es parte de la guía más amplia sobre SEO de navegación: asegurarte de que Google pueda rastrear tu estructura de menú.