Breadcrumbs (migas de pan) - ¿Qué son y para qué sirven?

En el cuento de Hansel y Grettel, Hansel va dejando unas migas de pan (breadcrumbs, en inglés) mientras camina por el bosque con su hermana para después encontrar el camino de vuelta a casa.

Y aunque en este caso la jugada no sale según lo esperado porque unos pájaros se comen las migas, es una buena idea que toma prestada el diseño web para que el usuario que navega por una web no se pierda y sepa dónde está en todo momento.

Pero las migas de pan en una web no solo son útiles para mejorar la experiencia de usuario, también sirven para que Google entienda mejor la estructura del sitio.

¿Qué son las breadcrumbs (migas de pan)?

Las breadcrumbs (o migas de pan) son un elemento de navegación que se utiliza en sitios web para mostrar la ruta o estructura jerárquica de una página dentro de un sitio. Se les llama migas de pan porque funcionan de manera similar a las migas que se dejan en el suelo para marcar un camino de regreso.

Las breadcrumbs suelen ubicarse en la parte superior de una página web, justo bajo la barra de navegación principal. Consisten en una serie de enlaces de texto que indican la ubicación de la página actual en relación con la página principal o la página de categoría.

Por ejemplo, si estás navegando en un sitio web de comercio electrónico y te encuentras en la página de un producto específico, las breadcrumbs pueden mostrar algo como "Inicio > Categoría > Subcategoría > Producto", donde cada elemento del camino es un enlace que te permite regresar fácilmente a una página anterior.

¿Para qué sirven las breadcrumbs (migas de pan)?


Las breadcrumbs son especialmente útiles en sitios web con estructuras complejas o profundas, ya que brindan a los usuarios una forma clara de navegar hacia atrás y mantenerse orientados dentro del sitio. También pueden mejorar la usabilidad y la experiencia del usuario al proporcionar una referencia visual de la ubicación actual dentro del contexto del sitio.

Pero no solo eso. Además, las migas de pan también son una pista clara para que los motores de búsqueda entiendan la estructura y jerarquías de una web, cosa que favorece al sitio a nivel de posicionamiento orgánico o SEO.

¿Qué ventajas tienen las breadcrumbs (migas de pan)?


Algunas de las principales ventajas de las migas de pan son:

  • Mejoran la experiencia de usuario, facilitando la navegación y la orientación dentro del sitio web.

  • Mejoran la estructura de enlaces internos de la web, proporcionando a los buscadores una información extra y distribuyendo el link juice de forma correcta.

  • Mejoran el aspecto de tus resultados de búsqueda, ya que Google incluye enlaces directos a algunas de las categorías en sus resultados.