Definición: Elemento de navegación que muestra al usuario su posición actual dentro de la jerarquía del sitio web, presentado como una secuencia de enlaces desde la raíz hasta la página actual.
Nombre: Proviene del cuento de Hansel y Gretel, donde los protagonistas dejan migas de pan para encontrar el camino de vuelta.
Ejemplo visual: Inicio > Fundamentos > Tipos de contenido web
Tipos:
- Basado en jerarquía (el más común): refleja la estructura del sitio.
Inicio > Categoría > Subcategoría > Artículo - Basado en el camino recorrido: refleja el historial de navegación del usuario en esa sesión. Poco usado porque es confuso para usuarios que llegan directamente a una página interior.
- Basado en atributos: muestra los filtros aplicados.
Inicio > Tienda > [Color: Rojo] > [Talla: M]. Habitual en comercio electrónico con facetas.
Por qué importa en AI: El breadcrumb es la representación visual de la jerarquía. Si el breadcrumb no es coherente con la URL, hay un problema de arquitectura. En https://www.ejemplo.com/formacion/wordpress/taxonomias/, el breadcrumb debería ser Inicio > Formación > WordPress > Taxonomías.
Implementación con datos estructurados: El breadcrumb puede marcarse con Schema.org (BreadcrumbList) para que los buscadores lo muestren en los resultados de búsqueda. Es una de las implementaciones de datos estructurados con más impacto visual en los resultados.
Relacionado con: Jerarquía, navegación, datos estructurados.