En la mayoría de las tiendas PrestaShop, las migas de pan sirven para una sola cosa: subir un nivel. El visitante hace clic en «Zapatos» desde una ficha de producto y vuelve a la categoría padre. Es útil, pero es un uso muy pobre de un elemento presente en cada una de tus páginas.
Existe una variante que cambia la naturaleza de este componente: hacer que cada nivel responda al puntero y mostrar en un menú desplegable las categorías del mismo rango. Las migas de pan dejan de ser un camino de vuelta y se convierten en una navegación lateral.
Este artículo trata esa transformación. Para el marcado JSON-LD y su lectura por Google, mira más bien el artículo sobre el marcado BreadcrumbList, que cubre la otra mitad del tema.
El problema que resuelve
Un visitante llega a una ficha «Taladro sin cable 18V» desde Google. Comprueba que el modelo no le conviene. Sus opciones de navegación son limitadas: el menú principal, que lo devuelve a la cima del árbol, o las migas de pan, que lo llevan a la categoría que acaba de ver.
Lo que busca es a menudo lateral, no vertical. Quiere ver los atornilladores, o los taladros con cable, es decir las categorías vecinas. Hoy tiene que volver a pasar por el nivel superior para bajar de nuevo. Dos clics y una recarga de página, cuando uno solo bastaría.
En las páginas de aterrizaje SEO, ese rodeo es un punto de fuga medible. La tasa de salida de las fichas de producto procedentes del posicionamiento natural es estructuralmente alta, y una parte de esas salidas corresponde a visitantes que no encontraron la vía lateral.
El principio: cada nivel se convierte en un menú
Las migas de pan muestran por ejemplo: Inicio > Herramientas > Taladrado > Taladro sin cable 18V.
Cada segmento lleva entonces un menú:
En «Herramientas», las demás categorías de primer nivel: Jardín, Fontanería, Electricidad.
En «Taladrado», las demás subcategorías de Herramientas: Atornillado, Serrado, Lijado.
En el producto, nada, o los productos vecinos de la misma categoría según la configuración.
La regla que hay que retener: un segmento muestra sus hermanos, no sus hijos. Es lo que vuelve lateral la navegación. Mostrar los hijos reproduce simplemente el megamenú en un lugar donde no sirve de nada.
Las tres variantes, y cuál elegir
Solo hermanas. El comportamiento descrito arriba. Es la variante por defecto, y la que conviene a la mayoría de los catálogos.
Hermanas más hijos del segmento actual. El último segmento de categoría muestra sus subcategorías. Pertinente cuando el árbol es profundo y el visitante aterriza a menudo a mitad de camino.
Hermanas más productos populares. En el último segmento, una lista corta de productos de la misma categoría con miniatura. Esta variante es la más pesada y la más intrusiva. Solo se justifica en catálogos donde la categoría tiene menos de una veintena de referencias.
Migas de Pan ProMenús desplegables, JSON-LD BreadcrumbList y rutas inteligentes multi-categoría€89,00
Cuántas entradas mostrar
La cuestión no es cosmética. Un menú desplegable que muestra cuarenta categorías hermanas es inutilizable, y carga cada página del sitio.
Tres reglas de calibrado.
Limita a una docena de entradas por nivel, con un enlace «ver todas las categorías» más allá. El visitante que busca más allá de doce opciones no busca en un menú desplegable, busca en una página.
Ordena por volumen, no por alfabeto. El orden alfabético es una elección por defecto que destaca categorías arbitrarias. Una ordenación por número de productos o por facturación coloca en cabeza lo que tiene más posibilidades de interesar.
Marca la categoría actual en la lista, en negrita o con un punto. Sin ese indicador, el visitante no sabe de dónde parte.
El efecto en el enlazado interno
Es el aspecto que más se escapa del arbitraje, y merece atención en ambos sentidos.
Del lado positivo, cada página de categoría recibe ahora enlaces desde todas las páginas de sus categorías hermanas. En un catálogo de tres mil productos repartidos en cuarenta categorías, eso representa varios miles de enlaces internos nuevos, distribuidos horizontalmente en vez de converger hacia la página de inicio.
Del lado de la vigilancia, esos enlaces son idénticos en todas las páginas, lo que los acerca a un elemento de navegación global. Su valor individual es bajo. No sustituyen a un enlazado contextual dentro del contenido de las páginas.
Punto de vigilancia técnica: si los menús se generan del lado del servidor, el HTML de cada página crece. Cuenta entre tres y ocho kilobytes adicionales según el tamaño del árbol. En una tienda ya pesada, carga los menús bajo demanda en vez de al mostrarlos.
El caso del móvil
El paso del puntero no existe en pantalla táctil, lo que hace inoperante la variante desplegable tal cual. Tres opciones, por orden de preferencia.
El toque abre el menú, el segundo toque sigue el enlace. Comportamiento estándar, entendido por los visitantes, pero que exige un indicador visual claro, una punta de flecha por ejemplo.
Unas migas de pan con desplazamiento horizontal, sin menú, con solo el último nivel enlazable. Solución de repliegue aceptable.
La ocultación completa en móvil. A evitar: las migas de pan son precisamente más útiles en pantalla pequeña, donde el menú principal está plegado.
Lo que hay que medir
Tres indicadores, tomados un mes después de la implantación, en las fichas de producto únicamente.
El número de páginas vistas por sesión, que es el efecto directo esperado.
La tasa de salida de las fichas de producto, a comparar antes y después en el tráfico procedente del posicionamiento natural.
La tasa de clic en las migas de pan, a medir por evento. Es el único indicador que dice si el componente se usa realmente, y suele decepcionar al principio, en torno al 2 o 4 % de las sesiones. Una cifra baja no significa que el dispositivo sea inútil: significa que sirve a una minoría de visitantes, generalmente los que dudan, es decir aquellos a los que hay que retener.
Los errores que evitar
Reproducir el megamenú. Si el menú desplegable de las migas de pan muestra lo mismo que la navegación principal, no aporta nada y duplica el peso de la página.
Olvidar el camino real del visitante. Un producto vinculado a varias categorías muestra por defecto su categoría por defecto, que no es forzosamente aquella por la que llegó el visitante. En las llegadas internas, conserva la categoría de origen.
Romper el marcado estructurado. Las entradas del menú desplegable no deben entrar en el JSON-LD BreadcrumbList, que solo describe el camino, no las alternativas. Es un error frecuente cuando el menú se añade después.
El módulo Migas de Pan Pro para PrestaShop cubre esta mecánica en PrestaShop 8 y 9: menús desplegables por nivel con elección entre hermanas, hijos o mixto, límite de entradas y ordenación configurables, comportamiento táctil dedicado, conservación de la categoría de origen en las llegadas internas, y marcado JSON-LD limitado al camino real.