Breadcrumb (miga de pan) es un elemento de navegación que muestra al usuario la ruta que ha seguido dentro de un sitio web y le permite regresar fácilmente a niveles anteriores.

El nombre proviene del cuento de Hansel y Gretel, quienes dejaban migas de pan para encontrar el camino de regreso.

Ejemplo

Si estás en una tienda en línea viendo un producto, el breadcrumb podría verse así:

Inicio > Electrónica > Computadoras > Laptops > Laptop Gamer

Cada sección suele ser un enlace que te permite volver a una categoría anterior con un solo clic.

¿Para qué sirve?

• Ayuda a los usuarios a ubicarse dentro del sitio.
• Facilita la navegación.
• Mejora la experiencia del usuario.
• Reduce la cantidad de clics para regresar a páginas anteriores.
• Ayuda al posicionamiento SEO.

Tipos de Breadcrumb

1. Basado en jerarquía

• Muestra la estructura del sitio.
• Ejemplo: Inicio > Blog > Marketing > SEO

2. Basado en ubicación

• Indica dónde se encuentra el usuario dentro del sitio.

3. Basado en historial

• Muestra las páginas visitadas previamente.

Beneficios para SEO

Los motores de búsqueda como Google Search pueden utilizar los breadcrumbs para comprender mejor la estructura de un sitio web y mostrar rutas más claras en los resultados de búsqueda.

Ejemplo visual

Inicio > Productos > Ropa Deportiva > Playeras > Playera Running

En resumen, un breadcrumb es una ruta de navegación que muestra la ubicación actual del usuario dentro de un sitio web y facilita moverse entre sus diferentes secciones.