¿Perdido en un ‘laberinto’ de páginas y pestañas web? Las migas de navegación o breadcrumbs son una excelente baliza para evitar que los internautas primerizos o poco familiarizados con una arquitectura web determinada naufraguen sin remedio en sus páginas internas. Una óptima navegación de migas de pan fortalece el posicionamiento SEO, disminuye las tasas de rebote, clarifica la jerarquía web y en última instancia, redunda positivamente en la experiencia del usuario.

Pese al fracaso de la ocurrencia de Hansel en el célebre cuento de los hermanos Grimm, el uso de migas de pan como primitivo sistema de balizamiento inspiraría, dos siglos después, un elemento irremplazable en el mundo del diseño web. Sus ‘padres’ fueron los expertos en usabilidad Jakob Nielsen y Rolf Molich, quienes concibieron un esquema de navegación secundario que asistiera a los internautas en su viaje por las ‘entrañas’ de cualquier web, según un reporte de Nielsen Norman Group publicado en 1994. Hoy las migas de pan en sitios web siguen cumpliendo una función destacadísima, con el respaldo del consorcio W3C —que las recogen en sus criterios WCAG para la creación de contenido accesible— y del principal motor de búsqueda, Google, que ha reconocido su uso en la indexación de resultados y que dispone incluso de una sección dedicada a su optimización en Search Console desde 2019.

Breve definición de las migas de pan en diseño web

El significado de las migas de pan en páginas web alude a un menú secundario, generalmente horizontal, breve y estéticamente simple en comparación con el menú principal, destinado a orientar a los internautas durante su navegación por páginas internas (categorías, fichas de productos, artículos, etcétera). Su denominación en inglés guarda también relación con el cuento grimmiano (breadcrumbs trail) mientras que en francés bebe del mito de Ariadna, Teseo y el Minotauro (fil d’Arianel), admitiendo en español una mayor pluralidad de nombres: rutas de exploración, rutas de acceso, etcétera, siendo en esencia el mismo elemento.

Las migas de pan en informática se reducen, en muchos casos, a una simple hilera de links situadas en la parte superior del body o inmediatamente después del header. Para el Centro de Búsqueda de Google, las rutas de exploración «indican en qué posición dentro de la jerarquía de un sitio web se encuentra una página [y por extensión, el internauta]. También pueden ayudar a los usuarios a familiarizarse con la estructura de una web y explorarla de forma eficaz. Estas rutas pueden seguirse para ir pasando de un nivel a otro hasta llegar al nivel superior de una web», es decir, a la página principal

En la práctica, un rastro de migas o breadcrumbs se asemejaría al siguiente ejemplo, correspondiente a un hipotético ecommerce de moda:

Las migas de pan en webs adoptan diversidad de formas, clasificables en tres tipos diferenciados, a saber: (1) de localización o location, que indican la ubicación de la página dentro de la jerarquía del sitio web, con independencia de las páginas visitadas previamente; (2) de exploración o path, más elaboradas que las anteriores, dado que las rutas varían en función de la navegación que los internautas hayan realizado dentro del sitio web y son, por tanto, dinámicas; y (3) de atributo o attribute, destinadas a enriquecer la información de la categoría en que se encuentra la página con metadatos relacionados; las migas de pan de este tipo son muy comunes en comercio electrónico.

Las estadísticas avalan su utilidad, además. Según un estudio de los investigadores Charles G. Halcomb y Barbara S. Chaparro, la mera exposición de los internautas a las migas de pan aumenta sensiblemente su capacidad para completar tareas al utilizar sitios web (un 23% más), lo que «podría traducirse en una mayor productividad», así como en «un ahorro general de tiempo y de costes para la empresa». Se estima además que el 40% de los usuarios clica en las rutas de exploración, aunque dedica un mayor número de clics al menú principal, los enlaces de la página y el botón ‘retroceder’, según otro estudio de Chaparro y Halcomb.

Pese a su eficacia demostrada, ¿son necesarias las migas de pan en la usabilidad web? Pocas son las exenciones a su uso, a decir verdad, dado que la mayor parte de sitios web se esfuerzan en organizar y categorizar su contenido, por escaso que sea, y las rutas de exploración brindan una orientación rápida para visitantes primerizos y experimentados. Determinados portales de entretenimiento, no obstante, suprimen este elemento en su diseño, bien por la linealidad de sus contenidos o por la sencillez de la arquitectura web. Ejemplos de webs sin migas de pan son Funny or Die, Mashable o BuzzFeed, donde un menú con atributo fixed o la presencia de la categoría en el epígrafe o antetítulo suplen en cierto modo su función.

5 beneficios de las migas de pan en SEO, UX y otras áreas de desarrollo web

Agilizan la indexación de resultados

Los ‘robots’ rastreadores de Google no limitan su campo de acción al sitemap y a los enlaces entrantes y salientes También las rutas de exploración les brindan una valiosa información durante el crawling. Y es que la estructura de cualquier sitio web se aprecia con mayor claridad gracias a las migas de pan. Los diferentes menús y submenús se muestran en función de su importante, no respetando siempre la jerarquía, defecto éste que no comparten las rutas de exploración. Porque, como reconocen desde el Centro de la Búsqueda de Google, el buscador de Alphabet «utiliza etiquetas de rutas de exploración en el cuerpo de una página web para clasificar la información de una página en los resultados de búsqueda».

Otro interesante beneficio de las migas de pan en SEO es la posibilidad de aumentar la densidad de palabras clave o de incluir una mayor cantidad de enlaces de forma natural. Porque no todos los documentos y fichas de productos contienen textos propicios para la inserción de, por ejemplo, el término ‘moda femenina de invierno’ ni mucho menos de enlaces que apunten a dicha sección. En resumen, las rutas de exploración ofrecen un espacio idóneo para la exploración de técnicas de posicionamiento orgánico.

Mayor tiempo de permanencia, menores tasas de rebote

Indirectamente las migas de pan en sitios web fortalecen el SEO, por su influencia benéfica en KPIs como el tiempo de permanencia por sesión, el número de páginas vistas durante la misma o las tasas de rebote. Que estas últimas se reduzcan con el uso de rutas de exploración demuestra su efecto orientador sobre el internauta, que rara vez experimentará confusión suficiente como para recurrir al buscador interno o manipular por sí mismo la dirección URL —kilométrica en el caso de las páginas que desobedecen las pautas de optimización para búsqueda orgánica.

Eliminar la sensación de desconcierto en los navegantes redunda en el tiempo de permanencia en el sitio web, métrica clave por su correlación con una UX satisfactoria y con la obtención de metas esenciales (leads, suscriptores, ventas). La utilidad de esta KPI se evidencia particularmente en el tráfico orgánico. Por ejemplo, los internautas que realicen la consulta ‘maquinilla de afeitar philips’ en Google podrían clicar en la ficha de un ecommerce desconocido, situación irrelevante si la página dispone de migas de pan que les orienten rápidamente; de este modo se les facilitaría la oportunidad de ampliar su carrito de compra con items relacionados con su búsqueda inicial (cuchillas, cargadores, fundas, etcétera).

Clarifican la jerarquía web y embellecen su apariencia

La jerarquía web, entendida como la distinta estructuración de categorías, etiquetas y páginas de un sitio web, se aprecia con mayor facilidad gracias a la presencia de migas de navegación. Incluso en negocios digitales con larga trayectoria, un rediseño web o el lanzamiento de ediciones en otros países puede generar fricciones indeseadas, y las rutas de exploración son un excelente aliado para reducirlas, pues acompañan en todo momento al internauta durante su navegación.

A la clarificación de la jerarquía web se suma otra ventaja inesperada: la apariencia más atractiva, más profesional. Porque este elemento otorga cierta prestancia a la estética de la web, quizá por su uso generalizado entre las principales empresas de cada sector. Por así decirlo, incluso siendo innecesario, las rutas de exploración deben ser bienvenidas, pues aunque en diseño web «menos es más», no es menos cierto que hay detalles que marcan la diferencia.

Optimizan la experiencia del usuario

Consecuencia natural de anteriores beneficios, las migas de pan en diseño web garantizan una UX mejorada. Sabiamente diseñados, generan sinergias útiles con los menús y otros elementos de la navegación, que guiarán sin pérdida a los internautas hasta su destino. En terminadas situaciones, además, el botón de retroceso —disponible en cualquier navegador— es insuficiente, sobre todo después de una larga navegación, cuando las rutas de exploración tipo path demuestran su enorme utilidad al mostrar una especie de historial personalizado. Ni qué decir tiene que las páginas de error 404 constituyen un salvavidas útil pero debería quedar como último recurso.

Ni distraen ni interrumpen la navegación

Incluso descontado las ventajas de las migas de pan en SEO y UX, este elemento de navegación ocupa un espacio mínimo. En palabras del experto en usabilidad Jakob Nielsen, «las breadcrumbs nunca causan problemas en los test de usabilidad», dado que «las personas pueden pasar por alto este pequeño elemento de diseño, pero nunca malinterpretan las migas de pan, ni tienen problemas para utilizarlas».

Para su creación ab initio, el portal W3Schools.com dispone de un recurso informativo dedicado a las rutas de exploración, aunque su desarrollo puede acarrear problemas en manos inexpertas, incrementando el riesgo de causar más mal que bien al SEO, motivo por el que se recomienda confiar esta labor a profesionales y agencias especializadas en diseño web.