Een breadcrumb (of kruimelpad) is een secundair navigatiepad dat op een webpagina wordt weergegeven en de positie van de gebruiker in de sitestructuur aangeeft: Home > Elektronica > Smartphones > iPhone 15. Hoewel het op het eerste gezicht een eenvoudig UX-element lijkt, speelt de breadcrumb een significante SEO-rol: het versterkt de interne linkstructuur, helpt zoekmachines de sitearchitectuur te begrijpen, en maakt het mogelijk een rich snippet in de Google SERP te verkrijgen — waarbij de technische URL wordt vervangen door het leesbare navigatiepad.
Typen breadcrumbs
Er bestaan drie typen breadcrumbs. De locatiebreadcrumb (de meest voorkomende) weerspiegelt de positie van de pagina in de sitestructuur: Home > Categorie > Subcategorie > Product. De padgebaseerde breadcrumb (path-based) geeft het navigatieverloop van de gebruiker aan, dat kan afwijken van de structurele hiërarchie — minder nuttig voor SEO omdat het per gebruiker verschilt. De attribuutbreadcrumb wordt gebruikt op pagina's met gefilterde resultaten: Home > Kleding > Rood > Maat M — relevant voor e-commerces met gefacetteerde navigatie.
SEO-voordelen van breadcrumbs
- Natuurlijke interne linkstructuur: elke breadcrumb creëert interne links naar bovenliggende pagina's, waardoor hun PageRank wordt versterkt
- Begrip van de architectuur: Google gebruikt breadcrumbs om de sitestructuur in kaart te brengen en sleutelpagina's te identificeren
- Rich snippets in de SERP: de technische URL wordt vervangen door het pad Home > Categorie > Product in de Google-resultaten
- Lager bouncepercentage: gebruikers die op een diepliggende pagina aankomen, kunnen in de hiërarchie opklimmen zonder de terugknop te gebruiken
- Betere CTR: resultaten met breadcrumbs in de SERP zijn leesbaarder en worden vaker aangeklikt
BreadcrumbList-markup: de rich snippet implementeren
Om de breadcrumb rich snippet in Google te verkrijgen, moet het BreadcrumbList-schema in JSON-LD worden geïmplementeerd. De structuur is een lijst van ListItem-elementen, elk met: @type ListItem, position (volgnummer, beginnend bij 1), name (weergegeven tekst van het niveau, bijv. Elektronica), en item (absolute URL van de bovenliggende pagina). Het laatste element in de lijst — de huidige pagina — heeft geen URL nodig omdat het de pagina zelf is. Google toont vervolgens in de SERP: Home › Elektronica › Smartphones in plaats van de technische URL.
Breadcrumb weergegeven in Google
Best practices voor implementatie
Een effectieve breadcrumb volgt enkele basisregels: altijd beginnen met de startpagina (klikbare link), leesbare tekst gebruiken in plaats van alleen afbeeldingen of iconen, de werkelijke URL-structuur weerspiegelen (consistentie tussen de URL /dames/jurken/zomer en de breadcrumb Dames > Jurken > Zomerjurken), mobielvriendelijk zijn (niet afkappen op kleine schermen), en duidelijke typografische scheidingstekens gebruiken (›, /, >). Breadcrumbs met meer dan 4-5 niveaus kunnen worden afgekapt op mobiel — geef de voorkeur aan URL-architecturen van maximaal 3-4 niveaus.
Breadcrumbs in PrestaShop
PrestaShop bevat een native breadcrumb-module (ps_breadcrumb) die automatisch het kruimelpad genereert op product-, categorie- en CMS-pagina's, op basis van de categoriehiërarchie. De Schema.org BreadcrumbList-markup is opgenomen in het standaardthema (Classic) vanaf PrestaShop 1.7.5. Afhankelijk van het gebruikte thema kan de kwaliteit van de markup variëren. Gebruik het Rich Results Test-tool van Google op een productpagina van jouw winkel om te controleren of jouw markup correct is.