Más allá de su valor para el SEO técnico (que Google pueda mostrar una ruta clara en sus resultados de búsqueda), el breadcrumb cumple una función distinta y también relevante puramente desde la experiencia de usuario: dar una respuesta inmediata y visual a una pregunta que cualquier persona se hace, muchas veces sin ser consciente de ello, en cuanto aterriza en una página profunda de una web: «¿dónde estoy exactamente dentro de todo esto?».
Por qué esta orientación importa tanto en sitios con estructura profunda
Alguien que llega desde una búsqueda de Google directamente a una página de producto muy específica, sin haber pasado por la página de inicio ni por ninguna categoría intermedia, carece de cualquier contexto sobre la estructura general del sitio. El breadcrumb le ofrece esa orientación de un vistazo: en qué categoría y subcategoría se encuentra ese producto, permitiéndole entender de inmediato la lógica general de organización del sitio sin tener que explorarlo activamente para descubrirlo.
Los tres tipos de breadcrumb según lo que representan
- Basado en ubicación: refleja la posición jerárquica fija dentro de la estructura del sitio (Inicio > Categoría > Subcategoría), independientemente de cómo haya llegado el usuario hasta ahí.
- Basado en atributos: habitual en ecommerce con filtros, mostrando los criterios aplicados (Inicio > Zapatillas > Talla 42 > Color negro) en lugar de una jerarquía fija predefinida.
- Basado en historial: menos habitual hoy, muestra literalmente el camino de páginas visitadas por ese usuario concreto en esa sesión, no una estructura fija del sitio.
Por qué facilita «retroceder con criterio», no solo con el botón del navegador
El botón de retroceso del navegador devuelve exactamente a la página anterior visitada, que no siempre coincide con el nivel jerárquico superior lógico dentro de la estructura del sitio. Un breadcrumb permite saltar directamente a cualquier nivel intermedio de esa jerarquía (por ejemplo, de vuelta a la categoría general, saltándose la subcategoría), algo que el simple botón de retroceso del navegador no puede ofrecer con la misma precisión ni flexibilidad.
Cuándo NO tiene mucho sentido incluirlo
En sitios con muy poca profundidad estructural (una landing de una sola página, o un sitio con apenas tres o cuatro secciones planas sin ninguna jerarquía real entre ellas), un breadcrumb aporta poco valor real y puede añadir ruido visual innecesario. Su utilidad crece de forma proporcional a la profundidad y complejidad de la estructura del sitio, siendo prácticamente imprescindible en ecommerce grandes y bastante prescindible en webs muy sencillas y planas.
Un detalle de diseño que se descuida con frecuencia: el último elemento
El último elemento del breadcrumb, que representa la página actual, no debería ser un enlace clicable: hacer clic en la propia página en la que ya se está no tiene ningún sentido funcional, y convertirlo en un enlace inactivo (o mostrarlo simplemente como texto sin subrayado ni color de enlace) evita esa confusión menor pero real sobre qué elementos del breadcrumb son realmente navegables y cuál es solo indicativo de la ubicación actual.