Breadcrumbs en SEO: kruimelpaden uit je categorieboom

Breadcrumbs voor SEO betekent dat elke categorie- en productpagina een zichtbaar kruimelpad krijgt met links naar de bovenliggende pagina's, zoals Home › Keukenapparatuur › Koffiezetapparaten › Filterkoffiezetapparaten, en dat je dat pad beschrijft met BreadcrumbList-structured data. Het kruimelpad geeft klanten een klik terug omhoog in de catalogus, geeft crawlers vaste interne links naar je categoriepagina's en laat Google het pad op desktop in de zoekresultaten tonen in plaats van een kale URL.

In een webshop wordt het kruimelpad gemaakt uit de categorieboom, dus de kwaliteit van het pad is de kwaliteit van de boom. Een ondiepe boom met heldere namen en één primaire categorie per product levert in één keer nette paden op duizenden pagina's. Een rommelige boom levert paden op die per bezoek verschillen, naar sale-collecties wijzen of in de markup iets anders laten zien dan op de pagina. Deze gids behandelt de markup en het gedrag per platform, maar vooral de catalogusbeslissingen die goede breadcrumbs opleveren.

Wat breadcrumbs veranderen in Google, en wat niet

De documentatie van Google over breadcrumb-structured data beschrijft een BreadcrumbList met minimaal twee ListItem-elementen, elk met een position, een name en een item-URL. Google raadt kruimelpaden aan die een gebruikelijk pad van een bezoeker volgen in plaats van de URL-structuur na te bootsen, en een kruimel voor de homepage of de pagina zelf is niet verplicht.

Waar het pad verschijnt, is veranderd. Op 23 januari 2025 begon Google breadcrumbs uit mobiele zoekresultaten te halen, in alle talen en regio's, omdat het pad op kleine schermen werd afgekapt; mobiele resultaten tonen nu alleen het domein. Op desktop staat nog steeds het domein met daarachter het kruimelpad, en volgens Google hoefden sites met breadcrumb-markup niets te veranderen. Het breadcrumb-rapport in Search Console en de Test voor rich results werken nog gewoon.

Breadcrumbs zijn op zichzelf geen rankingfactor. De waarde voor zoekmachines zit in de links. In de richtlijnen voor de structuur van webshops schrijft Google dat het de structuur van een site meestal niet uit de URL's afleidt maar uit de links tussen pagina's, en raadt het aan te linken van menu's naar categorieën, van categorieën naar subcategorieën en van daaruit naar elk product. Een kruimelpad op elke productpagina voegt een link toe naar de categorie en elke bovenliggende categorie, zodat categoriepagina's door de hele catalogus goed gelinkt blijven.

Hiërarchie-, attribuut- en historiekruimelpaden in een webshop

Op webshops kom je drie soorten paden tegen. Maar één daarvan hoort in structured data.

Gebruiksonderzoek pleit ervoor om er twee te combineren. In een benchmark van Baymard Institute onder 50 grote webshops uit 2013 had 45% maar één soort kruimelpad en 23% helemaal geen. Baymard raadde een hiërarchiepad aan met een "Terug naar resultaten"-link erachter, zodat klanten die een lijst filterden met hun filters intact kunnen teruggaan, en klanten die via Google binnenkwamen toch een niveau omhoog kunnen.

Het kruimelpad opbouwen vanuit de categorieboom

Een kruimelpad is zo stabiel als de categorie waar het naar wijst. Kijk dus eerst naar de boom zelf, voordat je templates of markup aanpast.

• Diepte: twee tot vier niveaus onder de homepage is voor de meeste catalogi genoeg. Een pad als Home › Keuken › Kleine apparaten › Koffie › Koffiezetapparaten › Filter › Programmeerbaar is lang op desktop en voegt niveaus toe waar niemand doorheen bladert.
• Namen: gebruik de woorden waarop klanten zoeken (Filterkoffiezetapparaten, niet Filterzetapparatuur), houd ze kort en gebruik overal één schrijfwijze. Het label van de kruimel is de categorienaam, niet de SEO-titel.
• URL's: elke kruimel behalve de laatste linkt naar de canonieke, indexeerbare URL van die categorie. Link een kruimel nooit naar een gefilterde, gesorteerde of gepagineerde URL.
• Geen doodlopende takken: een categorie zonder producten of met noindex hoort niet in een pad. Voeg lege takken samen voordat je ze publiceert.
• Seizoensgroepen blijven erbuiten: Cadeaus tot 100 euro, Najaarssale en Nieuw binnen zijn collecties voor merchandising, geen niveaus in de hiërarchie.

Meer over het ontwerpen van de boom zelf lees je in onze gids over producttaxonomie. Het kruimelpad is een van de plekken waar een zwakke taxonomie voor elke bezoeker zichtbaar wordt.

Eén primaire categorie kiezen voor producten in meerdere categorieën

De meeste webshops hangen producten in meer dan één categorie, en voor het bladeren is dat prima. Het kruimelpad heeft echter één pad nodig, en als jij dat niet kiest, doet het platform of thema het, vaak door de eerste categorie uit een lijst te pakken. Het resultaat is een koffiezetapparaat met Home › Najaarssale bij het ene bezoek en Home › Cadeaus bij het volgende.

Kies de primaire categorie met vaste regels, zodat de keuze voor elk product hetzelfde uitvalt:

1. Kies de diepste vaste categorie die beschrijft wat het product is (Filterkoffiezetapparaten), niet voor wie het is of in welke actie het zit.
2. Kies nooit een sale-, seizoens-, merk- of "nieuw"-collectie als primaire categorie.
3. Staat er een categoriepad in de product-URL, dan moeten primaire categorie en URL-pad overeenkomen.
4. Houd de primaire categorie stabiel. Een wijziging verandert het kruimelpad op de pagina en in de markup, en bij URL's met een categoriepad mogelijk ook de URL.
5. Laat de productcategorie in Google Merchant Center of je feed aansluiten op de primaire categorie, zodat feed en pagina hetzelfde zeggen.

Zo maken Shopify, WooCommerce en Magento productbreadcrumbs

Elk platform lost het probleem van meerdere categorieën anders op, en geen van drieën vraagt standaard welke categorie primair is.

Shopify: collecties zonder boom

Shopify heeft geen categoriehiërarchie in het datamodel. Een product heeft één productcategorie uit de Standard Product Taxonomy van Shopify, voor btw en kanalen, en hoort bij een willekeurig aantal collecties. Een collectie kan andere collecties als bron gebruiken (geneste collecties), maar dat voegt productlijsten samen; een product krijgt er geen bovenliggend pad door. Breadcrumbs komen dus uit het thema of een app. Komt een klant vanaf een collectiepagina op een product, dan kan het thema het pad uit die collectie opbouwen als productlinks de Liquid-filter within gebruiken, wat URL's oplevert als /collections/koffiezetapparaten/products/brewline-12-kops. De eigen documentatie van Shopify waarschuwt dat die URL's de productpagina dupliceren en dat je de SEO-gevolgen moet afwegen; standaardthema's laten de canonical nog steeds naar /products/brewline-12-kops wijzen. Een klant die via Google binnenkomt heeft geen collectiecontext, dus het thema toont een kort pad of kiest zelf een collectie.

WooCommerce: de eerste categorie uit een gesorteerde lijst

De breadcrumb-klasse van WooCommerce bouwt het productpad op uit Home, de winkelpagina (alleen als je permalinkbasis voor producten die bevat), de bovenliggende categorieën van één productcategorie, die categorie en het product. Heeft een product meerdere categorieën, dan sorteert WooCommerce ze aflopend op het ID van de bovenliggende categorie en neemt de eerste. Een subcategorie gaat zo vóór een hoofdcategorie, maar welke subcategorie wint hangt af van database-ID's en niet van wat jij bedoelt, tenzij een developer dat aanpast met de filter woocommerce_breadcrumb_main_term. Bij het tonen van het kruimelpad maakt de structured data-klasse van WooCommerce er BreadcrumbList-markup van. SEO-plugins zoals Yoast SEO voegen een veld voor de primaire categorie toe dat het pad bepaalt; gebruik je zo'n plugin, zorg dan dat maar één plugin breadcrumb-markup print. Onze gids over WooCommerce SEO behandelt de bijbehorende permalinkinstellingen.

Magento en Adobe Commerce: de categorie waar de klant vandaan kwam

In het Luma-thema worden kruimelpaden op productpagina's in de browser opgebouwd door breadcrumbs.js, dat een categorie zoekt in de product-URL of in de verwijzende pagina en die vergelijkt met het navigatiemenu. Een klant die het product vanuit een categorie opent, krijgt het volledige pad; een klant die uit een zoekresultaat komt, krijgt Home › Product. De breadcrumb-template van Luma print gewone HTML zonder BreadcrumbList-markup, dus structured data komt uit je thema of een extensie. Standaard laat Magento het categoriepad weg uit product-URL's, wat dubbele product-URL's voorkomt; onze gids over Magento SEO behandelt die instelling en de canonical-tag.

Uitgewerkt voorbeeld: een filterkoffiezetapparaat van categoriepad tot JSON-LD

Neem een fictieve webshop, example.nl, die het Brewline programmeerbare filterkoffiezetapparaat voor 12 kopjes met thermoskan verkoopt. Het product hangt in drie categorieën: Filterkoffiezetapparaten (onder Keukenapparatuur › Koffiezetapparaten), Cadeaus tot 100 euro en Najaarssale. Met de regels hierboven is Filterkoffiezetapparaten de primaire categorie, en de product-URL is /products/brewline-filterkoffiezetapparaat-12-kops-thermoskan, zonder categoriepad.

Het zichtbare pad op de productpagina is Home › Keukenapparatuur › Koffiezetapparaten › Filterkoffiezetapparaten › Brewline filterkoffiezetapparaat 12 kopjes. De JSON-LD in de head van de pagina is één object met "@context": "https://schema.org", "@type": "BreadcrumbList" en een array itemListElement met vier ListItem-objecten. Elke rij hieronder is één van die objecten.

Drie details maken deze markup betrouwbaar. De namen zijn teken voor teken gelijk aan de zichtbare kruimels. Elke item-URL is de canonieke URL van een indexeerbare categoriepagina die 200 teruggeeft, zonder parameters. En hetzelfde pad verschijnt, uit welke collectie de klant ook kwam, omdat het uit de primaire categorie komt en niet uit de sessie. Google accepteert ook meerdere BreadcrumbList-objecten op één pagina voor content met meer dan één echt pad, maar voor producten is één primair pad makkelijker consistent te houden. Controleer de pagina in de Test voor rich results en kijk na de volgende crawl in het breadcrumb-rapport van Search Console. De productmarkup voor dezelfde pagina staat in onze gids over productpagina-SEO.

Breadcrumb-HTML voor klanten en schermlezers

De JSON-LD is voor Google; het zichtbare pad is voor mensen, en daar gelden eigen regels voor. Het breadcrumb-patroon in de W3C ARIA Authoring Practices zet het pad in een navigatie-landmark (een nav-element) met een label via aria-label, bijvoorbeeld "Kruimelpad", en zet aria-current="page" op de link naar de huidige pagina. Is de laatste kruimel gewone tekst in plaats van een link, dan is aria-current optioneel.

• Eén vaste plek op elke template: onder het hoofdmenu en boven de H1, op categorie- en productpagina's, zodat klanten weten waar ze moeten kijken.
• Kruimels in een genummerde lijst: elke kruimel een lijstitem, elke bovenliggende pagina een link, de huidige pagina als laatste en zonder link.
• Scheidingstekens via CSS: een › als tekst tussen de links wordt door sommige schermlezers bij elke kruimel voorgelezen; een CSS-pseudo-element houdt het visueel.
• Een korte versie op de telefoon: lange paden lopen op een smal scherm over drie regels. Veel webshops tonen op mobiel alleen een link naar de bovenliggende categorie (‹ Filterkoffiezetapparaten) en het volledige pad vanaf tabletbreedte. Houd het volledige pad wel in de HTML en de JSON-LD, zodat de markup niet per apparaat verschilt.

Kruimelpaden op gefilterde URL's, sorteringen en canonical-tags

Faceted navigation maakt duizenden URL-varianten van een categoriepagina, en breadcrumbs moeten bijna al die varianten negeren. Op een gefilterde URL zoals /keukenapparatuur/koffiezetapparaten/filter?kleur=zwart&inhoud=12-kopjes blijft het hiërarchiepad precies gelijk aan dat van de ongefilterde categorie: de filters staan als verwijderbare labels op de pagina, niet als extra kruimels en niet in de markup. Welke filterpagina's je laat indexeren, staat in onze gids over faceted navigation en SEO.

De uitzondering is een filtercombinatie die je bewust tot landingspagina hebt gemaakt, zoals Koffiezetapparaten met thermoskan, met een eigen vaste URL, eigen tekst en een canonical naar zichzelf. Die pagina hoort bij de hiërarchie en krijgt een pad dat eindigt op de eigen naam. Nog een paar regels houden breadcrumbs en canonicals op één lijn:

• Kruimellinks op pagina 2, 3 en verder van een categorie wijzen naar de eerste pagina van die categorie, nooit naar een andere gepagineerde URL.
• Een product dat via meerdere URL's bereikbaar is (een collectiepad in Shopify, een categoriepad in Magento) heeft op al die URL's dezelfde breadcrumb-markup, en de canonical wijst naar de ene product-URL.
• Link een kruimel nooit naar een URL met noindex, een redirect of een canonical naar een andere pagina; crawlers volgen die links op elke productpagina.
• Is je webshop vertaald, dan krijgt elke taalversie kruimels in de eigen taal die naar categorie-URL's in die taal linken.

Onze gids over technische SEO voor webshops gaat dieper in op crawlpaden en indexregels per template.

Kruimelpaden controleren in de hele catalogus

Een breadcrumb-audit kost een middag met een crawler die structured data uitleest en een export van je categorieën. Loop deze controles één keer door en herhaal ze na elke thema- of categoriewijziging.

Schone categoriedata achter elk kruimelpad

De meeste breadcrumb-problemen beginnen in de productdata: producten zonder categorie, producten die alleen aan een hoofdcategorie hangen, tien bijna gelijke categorieën en nergens vastgelegd welke categorie primair is. WISEPIM maakt geen webshop en print geen breadcrumb-markup; dat doen je thema of SEO-plugin. Wat WISEPIM wel regelt, is de data waar het kruimelpad uit wordt opgebouwd. Je beheert de categorieboom met nesting en productaantallen per tak, vindt lege categorieën en producten die aan een bovenliggende categorie hangen, stelt voor veel producten tegelijk een primaire categorie in, en laat AI-categorisatie categorieën uit je eigen boom toewijzen, met een nauwkeurigheid van 95%+. AI-categorisatie maakt de eerste keuze ook de primaire categorie, dus toets die keuzes aan de regels hierboven.