Op de meeste PrestaShop-winkels dient het kruimelpad maar voor één ding: een niveau omhoog. De bezoeker klikt vanaf een productpagina op “Schoenen” en keert terug naar de bovenliggende categorie. Dat is nuttig, maar het is een erg magere invulling van een element dat op al uw pagina’s staat.
Er bestaat een variant die de aard van dit onderdeel verandert: elk niveau aanwijsbaar maken en in een uitklapmenu de categorieën van dezelfde rang tonen. Het kruimelpad houdt op een terugweg te zijn en wordt zijwaartse navigatie.
Dit artikel behandelt die omvorming. Voor de JSON-LD-markering en hoe Google die leest, zie eerder het artikel over de BreadcrumbList-markering, dat de andere helft van het onderwerp dekt.
Het probleem dat dit oplost
Een bezoeker komt vanuit Google op de pagina “Accuboormachine 18V”. Hij stelt vast dat het model hem niet bevalt. Zijn navigatiemogelijkheden zijn beperkt: het hoofdmenu, dat hem naar de top van de boomstructuur stuurt, of het kruimelpad, dat hem terugbrengt naar de categorie die hij net heeft gezien.
Wat hij zoekt, ligt vaak zijwaarts, niet verticaal. Hij wil de schroevendraaiers zien, of de boormachines met snoer, dus de naburige categorieën. Vandaag moet hij daarvoor via het hogere niveau om weer af te dalen. Twee klikken en een herladen van de pagina, terwijl er één zou volstaan.
Op SEO-landingspagina’s is die omweg een meetbaar lekpunt. Het uitstappercentage van productpagina’s uit organisch verkeer ligt structureel hoog, en een deel daarvan zijn bezoekers die de zijwaartse weg niet hebben gevonden.
Het principe: elk niveau wordt een menu
Het kruimelpad toont bijvoorbeeld: Home > Gereedschap > Boren > Accuboormachine 18V.
Elk segment draagt dan een menu:
Op “Gereedschap”, de andere categorieën van het eerste niveau: Tuin, Loodgieterij, Elektra.
Op “Boren”, de andere subcategorieën van Gereedschap: Schroeven, Zagen, Schuren.
Op het product, niets, of de naburige producten uit dezelfde categorie, afhankelijk van de instelling.
De regel om te onthouden: een segment toont zijn zusters, niet zijn kinderen. Dat is wat de navigatie zijwaarts maakt. De kinderen tonen kopieert simpelweg het megamenu naar een plek waar het niets toevoegt.
De drie varianten, en welke u kiest
Alleen zusters. Het gedrag dat hierboven is beschreven. Dit is de standaardvariant en die past bij de meeste catalogi.
Zusters plus kinderen van het huidige segment. Het laatste categoriesegment toont zijn subcategorieën. Zinvol wanneer de boomstructuur diep is en de bezoeker vaak halverwege binnenkomt.
Zusters plus populaire producten. Op het laatste segment een korte lijst producten uit dezelfde categorie met miniatuur. Deze variant is de zwaarste en de meest opdringerige. Ze is alleen te verdedigen bij catalogi waar de categorie minder dan een twintigtal artikelen telt.
Kruimelpad ProDropdownmenu's, JSON-LD BreadcrumbList en een slim pad bij meerdere categorieën€89,00
Hoeveel items toont u
Die vraag is niet cosmetisch. Een uitklapmenu met veertig zustercategorieën is onbruikbaar, en het verzwaart elke pagina van de site.
Drie afstelregels.
Begrens op een twaalftal items per niveau, met daarboven een link “alle categorieën bekijken”. Wie verder zoekt dan twaalf opties, zoekt niet in een uitklapmenu maar op een pagina.
Sorteer op volume, niet alfabetisch. De alfabetische volgorde is een standaardkeuze die willekeurige categorieën vooraan zet. Sorteren op aantal producten of op omzet plaatst bovenaan wat de meeste kans maakt te interesseren.
Markeer de huidige categorie in de lijst, vet of met een stip. Zonder dat baken weet de bezoeker niet waar hij vandaan komt.
Het effect op de interne linkstructuur
Dit aspect ontsnapt het vaakst aan de afweging, en het verdient aandacht in beide richtingen.
Aan de positieve kant krijgt elke categoriepagina voortaan links vanaf alle pagina’s van haar zustercategorieën. Bij een catalogus van drieduizend producten verdeeld over veertig categorieën gaat dat om enkele duizenden nieuwe interne links, horizontaal verdeeld in plaats van samenlopend naar de homepage.
Aan de kant van de waakzaamheid: die links zijn op alle pagina’s identiek, wat ze dicht bij een globaal navigatie-element brengt. Hun individuele waarde is laag. Ze vervangen geen contextuele links in de inhoud van de pagina’s.
Technisch aandachtspunt: worden de menu’s aan de serverkant gegenereerd, dan groeit de HTML van elke pagina. Reken op drie tot acht kilobytes extra, afhankelijk van de omvang van de boomstructuur. Op een al zware winkel laadt u de menu’s beter op aanvraag dan bij het tonen van de pagina.
Het geval mobiel
Aanwijzen met de muis bestaat niet op een aanraakscherm, waardoor de uitklapvariant zo niet werkt. Drie opties, op volgorde van voorkeur.
De eerste tik opent het menu, de tweede volgt de link. Standaardgedrag dat bezoekers begrijpen, maar dat een duidelijke visuele aanwijzing vraagt, bijvoorbeeld een pijlpunt.
Een horizontaal schuivend kruimelpad, zonder menu, waarbij alleen het laatste niveau klikbaar is. Een aanvaardbare terugvaloptie.
Volledig verbergen op mobiel. Te vermijden: het kruimelpad is juist nuttiger op een klein scherm, waar het hoofdmenu is ingeklapt.
Wat u moet meten
Drie indicatoren, een maand na de invoering vast te leggen, uitsluitend op productpagina’s.
Het aantal paginaweergaven per sessie, het directe verwachte effect.
Het uitstappercentage van productpagina’s, voor en na te vergelijken op het organische verkeer.
Het doorklikpercentage op het kruimelpad, te meten als gebeurtenis. Dat is de enige indicator die zegt of het onderdeel echt wordt gebruikt, en hij valt in het begin vaak tegen, rond 2 tot 4 % van de sessies. Een laag cijfer betekent niet dat de opzet nutteloos is: het betekent dat hij een minderheid van de bezoekers bedient, meestal degenen die twijfelen, en dat zijn juist degenen die u wilt vasthouden.
Fouten om te vermijden
Het megamenu kopiëren. Toont het uitklapmenu van het kruimelpad hetzelfde als de hoofdnavigatie, dan voegt het niets toe en verdubbelt het het gewicht van de pagina.
De werkelijke route van de bezoeker vergeten. Een product dat aan meerdere categorieën hangt, toont standaard zijn standaardcategorie, en dat is niet noodzakelijk die waarlangs de bezoeker is binnengekomen. Bewaar bij interne aankomsten de categorie van herkomst.
De gestructureerde markering breken. De items uit het uitklapmenu horen niet in de JSON-LD BreadcrumbList, die alleen het pad beschrijft en niet de alternatieven. Dat is een veelgemaakte fout wanneer het menu er achteraf bij komt.
De module Kruimelpad Pro voor PrestaShop dekt deze werking in PrestaShop 8 en 9: uitklapmenu’s per niveau met keuze tussen zusters, kinderen of gemengd, instelbare begrenzing en sortering, een eigen gedrag voor aanraakschermen, behoud van de categorie van herkomst bij interne aankomsten, en JSON-LD-markering beperkt tot het werkelijke pad.