Qué es una Breadcrumb
Una breadcrumb, también conocida en español como miga de pan o navegación de migas de pan, es un elemento de navegación que muestra al usuario la ubicación actual de una página dentro de la estructura de un sitio web. Normalmente aparece en la parte superior del contenido y representa una ruta jerárquica mediante enlaces.
Su nombre viene del cuento de Hansel y Gretel, donde los personajes dejan migas de pan para marcar el camino de vuelta. En una web, las breadcrumbs cumplen una función parecida: ayudan al usuario a saber dónde está, cómo ha llegado hasta ahí y cómo puede volver a niveles superiores de la estructura.
Un ejemplo sencillo sería: Inicio > Blog > SEO > Breadcrumbs. Cada parte de esa ruta representa un nivel de navegación y, salvo la página actual en muchos casos, suele funcionar como enlace hacia una sección anterior.
En Aula CM vemos las breadcrumbs como una pieza pequeña pero muy útil dentro de la arquitectura web. No suelen ser el elemento más visible de un diseño, pero ayudan a mejorar usabilidad, enlazado interno, comprensión de la estructura y rastreo por parte de los buscadores.
Qué significa Breadcrumb
Breadcrumb significa literalmente “miga de pan”. En diseño web y SEO, el término se utiliza para describir una ruta de enlaces que indica la posición de una página dentro de la jerarquía del sitio.
En español se usan distintas formas: breadcrumb, breadcrumbs, migas de pan, navegación breadcrumb o navegación de migas. Todas hacen referencia al mismo concepto general, aunque en el ámbito SEO es muy habitual mantener el término en inglés.
Lo importante es entender que no se trata de un menú principal ni de una simple lista de enlaces. Una breadcrumb representa una relación jerárquica o contextual entre páginas. Su función es orientar al usuario y reforzar la organización interna del sitio.
Por eso aparece con frecuencia en ecommerce, blogs, medios, academias, directorios, marketplaces y webs con muchas categorías. Cuanto más grande es una web, más útil puede ser este sistema de navegación.
Para qué sirven las Breadcrumbs
Las breadcrumbs sirven para mejorar la navegación, ayudar al usuario a orientarse y mostrar la estructura de una web de forma clara. Permiten saber si una página pertenece a una categoría, subcategoría, sección o ruta concreta dentro del sitio.
También sirven para facilitar el regreso a niveles superiores. Si un usuario está viendo un producto dentro de una categoría, puede volver a la categoría principal con un clic, sin depender del botón atrás del navegador ni del menú principal.
Desde el punto de vista SEO, las breadcrumbs ayudan a reforzar el enlazado interno y a comunicar mejor la jerarquía del sitio. Además, cuando se implementan correctamente con datos estructurados, pueden ayudar a que los buscadores entiendan mejor la relación entre páginas.
En proyectos reales, las migas de pan son especialmente útiles cuando existe una arquitectura con varios niveles. En webs planas o de pocas páginas pueden aportar menos valor, pero en ecommerce, blogs grandes o diccionarios como este, suelen ser una mejora recomendable.
Cómo funciona una Breadcrumb en una página web
Una breadcrumb funciona mostrando una cadena de enlaces ordenados de forma jerárquica. Normalmente comienza por la página principal, continúa por una sección o categoría y termina en la página actual.
La estructura habitual sería algo parecido a: Inicio > Categoría > Subcategoría > Página actual. Cada nivel ayuda a comprender en qué parte de la web se encuentra el usuario.
En muchos casos, los niveles anteriores son enlaces clicables y el último elemento corresponde a la página actual. Ese último elemento puede aparecer como texto sin enlace para evitar enlazar una página consigo misma, aunque la implementación puede variar según el diseño o el CMS.
El separador entre niveles suele ser un símbolo como “>”, “/” o una flecha. Lo importante no es el símbolo, sino que la ruta sea clara, legible y coherente con la arquitectura real del sitio.
Ejemplo de Breadcrumb en una página web
Imaginemos una tienda online de ropa. Si un usuario quiere comprar una camisa de algodón, la ruta de navegación podría ser la siguiente:
Inicio > Hombre > Camisas > Camisa de algodón
En este ejemplo, la breadcrumb muestra que el producto pertenece a la categoría Hombre y, dentro de ella, a la sección Camisas. Si el usuario quiere seguir viendo productos similares, puede hacer clic en “Camisas” sin tener que volver al menú principal.
Este tipo de navegación es especialmente útil en ecommerce porque muchos usuarios llegan directamente desde Google a una ficha de producto. La breadcrumb les ayuda a entender dónde están y les ofrece una vía rápida para explorar más productos relacionados.
Tipos de Breadcrumbs
Existen varios tipos de breadcrumbs, aunque las más habituales son las jerárquicas, las basadas en atributos y las basadas en historial. Cada una responde a una lógica distinta y no todas son igual de recomendables para SEO.
La breadcrumb jerárquica muestra la estructura del sitio. Es la más común y la más útil para SEO y arquitectura web. La breadcrumb basada en atributos suele utilizarse en ecommerce, especialmente cuando un producto se filtra por características. La breadcrumb basada en historial refleja el camino real que ha seguido el usuario, aunque suele ser menos estable.
En la mayoría de proyectos recomendamos priorizar breadcrumbs jerárquicas, porque son más claras, más predecibles y ayudan a reforzar la estructura del sitio. Las basadas en historial pueden resultar confusas si cada usuario ve una ruta distinta.
Breadcrumb jerárquica
La breadcrumb jerárquica muestra la posición de una página dentro de la arquitectura del sitio. Es la más utilizada en blogs, ecommerce, diccionarios, medios y webs corporativas con secciones organizadas.
Un ejemplo sería: Inicio > Marketing Digital > SEO > Breadcrumb. Esta estructura comunica claramente que la página actual pertenece a una categoría superior y a una subcategoría.
Breadcrumb basada en atributos
La breadcrumb basada en atributos se utiliza sobre todo en tiendas online. Puede mostrar características seleccionadas por el usuario, como talla, color, marca, precio o tipo de producto.
Por ejemplo: Inicio > Zapatillas > Hombre > Running > Nike. En estos casos hay que tener cuidado para no generar rutas duplicadas o problemas de indexación con filtros combinados.
Breadcrumb basada en historial
La breadcrumb basada en historial muestra el recorrido concreto que ha seguido un usuario para llegar a una página. Es menos habitual y menos recomendable para SEO porque no representa una jerarquía estable.
Puede tener sentido en interfaces concretas, aplicaciones o flujos internos, pero en páginas web públicas suele ser mejor trabajar con una estructura jerárquica clara.
Ventajas de usar Breadcrumbs
Usar breadcrumbs tiene varias ventajas para usuarios, buscadores y equipos de marketing. Ayudan a mejorar la orientación, reducen fricción en la navegación y refuerzan la estructura interna de la web.
La primera ventaja es la orientación. El usuario sabe dónde está y puede volver a niveles superiores fácilmente. Esto mejora la experiencia, especialmente cuando llega desde un buscador directamente a una página profunda.
La segunda ventaja es el ahorro de tiempo. Si una persona está en una ficha de producto o en un artículo concreto, puede subir a una categoría relacionada con un solo clic. Esto favorece la exploración y puede aumentar páginas vistas por sesión.
La tercera ventaja está relacionada con SEO. Las breadcrumbs crean enlaces internos contextuales hacia categorías y secciones superiores. Esto ayuda a distribuir autoridad interna y a comunicar la arquitectura del sitio de forma más consistente.
- Mejoran la orientación: ayudan al usuario a saber dónde está dentro de la web.
- Facilitan la navegación: permiten volver a categorías o niveles superiores con un clic.
- Refuerzan la arquitectura: muestran la relación entre páginas, categorías y secciones.
- Mejoran el enlazado interno: conectan páginas profundas con niveles superiores.
- Ayudan al rastreo: los buscadores entienden mejor la jerarquía del sitio.
- Reducen fricción: el usuario no depende solo del menú o del botón atrás.
- Son útiles en móvil: bien diseñadas, ofrecen navegación compacta y clara.
Breadcrumbs y SEO
Las breadcrumbs pueden ayudar al SEO porque mejoran la estructura interna de enlaces y facilitan la comprensión de la jerarquía del sitio. No son un factor aislado que haga posicionar por sí solo, pero sí forman parte de una arquitectura web ordenada.
En una web grande, cada página profunda puede enlazar hacia su categoría, subcategoría o sección superior mediante la breadcrumb. Esto ayuda a reforzar páginas importantes y a distribuir mejor la autoridad interna.
También pueden ayudar a los buscadores a interpretar la relación entre URLs. Si una página pertenece a una categoría concreta, la breadcrumb lo comunica de forma explícita tanto al usuario como al rastreador.
En Aula CM recomendamos revisar breadcrumbs en auditorías SEO cuando analizamos arquitectura, enlazado interno, profundidad de clics y taxonomías. Una miga de pan mal planteada puede reforzar rutas incorrectas; una bien diseñada puede hacer más clara toda la estructura.
Breadcrumb Schema y datos estructurados
El Breadcrumb Schema es el marcado de datos estructurados que permite indicar a los buscadores la ruta de migas de pan de una página. Normalmente se implementa con el tipo BreadcrumbList.
Este marcado ayuda a que los buscadores entiendan mejor la jerarquía de navegación. En algunos casos, puede influir en cómo se muestra la ruta de una página en los resultados de búsqueda, sustituyendo URLs largas por una estructura más legible.
Implementar datos estructurados no sustituye a tener breadcrumbs visibles para el usuario. Lo ideal es que la breadcrumb exista en la página y, además, esté marcada correctamente para que las máquinas puedan interpretarla.
En SEO técnico, conviene validar que el marcado sea coherente con la breadcrumb visible, que no contenga rutas falsas y que el orden de los elementos sea correcto. Si el HTML dice una cosa y los datos estructurados otra, se generan señales confusas.
Breadcrumbs en WordPress
En WordPress, las breadcrumbs pueden implementarse de varias formas: mediante el tema, mediante plugins SEO, mediante plugins específicos o con código personalizado. La opción adecuada depende del sitio, el tema y el nivel técnico del proyecto.
Plugins SEO como Yoast SEO, Rank Math u otras soluciones similares suelen incluir opciones para activar breadcrumbs y generar datos estructurados. Algunos temas también traen esta función integrada.
Antes de activar cualquier sistema, conviene revisar la arquitectura del sitio. Si las categorías están mal creadas, si hay taxonomías duplicadas o si las URLs no siguen una lógica clara, la breadcrumb puede reflejar ese desorden.
Cuando trabajamos webs en WordPress, recomendamos revisar primero categorías, etiquetas, jerarquía de páginas, URLs y plantillas. Las breadcrumbs son más útiles cuando la estructura base está bien pensada.
Breadcrumbs en ecommerce
En ecommerce, las breadcrumbs son especialmente importantes porque los catálogos suelen tener categorías, subcategorías, filtros y fichas de producto. El usuario necesita saber dónde está y cómo volver a una sección más amplia.
Por ejemplo, una ruta como Inicio > Mujer > Zapatos > Botines permite al usuario volver a “Zapatos” o “Mujer” sin reiniciar la navegación. Esto mejora la exploración del catálogo y puede facilitar más visitas a productos relacionados.
El reto en ecommerce aparece cuando un mismo producto pertenece a varias categorías. En esos casos, hay que definir una ruta principal o una lógica clara para evitar breadcrumbs inconsistentes. No conviene que la misma ficha cambie de ruta sin criterio.
También hay que tener cuidado con filtros indexables. Si la breadcrumb mezcla categorías reales con filtros dinámicos, puede generar rutas complejas, duplicidades o señales poco claras para SEO.
Breadcrumbs y arquitectura web
Las breadcrumbs reflejan la arquitectura de una web. Por eso, si la arquitectura está mal organizada, las migas de pan mostrarán ese problema. No son una solución mágica, sino una representación de la estructura.
Una arquitectura clara suele organizar contenidos por secciones, categorías, subcategorías y páginas relacionadas. La breadcrumb hace visible esa jerarquía y ayuda a que el usuario la entienda.
En una auditoría SEO, si vemos breadcrumbs incoherentes, normalmente revisamos taxonomías, URLs, menús, categorías, etiquetas y enlazado interno. Muchas veces el problema no está en la breadcrumb, sino en la estructura que intenta representar.
La recomendación profesional es diseñar breadcrumbs después de definir la arquitectura, no antes. Primero hay que saber cómo se organiza la web; después se crea una navegación que lo comunique bien.
Breadcrumbs y experiencia de usuario
Desde el punto de vista de experiencia de usuario, las breadcrumbs reducen la sensación de pérdida. Esto es importante en webs con mucha profundidad, donde el usuario puede llegar desde Google a una página interna sin haber pasado por la home.
También aportan contexto. Una persona que llega a un artículo técnico puede entender rápidamente si está dentro de una categoría de SEO, analítica, WordPress o publicidad. Esto ayuda a interpretar mejor el contenido y a explorar temas relacionados.
Las breadcrumbs no deben competir con el menú principal ni ocupar demasiado espacio. Deben ser discretas, legibles y fáciles de usar. En móvil, conviene cuidar especialmente el diseño para que no rompan la experiencia.
Un error frecuente es ocultarlas completamente en móvil. En algunos proyectos puede tener sentido simplificarlas, pero eliminarlas siempre no es necesariamente la mejor opción si ayudan a navegar por una estructura compleja.
Buenas prácticas para Breadcrumbs
Una buena breadcrumb debe ser clara, breve y coherente con la estructura real de la web. El usuario debe entenderla sin esfuerzo y poder usarla para navegar hacia niveles superiores.
Conviene empezar por Inicio o por una sección principal reconocible. Después se añaden niveles intermedios hasta llegar a la página actual. No hace falta incluir demasiados niveles si la ruta se vuelve larga o poco útil.
También es importante que los textos de los enlaces sean descriptivos. Una categoría llamada “SEO” comunica mejor que una etiqueta interna confusa. La breadcrumb debe usar lenguaje comprensible, no códigos o nombres técnicos pensados solo para administradores.
Desde SEO técnico, conviene que la ruta visible, los enlaces internos y el marcado estructurado sean coherentes. Las breadcrumbs deben ayudar a aclarar, no añadir ambigüedad.
- Usa una jerarquía real: la ruta debe reflejar la estructura del sitio.
- Mantén textos claros: nombres de categorías y páginas fáciles de entender.
- No abuses de niveles: demasiada profundidad puede dificultar la lectura.
- Enlaza niveles superiores: facilita volver a categorías o secciones.
- Evita enlazar la página actual: normalmente no aporta valor.
- Cuida móvil: deben verse bien en pantallas pequeñas.
- Implementa datos estructurados: usa BreadcrumbList cuando corresponda.
- Revisa coherencia: breadcrumb visible, URLs y schema deben contar lo mismo.
Errores frecuentes al usar Breadcrumbs
Uno de los errores más habituales es mostrar breadcrumbs que no coinciden con la arquitectura real. Esto puede ocurrir cuando las categorías están mal configuradas o cuando se crean rutas artificiales solo para aparentar profundidad.
Otro error frecuente es usar breadcrumbs demasiado largas. Si una ruta tiene muchos niveles, puede resultar difícil de leer, especialmente en móvil. En estos casos conviene revisar si la arquitectura está sobredimensionada.
También es habitual tener breadcrumbs diferentes para una misma página sin una lógica clara. Esto ocurre mucho en ecommerce cuando un producto pertenece a varias categorías y el sistema genera rutas distintas según el acceso.
Otro fallo técnico es implementar schema de BreadcrumbList sin que exista una ruta visible equivalente para el usuario, o marcar datos estructurados que no coinciden con los enlaces reales. Esto puede generar inconsistencias.
- Rutas falsas: mostrar una jerarquía que no existe en la web.
- Demasiados niveles: dificultan lectura y uso en móvil.
- Duplicidades: una misma página con breadcrumbs diferentes sin criterio.
- Textos poco claros: categorías internas que el usuario no entiende.
- Sin datos estructurados: se desaprovecha una mejora técnica útil.
- Schema incoherente: el marcado no coincide con la ruta visible.
- Breadcrumbs ocultas: el usuario no se beneficia de la navegación.
Cómo implementar Breadcrumbs correctamente
Para implementar breadcrumbs correctamente, primero hay que definir la estructura del sitio. En una web sencilla, puede bastar con una ruta de páginas. En un blog, normalmente se trabaja con categorías. En un ecommerce, se utilizan categorías, subcategorías y productos.
Después conviene elegir el método de implementación. Puede hacerse desde el tema, desde un plugin SEO, desde el CMS o mediante desarrollo personalizado. Lo importante es que la ruta sea estable y coherente.
El siguiente paso es revisar el diseño. La breadcrumb debe aparecer en un lugar visible, normalmente encima del título o al inicio del contenido. Debe tener buen contraste, tamaño legible y comportamiento correcto en móvil.
Finalmente, conviene validar el marcado estructurado, revisar enlaces internos y comprobar que las URLs enlazadas son indexables cuando tiene sentido. En una web grande, un cambio en breadcrumbs puede afectar a miles de páginas, así que conviene probar antes de desplegar.
Checklist para revisar Breadcrumbs
- La ruta es clara: el usuario entiende dónde está.
- La jerarquía es real: coincide con la arquitectura del sitio.
- Los niveles enlazan bien: categorías y secciones superiores funcionan.
- La página actual no genera confusión: se muestra de forma clara.
- El diseño es legible: no compite con el contenido ni se oculta sin motivo.
- Funciona en móvil: no se corta ni ocupa demasiado espacio.
- Usa textos descriptivos: evita nombres internos o poco comprensibles.
- El schema es válido: BreadcrumbList está bien implementado.
- No crea duplicidades: especialmente en productos con varias categorías.
- Refuerza páginas importantes: ayuda al enlazado interno hacia categorías relevantes.
Preguntas frecuentes sobre Breadcrumb
Qué es una breadcrumb
Una breadcrumb es una ruta de enlaces que muestra la ubicación de una página dentro de la estructura de un sitio web. En español se conoce como miga de pan.
Qué significa breadcrumb en español
Breadcrumb significa miga de pan. En diseño web y SEO se utiliza para indicar una navegación jerárquica que muestra la ruta desde una sección superior hasta la página actual.
Para qué sirven las breadcrumbs
Sirven para orientar al usuario, facilitar la navegación, reforzar la arquitectura web, mejorar el enlazado interno y ayudar a los buscadores a entender mejor la estructura del sitio.
Las breadcrumbs ayudan al SEO
Sí, pueden ayudar al SEO de forma indirecta mediante mejor arquitectura, enlaces internos, rastreo y datos estructurados. No sustituyen al contenido ni a una buena estrategia SEO, pero son una mejora técnica útil.
Dónde se colocan las breadcrumbs
Normalmente se colocan en la parte superior de la página, por encima del título o al inicio del contenido, para que el usuario vea rápidamente la ruta de navegación.
Qué es BreadcrumbList
BreadcrumbList es el tipo de dato estructurado que permite marcar una ruta de migas de pan para que los buscadores puedan interpretarla de forma más clara.
Cómo añadir breadcrumbs en WordPress
En WordPress pueden añadirse mediante el tema, un plugin SEO, un plugin específico de breadcrumbs o desarrollo personalizado. Antes conviene revisar categorías, URLs y arquitectura.
Qué tipo de breadcrumb es mejor para SEO
La breadcrumb jerárquica suele ser la más recomendable para SEO porque representa la estructura estable del sitio y refuerza la relación entre páginas, categorías y secciones.
Conclusión: ¿Qué es una Breadcrumb?
Una breadcrumb es una ruta de navegación que muestra dónde se encuentra una página dentro de la estructura de un sitio web. También se conoce como miga de pan y suele aparecer en forma de enlaces jerárquicos.
Su utilidad principal es mejorar la orientación del usuario. Permite entender la estructura de la web, volver a niveles superiores y navegar con menos fricción, especialmente en sitios grandes, ecommerce, blogs, medios o diccionarios.
Desde el punto de vista SEO, las breadcrumbs ayudan a reforzar el enlazado interno, comunicar jerarquía, mejorar rastreo y facilitar el uso de datos estructurados como BreadcrumbList. No son una solución aislada, pero sí una pieza importante de una arquitectura web cuidada.
En proyectos profesionales, las migas de pan funcionan mejor cuando reflejan una estructura real, clara y coherente. Si la arquitectura está bien pensada, las breadcrumbs la hacen visible para usuarios y buscadores.
