¿Qué es una Breadcrumb?

Una breadcrumb es un rastro de enlaces internos que indica en qué parte de la estructura del sitio se encuentra la página actual. El nombre viene del cuento de Hansel y Gretel: los niños dejaban migas de pan para encontrar el camino de vuelta a casa, y esta barra deja el mismo rastro hacia atrás, hasta la página de inicio.

Suele colocarse justo debajo de la cabecera, con una tipografía discreta, porque su función es de apoyo a la navegación principal, no de sustituto. Cada eslabón del rastro es un enlace, salvo el último, que corresponde a la página en la que el usuario ya está y no lleva a ninguna parte.

Es especialmente útil para quien llega desde el buscador o desde un enlace externo directamente a una página interna, sin haber pasado antes por el mapa del sitio ni por la home. En ese caso, la breadcrumb es la única pista visual de dónde está esa página dentro del conjunto, y forma parte de la experiencia de usuario aunque casi nadie repare en ella de forma consciente.

Las dos conviven en la parte superior de casi cualquier página, y por eso se confunden con facilidad. La tabla resume qué resuelve cada una.

La navegación principal es fija: aparece igual en todo el sitio y ofrece las mismas opciones sin importar dónde esté el usuario. La breadcrumb cambia en cada página, porque describe una ruta concreta y no una lista de opciones. Ninguna sustituye a la otra: un sitio con estructura profunda que solo tenga menú principal obliga a bajar nivel por nivel cada vez, mientras que con breadcrumb se puede subir directamente al nivel que se necesite.

Existen tres tipos, según qué información se usa para construir la ruta.

La más común es la jerárquica o location-based: refleja la posición de la página dentro del árbol del sitio, sin importar cómo haya llegado el usuario hasta ahí. Es la que aparece en blogs y sitios de contenido, del tipo Inicio > Categoría > Artículo. La atributiva o attribute-based es propia de tiendas online, cuando el usuario filtra un catálogo por marca, color o precio; ahí la ruta no refleja una carpeta del sitio, sino los filtros activos en ese momento. La basada en historial mostraba las últimas páginas visitadas por el usuario, como una versión del botón de retroceder del navegador convertida en barra; hoy apenas se usa, porque duplica algo que el propio navegador ya resuelve.

A nivel técnico, la forma recomendada de marcarla es con el tipo BreadcrumbList de Schema.org en formato JSON-LD, un bloque de datos estructurados aparte del HTML visible. Cada nivel se define como un ListItem, con una posición numérica a partir de 1, un nombre y, salvo en el último nivel, una URL. Google recomienda que la ruta marcada refleje el camino habitual de un usuario hasta esa página, no necesariamente la estructura literal de la URL, y no exige incluir un elemento ni para el dominio raíz ni para la página actual.

La razón principal es de usabilidad: reduce la sensación de estar perdido en un sitio grande y evita depender del botón atrás del navegador para subir a una categoría superior. En catálogos con miles de páginas, es de las formas más baratas de dar contexto sin rediseñar el menú principal, y funciona igual sin importar si el usuario entra por la portada, por una categoría intermedia o directamente desde una búsqueda en Google.

Hay también una razón de visibilidad en el buscador. Google sigue mostrando esa ruta en el resultado de búsqueda en lugar de la URL completa, aunque solo en el buscador de escritorio: en los resultados de móvil no aparece de esta forma. El BreadcrumbList marcado con datos estructurados no decide el posicionamiento por sí solo, pero puede convertirse en un rich snippet visible si Google decide usarlo.

Por último, cada breadcrumb añade un enlace interno más hacia las categorías superiores, lo que refuerza el rastreo del sitio y facilita la indexación de páginas profundas que de otro modo dependerían solo de la navegación principal o del mapa del sitio.

• Usa BreadcrumbList en JSON-LD, el formato que Google documenta primero y el más fácil de mantener aparte del HTML visible.
• Refleja el camino habitual de un usuario hasta la página, no la estructura literal de la URL, cuando ambas difieran.
• Empieza la posición en 1 y no saltes números: cada ListItem necesita una posición correlativa.
• No incluyas un elemento para el dominio raíz ni para la página actual: Google no lo exige y solo añade ruido.
• Mantén la breadcrumb visible en pantalla coherente con el BreadcrumbList marcado; si lo que ve el usuario no coincide con el marcado, Google puede descartar el dato.
• Valida el marcado con la Prueba de Resultados Enriquecidos antes de publicar y revisa Search Console después, como parte del SEO técnico habitual del sitio.

• Marcar una breadcrumb que no coincide con la que ve el usuario en pantalla; Google lo trata como dato estructurado inválido.
• Copiar la estructura de carpetas de la URL como si fuera la ruta de navegación, aunque nadie navegue realmente por ahí.
• Usar la breadcrumb como único sistema de navegación en sitios sin jerarquía clara: sin una estructura lógica detrás, la ruta no ayuda a nadie.
• Confundir la breadcrumb marcada en el HTML con lo que aparece en el SERP: es el marcado el que decide qué se muestra ahí, no al revés.
• Dar por hecho que aparecerá siempre en el resultado de búsqueda: Google decide caso por caso y solo la muestra en el buscador de escritorio.