Breadcrumbs: otra forma de navegar por un sitio web

Los breadcrumbs (migas de pan), a veces llamados hilos de Ariadna, son elementos de navegación que nos indican nuestra actual ubicación dentro de un sitio web. Estamos acostumbrados a verlos en sitios de gran volumen, donde el menú de navegación principal o el mapa del sitio no resultan suficientes para informarnos dónde estamos dentro de la estructura de páginas. Existen distintos tipos de breadcrumbs:

  • Basados en la ubicación. Indican el nivel jerárquico en el que se encuentra la página actual. Por ejemplo, si estuviéramos viendo modelos de bicicletas en una tienda online, un posible breadcrumb sería «Página principal > Deportes >  Ciclismo > Bicicletas».
  • Basados en el recorrido. Una fila de enlaces ordenados por jerarquía que indican el recorrido de páginas que hicimos hasta llegar a nuestra ubicación actual. Este recorrido no tiene por qué ser el que indica la jerarquía de páginas. Es la opción menos utilizada, ya que su funcionalidad es cubierta por los botones «atrás» y «adelante» del navegador.
  • Basados en atributos. Indican los filtros que aplicamos para llegar a la selección de elementos que vemos en pantalla. En la tienda online del ejemplo anterior, por ejemplo, los filtros pueden ser «Olmo» y «Rodado 28». No tienen por qué estar alineados horizontalmente.

Los breadcrumbs tienen varias ventajas:

  • Permiten acceder con un solo clic a cualquier nivel jerárquico superior al de la página actual, sin tener que volver atrás varias veces con el botón del navegador.
  • Ocupan muy poco espacio dentro de la página.
  • No dan lugar a confusiones sobre su funcionamiento o utilidad.
  • Ayudan a nuestro posicionamiento en buscadores. Cada enlace coloca una keyword de manera natural. Los breadcrumbs incluso pueden aparecer en el resultado de búsqueda con un formato especial.

Sin embargo, para aprovechar al máximo las ventajas de los breadcrumbs debemos seguir ciertas normas, como ubicarlos en la parte superior de la página, utilizar un formato visual que permita distinguirlos del contenido y respetar fielmente la jerarquía del sitio. Teniendo en cuenta estas normas brindaremos una alta navegabilidad, característica fundamental de la usabilidad web.