驴Qu茅 son las migas de pan en una web y c贸mo afectan al SEO?聽 聽

migas de pan web

驴Qu茅 son las migas de pan en una web y c贸mo afectan al SEO?聽 聽

驴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 鈥攓ue 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.

ejemplos de migas de pan en dise帽o web

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:

  • P谩gina de inicio > Moda masculina > Calzado > Sneakers > Zapatillas PUMA x MAISON

  • 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 鈥攌ilom茅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).

    usuaria navegando en una tablet

    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 鈥攄isponible 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.