Formato nuevo
Breadcrumbs en un sitio: navegación y SEO
Los breadcrumbs son el rastro de «dónde estoy»: Inicio → Sección → Subsección → Página. Quien llega desde la búsqueda ve la jerarquía de golpe y puede subir un nivel con un clic.
Abajo: tipos de breadcrumbs, reglas de diseño y el vínculo SEO (enlazado interno, snippet). Es una capa de navegación — no un factor aparte de «garantía de primera posición».
Qué son y de dónde viene el nombre
El término viene del inglés breadcrumbs — marcas de camino del cuento. En la UI es una cadena de niveles que muestra dónde se sienta la página en la estructura del sitio.
Especialmente útil cuando alguien aterriza desde la búsqueda directo en una ficha de producto o un artículo profundo: los breadcrumbs explican «en qué sección estoy» y abren un camino a la categoría sin deambular por el menú.
Trabajos de los breadcrumbs:
- orientación («visibilidad del estado del sistema»)
- subir un nivel rápido
- enlaces internos extra hacia arriba en la jerarquía
- pista de estructura en el snippet (con markup)
UX y SEO: qué dan de verdad
Para la gente los breadcrumbs acortan el camino: de una ficha de aspiradora a «Aspiradoras», no otra vez por todo el catálogo. Eso corta fricción y sostiene profundidad sin fingir engagement.
Para la búsqueda — enlaces internos relevantes extra hacia arriba en la jerarquía y una chance de mostrar el camino en el snippet. No lo confundas con «magia de PageRank»: los breadcrumbs refuerzan una estructura clara; no sustituyen contenido ni técnica.
Efecto SEO que importa:
- enlace sección ↔ página
- clusters más claros en la estructura
- breadcrumbs enriquecidos en SERP con markup válido
- sin promesas de ranking al instante
Qué tipos existen
**Lineales (location-based)** — reflejan la jerarquía: Inicio → Catálogo → Categoría → Producto. La opción más habitual y útil para SEO.
**«Volver a…»** — un botón al contexto anterior (cómodo tras búsqueda on-site, más flojo como mapa del sitio). **Híbrido** — rastro + un punto «volver a resultados» donde el camino no cuadra con la jerarquía.
Qué elegir:
- tiendas y servicios — jerarquía lineal
- resultados de búsqueda/filtros — «volver a resultados» extra
- no montes breadcrumbs path-based solo para spamear enlaces
Cómo diseñarlos bien
No muestres breadcrumbs en la homepage. El ítem actual no es un enlace. Los separadores («/», «›») no son clicables. El mismo bloque en todas las plantillas encima del contenido.
El texto de nivel — nombres humanos de sección, no «page-id=17». En móvil el rastro no debe romper el layout: wrap o un acortado cuidadoso del medio están bien.
Reglas:
- sin breadcrumbs en la home
- último ítem sin href a sí mismo
- contraste y un sitio estable
- nombres = secciones reales
- que cuadre con la lógica de URL/menú
Markup para el snippet
Añade `BreadcrumbList` (JSON-LD o microdata) alineado con el rastro visible. La búsqueda no está obligada a mostrar breadcrumbs, pero sin markup bajan las probabilidades.
Comprueba con validadores y cómo se ve en la SERP. El markup debe coincidir con el HTML: los desajustes duelen a la confianza en los datos.
Control:
- JSON-LD = lo que hay en pantalla
- URLs canónicas absolutas en el markup
- sin breadcrumbs «solo para el bot» sin UI
Errores típicos
Breadcrumbs en la home, enlace a la página actual, orden caótico, duplicar todo el menú en breadcrumbs, ausentes en móvil, markup sin navegación real.
Si la jerarquía del sitio es un lío, los breadcrumbs solo enseñan el lío. Ordena las secciones primero — luego el rastro.
Checklist de rollout:
- plantillas de catálogo/ficha/artículo
- comprobar aterrizaje desde búsqueda
- layout móvil
- BreadcrumbList válido
- el crawler ve enlaces de niveles superiores
FAQ
¿Hacen falta breadcrumbs en un one-pager?
Suele no. Tienen sentido en catálogos, servicios anidados, blogs y portales.
¿Debo poner breadcrumbs en la homepage?
No. En la home el rastro sobra y a menudo se ve raro.
¿La página actual es clicable?
No: el último ítem es texto sin enlace a sí mismo. Los niveles de arriba sí llevan enlaces.
¿Los breadcrumbs dan rankings?
No como un «botón de ranking». Ayudan a la UX, al enlazado interno y a veces al aspecto del snippet con markup correcto.
¿Hace falta Schema BreadcrumbList?
Preferible: sube la probabilidad de breadcrumbs en la SERP. No sustituye una navegación HTML clara en la página.
¿Dónde los coloco?
Suele ser encima del contenido, en un solo sitio en todas las plantillas, con contraste y legibles en móvil.
¿En qué se diferencian del menú?
El menú es un mapa de secciones. Los breadcrumbs son el camino a la página actual en la jerarquía (o un camino de vista — más raro).
¿Un rastro largo es malo?
En catálogos profundos acorta el medio («…»), pero mantén el sentido de la jerarquía. Mejor simplificar estructura que esconder el caos.
¿Fichas profundas desde búsqueda — y no hay camino de vuelta a la categoría?
Montamos un rastro limpio y BreadcrumbList — UX y enlazado, no un atajo mágico a rankings.
Hablar del proyecto
