El breadcrumb (o ruta de migas de pan) es una navegación secundaria que se muestra en una página web, indicando la posición del usuario en la jerarquía del sitio: Inicio > Electrónica > Smartphones > iPhone 15. Lo que parece un simple componente UX desempeña un papel SEO significativo: refuerza el enlazado interno, ayuda a los motores de búsqueda a entender la arquitectura del sitio y permite obtener un rich snippet en los SERPs de Google — la URL técnica se sustituye por una ruta de navegación legible directamente en los resultados de búsqueda.
Tipos de breadcrumbs
Existen tres tipos de breadcrumbs. Los breadcrumbs basados en la ubicación (el más común) reflejan la posición de la página en la jerarquía del sitio: Inicio > Categoría > Subcategoría > Producto. Los breadcrumbs basados en la ruta muestran el recorrido de navegación real del usuario, que puede diferir de la jerarquía estructural — menos útil para el SEO ya que varía según el usuario. Los breadcrumbs basados en atributos se usan en páginas de resultados filtrados: Inicio > Ropa > Rojo > Talla M — relevantes para tiendas e-commerce con navegación por facetas.
Beneficios SEO de los breadcrumbs
- Enlazado interno natural: cada breadcrumb crea enlaces internos a páginas padre, reforzando su PageRank
- Comprensión de la arquitectura: Google usa los breadcrumbs para mapear la estructura del sitio e identificar páginas clave
- Rich snippets en SERPs: la URL técnica se sustituye por la ruta Inicio > Categoría > Producto en los resultados de Google
- Reducción de la tasa de rebote: los usuarios que llegan a páginas profundas pueden navegar hacia arriba en la jerarquía sin usar el botón atrás
- Mejora del CTR: los resultados con breadcrumbs en SERPs son más legibles y tienden a recibir más clics
Marcado BreadcrumbList: implementar el rich snippet
Para obtener el rich snippet de breadcrumb en Google, hay que implementar el schema BreadcrumbList en JSON-LD. La estructura es una lista de elementos ListItem, cada uno con: @type ListItem, position (número de orden comenzando en 1), name (texto mostrado para ese nivel, ej. Electrónica) e item (URL absoluta de la página padre). El último elemento de la lista — la página actual — no necesita URL ya que es la propia página. Google muestra entonces en los SERPs: Inicio › Electrónica › Smartphones en lugar de la URL técnica.
Breadcrumb mostrado en Google
Buenas prácticas de implementación
Un breadcrumb eficaz sigue algunas reglas fundamentales: siempre empezar por la página de inicio (como enlace clicable), usar texto legible en lugar de solo imágenes o iconos, reflejar la estructura real de las URLs (coherencia entre la URL /mujer/vestidos/verano y el breadcrumb Mujer > Vestidos > Vestidos de verano), ser mobile-friendly (no truncado en pantallas pequeñas), y usar separadores tipográficos claros (›, /, >). Los breadcrumbs con más de 4-5 niveles pueden truncarse en móvil — preferir arquitecturas de URL con un máximo de 3-4 niveles.
Breadcrumbs en PrestaShop
PrestaShop incluye un módulo de breadcrumb nativo (ps_breadcrumb) que genera automáticamente la ruta de navegación en las páginas de producto, categoría y CMS, siguiendo la jerarquía de categorías. El marcado Schema.org BreadcrumbList está incluido en el tema predeterminado (Classic) desde PrestaShop 1.7.5. Sin embargo, según el tema utilizado, la calidad del marcado puede variar. Para verificar que tu marcado es correcto, usa la herramienta Rich Results Test de Google en una página de producto de tu tienda.