≡En resumen
- Un breadcrumb es una navegación secundaria que muestra dónde está una página dentro de la jerarquía del sitio.
- Debe reflejar la estructura del sitio, no el historial del usuario, y la página actual va al final sin enlace.
- Con el marcado BreadcrumbList, Google puede mostrar la ruta en el resultado de búsqueda de escritorio.
- Desde el 23 de enero de 2025, Google ya no muestra migas de pan en los resultados móviles, pero sigue usando el marcado.
- Es especialmente útil en tiendas online, blogs grandes y cualquier web con más de dos niveles de profundidad.
01 ¿Qué es un breadcrumb?
El nombre viene del cuento de Hansel y Gretel, recopilado por los hermanos Grimm: los niños dejan un rastro de migas de pan para encontrar el camino de vuelta a casa. En la web, el rastro indica cómo se llega a una página desde la portada y permite deshacer el camino.
No sustituye al menú principal, lo complementa. Es una pieza de la arquitectura web que resulta especialmente útil cuando el usuario aterriza desde Google en una página profunda y no sabe en qué parte del sitio está.
02 ¿Para qué sirven las migas de pan?
Orientar al usuario
Muestra de un vistazo dónde está y qué contenido hay por encima.
Navegar hacia arriba
Permite subir uno o varios niveles con un clic, sin usar el botón Atrás.
Reducir el rebote
Quien llega a una ficha que no le convence puede saltar a la categoría en lugar de irse.
Reforzar el enlazado interno
Cada página enlaza a sus categorías padre con un texto descriptivo y coherente.
Explicar la estructura a Google
Junto con el marcado BreadcrumbList, ayuda a entender cómo se relacionan las páginas.
Desde el punto de vista SEO, las migas son una forma sencilla y sistemática de enlaces internos: todas las fichas de una categoría la enlazan con el mismo anchor, lo que refuerza a las páginas de categoría, que suelen ser las que atacan las búsquedas más genéricas.
03 Tipos de breadcrumbs
| Tipo | Qué muestra | Ejemplo | Recomendación |
|---|---|---|---|
| Jerárquico o de ubicación | La posición de la página en la estructura del sitio | Inicio > Blog > SEO > Artículo | El más recomendable y el que entiende Google |
| De atributos | Las características o filtros aplicados | Portátiles > 16 GB RAM > 14 pulgadas | Útil en catálogos con filtros; combínalo con el jerárquico |
| De historial o ruta | Las páginas que ha visitado el usuario | Portada > Búsqueda > Producto | Desaconsejado: duplica el botón Atrás y confunde |
04 Ejemplos de breadcrumb
Las migas de pan cambian según el tipo de web, pero la lógica es siempre la misma: de lo general a lo concreto y con la página actual al final. Estos son los patrones más habituales.
| Tipo de web | Ejemplo de ruta | Qué aporta |
|---|---|---|
| Tienda online | Inicio > Hogar > Cocina > Sartenes > Sartén de hierro 28 cm | Vuelta rápida al listado y enlaces a cada nivel de categoría |
| Blog | Inicio > Blog > Marketing > Título del artículo | Contexto temático y paso a más artículos de la categoría |
| Glosario o documentación | Inicio > Diccionario > Breadcrumb | Deja claro que la página forma parte de una colección |
| Portal inmobiliario | Inicio > Alquiler > Valencia > Ruzafa > Piso de 2 habitaciones | Mezcla jerarquía geográfica y de tipo de operación |
| Web corporativa | Inicio > Servicios > Diseño web | Útil a partir del segundo nivel; en webs de una página sobra |
<nav aria-label="Breadcrumb">
<ol>
<li><a href="/">Inicio</a></li>
<li><a href="/blog/">Blog</a></li>
<li aria-current="page">Qué es un breadcrumb</li>
</ol>
</nav>
La lista ordenada comunica que hay una secuencia, el nav con etiqueta permite a los lectores de pantalla saltar a ella y aria-current indica cuál es la página en la que estás. Los separadores se añaden con CSS para que no se lean en voz alta.
05 Breadcrumb y SEO: datos estructurados BreadcrumbList
Google recomienda marcar las migas con el tipo BreadcrumbList de Schema.org, preferiblemente en JSON-LD. Cada nivel es un ListItem con tres propiedades: position (orden, empezando en 1), name (texto visible) e item (URL; opcional en el último elemento). Es uno de los tipos de schema markup más fáciles de implantar.
{"@context": "https://schema.org", "@type": "BreadcrumbList", "itemListElement": [
{"@type": "ListItem", "position": 1, "name": "Blog", "item": "https://ejemplo.com/blog/"},
{"@type": "ListItem", "position": 2, "name": "SEO", "item": "https://ejemplo.com/blog/seo/"},
{"@type": "ListItem", "position": 3, "name": "Qué es un breadcrumb"}]}
Valídalo con la prueba de resultados enriquecidos de Google y revisa el informe de rutas de exploración en Search Console.
23/01/2025
Fecha desde la que Google no muestra migas en resultados móviles
Fuente: Google Search Central Blog
3
Propiedades de cada ListItem: position, name e item
Fuente: Documentación de datos estructurados de Google
06 Buenas prácticas para diseñar migas de pan
- ✓Colócalas arriba, bajo el menú principal y encima del título (H1).
- ✓Empieza por la portada o por la sección principal y termina en la página actual.
- ✓La página actual va al final, en texto y sin enlace.
- ✓Usa > o / como separador, con espacio suficiente para pulsar en móvil.
- ✓Incluye solo niveles que sean páginas reales; no enlaces categorías que no existen.
- ✓Usa nombres cortos y descriptivos, iguales a los de tus categorías.
- ✓En móvil, si la ruta es larga, muestra solo el último nivel o permite el desplazamiento horizontal.
- ✓Márcalas en HTML con nav aria-label="Breadcrumb", una lista ordenada y aria-current="page" en el último elemento.
07 Cómo añadir breadcrumbs en WordPress y en una tienda online
-
1
Revisa tu tema
Muchos temas y WooCommerce ya incluyen migas de pan; mira si basta con activarlas.
-
2
Usa tu plugin de SEO
Yoast SEO y Rank Math generan migas y su marcado BreadcrumbList; se insertan con un bloque o un shortcode.
-
3
Define la categoría principal
En entradas y productos con varias categorías, marca cuál debe aparecer en la ruta.
-
4
Comprueba el marcado
Pasa varias URL por la prueba de resultados enriquecidos y corrige errores de position o item.
-
5
Vigila Search Console
El informe de rutas de exploración avisa si Google detecta elementos no válidos.
Si usas WordPress, en esta guía externa sobre migas de pan en WordPress tienes dos formas de colocarlas paso a paso. En tiendas grandes o con catálogos complejos, conviene definir la ruta de categorías desde el principio del proyecto; es parte del trabajo de diseño de tiendas online con SEO.
Preguntas frecuentes sobre Breadcrumb
Es una navegación secundaria en forma de ruta de enlaces que muestra dónde está una página dentro de la estructura del sitio, por ejemplo Inicio > Blog > SEO. En español se llama miga de pan.
Significa «miga de pan». El nombre alude al cuento de Hansel y Gretel, en el que los niños dejan migas para encontrar el camino de vuelta.
Sirven para que el usuario sepa dónde está y suba de nivel con un clic, y para reforzar el enlazado interno y la comprensión de la estructura por parte de Google.
Indirectamente, sí: refuerzan los enlaces internos hacia las categorías, mejoran la navegación y, con el marcado BreadcrumbList, permiten a Google mostrar la ruta en los resultados de escritorio.
En escritorio, sí. En móvil, desde el 23 de enero de 2025 Google muestra solo el dominio, aunque sigue leyendo y admitiendo el marcado de migas de pan.
El menú muestra las secciones principales de todo el sitio; el breadcrumb muestra solo el camino hasta la página actual. Son complementarios.
En la parte superior de la página, normalmente bajo el menú principal y justo encima del título.
Fuentes consultadas
Sobre el autor
Raúl Aránega Segura
CEO y especialista SEO en appyweb
Fundador de appyweb. Más de una década posicionando webs y tiendas online en Google y, ahora, en las respuestas de la IA.
Ver perfil en LinkedIn ↗