Breadcrumbs (migas de pan SEO): qué son y para qué sirven

Ruta de migas de pan que lleva desde el inicio hasta una página destacada

Añadir a fuentes preferidas

Los breadcrumbs (en español, migas de pan o ruta de exploración) son una fila de enlaces que indica en qué lugar de la jerarquía de un sitio está la página actual. Ayudan a orientarse y a subir de nivel, y se pueden marcar con datos estructurados para que Google los entienda.

Breadcrumbs: qué significa según el contexto

«Breadcrumbs» y «migas de pan» tienen otros sentidos fuera de la web:

Si ves «breadcrumbs» o «migas de pan» en…Significa
Un artículo de SEO, de diseño web o de desarrolloLa ruta de navegación de una página (esta entrada)
Una recetaEn inglés, breadcrumbs es un ingrediente culinario hecho con pan desmenuzado; en español, «migas de pan» remite también a recetas
Una web de criptomonedasBreadcrumbs Crypto, una plataforma de análisis de blockchain

Para encontrar el sentido de SEO conviene buscar «breadcrumbs seo» o «migas de pan seo» y no «migas de pan» a secas: en la búsqueda de «migas de pan» en google.es del 2026-11-09, los cinco primeros resultados orgánicos eran recetas. La ruta de breadcrumbs también se conoce como hilo de Ariadna, según la Wikipedia en español.

Cómo funciona

El W3C describe una ruta de breadcrumbs como una lista de enlaces a las páginas superiores de la actual, en orden jerárquico, que ayuda a encontrar el lugar dentro de un sitio. Suele colocarse antes del contenido principal.

Un caso habitual en una tienda online: la ficha de una zapatilla muestra Inicio › Calzado › Zapatillas de trail. Cada nivel superior es un enlace a su categoría, así que quien llega desde Google directamente a la ficha puede subir un nivel sin volver atrás.

Con las pautas del W3C para accesibilidad (la ruta dentro de una región de navegación con etiqueta y aria-current="page" en el enlace a la página actual), el HTML queda así:

<nav aria-label="Ruta de navegación">
  <ol>
    <li><a href="/">Inicio</a></li>
    <li><a href="/calzado/">Calzado</a></li>
    <li><a href="/calzado/trail/" aria-current="page">Zapatillas de trail</a></li>
  </ol>
</nav>

Algunas partes de la URL pueden mostrarse en los resultados de Google como ruta de exploración. Google aprende esas rutas automáticamente a partir de las palabras de la URL, pero puedes influir con datos estructurados. No hay que confundir la fila visible de enlaces, que es un elemento de navegación del HTML, con el marcado BreadcrumbList, que es la versión pensada para buscadores. El marcado debe contener al menos dos elementos ListItem. En el ejemplo no se marca la home, y el último nivel, que es la propia página, va sin item; según Google, en ese caso se usa la URL de la página que lo contiene.

<script type="application/ld+json">
{
  "@context": "https://schema.org",
  "@type": "BreadcrumbList",
  "itemListElement": [{
    "@type": "ListItem",
    "position": 1,
    "name": "Calzado",
    "item": "https://www.ejemplo.com/calzado/"
  },{
    "@type": "ListItem",
    "position": 2,
    "name": "Zapatillas de trail"
  }]
}
</script>

Estas son las propiedades de ListItem que Google admite como obligatorias, con una excepción, que item no es obligatorio en el último elemento:

PropiedadQué indica
positionEl lugar del nivel en la ruta; el 1 es el principio
nameEl título que ve el usuario
itemLa URL de ese nivel; en el último elemento no es obligatoria

La Wikipedia en español (fuente secundaria) distingue tres tipos de migas: de ubicación, que indican el lugar dentro de la estructura del sitio sin importar por dónde llegó el usuario; dinámicas, que muestran el recorrido que ha hecho el visitante; y de atributo, ligadas a los metadatos del contenido y habituales en tiendas online.

Cómo se aplica en SEO

  • Refleja el camino habitual del usuario, no la URL. Google recomienda rutas que sigan los caminos que suelen recorrer los usuarios y no que repliquen la estructura de las URL. No hace falta marcar el nivel de la home ni la propia página.
  • Marca la ruta con BreadcrumbList. BreadcrumbList es una de las formas de indicar la jerarquía a Google; si usas un CMS, Google señala que quizá sea más fácil con un complemento integrado.
  • Enlaza todos los niveles superiores. Cada nivel es un enlace a la categoría o sección que contiene la página; en la práctica son enlaces internos que unen cada página con su jerarquía (criterio de oficio).
  • Hazla accesible. Dentro de una región de navegación con etiqueta y con aria-current="page" en el enlace a la página actual, según el W3C.
  • Valida y vigila el marcado. Google recomienda la prueba de resultados enriquecidos y, una vez indexadas las páginas, el informe de estado de resultados enriquecidos de Google Search Console.

Errores comunes

  • Esperar que Google la muestre siempre. Google indica que la función de ruta de exploración está disponible en ordenadores y que no garantiza que las funciones con datos estructurados aparezcan en los resultados.
  • Calcarla de la estructura de la URL. Google recomienda lo contrario: reflejar los caminos que siguen los usuarios.
  • Marcar una ruta incompleta. BreadcrumbList debe tener al menos dos ListItem, y cada uno necesita sus propiedades obligatorias; sin ellas, el contenido no puede mostrarse con rutas de exploración.
  • Seguir con el marcado antiguo de data-vocabulary.org. Google indica que las páginas con etiquetas de data-vocabulary.org ya no pueden aparecer en resultados enriquecidos.

Amplía en

Si lo que te interesa es el marcado en general, tienes el contexto en nuestro post sobre rich snippets y datos estructurados.

Términos relacionados

Fuentes

Preguntas frecuentes sobre los breadcrumbs

¿Qué quiere decir breadcrumbs?

En una web, breadcrumbs (migas de pan) es la ruta de enlaces que muestra en qué lugar de la jerarquía del sitio está la página actual. Es una ayuda de navegación: permite al visitante orientarse y subir a las páginas superiores.

¿Cómo se traduce «breadcrumbs» al español?

En el ámbito web se dice «migas de pan», «ruta de navegación» o «hilo de Ariadna». La documentación de Google en español usa «ruta de exploración». Fuera de la web, «breadcrumbs» designa en cocina un ingrediente hecho con pan desmenuzado.

¿Qué es breadcrumb en programación?

Un breadcrumb, en programación, es el componente de interfaz que dibuja la ruta de navegación de una página. Librerías de interfaz como Material UI (componente Breadcrumbs) y Bootstrap (componente Breadcrumb) lo incluyen en su documentación.

¿Qué es miga de pan en web?

En una web, una miga de pan es cada uno de los enlaces de la ruta de navegación que muestra dónde está la página dentro del sitio, por ejemplo Inicio › Calzado › Zapatillas de trail.

Por dónde seguir

¿Quieres revisar si la navegación y el marcado de tu web ayudan a Google a entender su estructura? Te ayudamos con nuestro equipo de agencia SEO. ¡Hablemos de generar negocio!