Breadcrumbs.

Breadcrumbs, in het Nederlands een kruimelpad, is het rijtje links bovenaan een pagina dat laat zien waar je bent binnen de site. Home, dan de rubriek, dan de pagina waar je nu staat.

De naam komt uit het sprookje van Hans en Grietje, die broodkruimels achterlieten om de weg terug te vinden. Op een site van vijf pagina's is zo'n pad overbodig. Op een webshop of een kennisbank hoort het bij de weinige dingen die de bezoeker helpen en tegelijk je rubriekpagina's versterken.

De drie soorten, en waarom er maar één deugt

Er bestaan drie manieren om een kruimelpad op te bouwen en ze worden vaak door elkaar gehaald.

Op plaats. Het pad volgt de structuur van je site: Home, Schoenen, Damesschoenen, deze schoen. Dit is de soort die je wilt. Hij is voor elke bezoeker hetzelfde en hij vertelt iets dat klopt, ook als iemand rechtstreeks vanuit Google binnenkomt.

Op kenmerk. Het pad wordt opgebouwd uit de filters die iemand koos: Home, Schoenen, Dames, Maat 39, Zwart. Dit kom je in webshops tegen. Het kan werken, maar het levert per bezoeker een ander pad op en dus ook een ander webadres. Markeer zo'n pad niet en zorg dat die filtercombinaties niet allemaal apart in de index terechtkomen.

Op route. Het pad laat zien welke pagina's iemand achter elkaar heeft bezocht. Dat is geen kruimelpad maar een geschiedenis, en daar heeft de browser al een knop voor. Oude systemen deden dit nog; kom je het tegen, zet het dan uit.

Wat een kruimelpad je oplevert

Voor de bezoeker is het oriëntatie. Iemand die via Google binnenkomt landt zelden op je startpagina. Het pad vertelt hem in één oogopslag waar hij terecht is gekomen en wat er verder over dit onderwerp bestaat.

Google gebruikt het om je indeling te begrijpen: welke pagina's horen bij elkaar en welke staat boven welke. Bij een site met vijftig producten in acht categorieën scheelt dat echt iets.

En het zijn interne links. Elk kruimelpad is een set links naar je rubriekpagina's, op elke onderliggende pagina, met de rubrieknaam als ankertekst. Categoriepagina's krijgen daardoor vanzelf de verwijzingen die ze anders moeizaam moeten verzamelen. Waar interne links verder in de rij staan lees je in de SEO checklist in 20 stappen.

Wat het niet is: een rangschikkingsfactor waar je posities mee wint. Google heeft nooit beweerd dat een kruimelpad je hoger zet. De winst zit in oriëntatie, in interne links en in het uitleggen van je structuur.

Wat er in januari 2025 in de zoekresultaten veranderde

Jarenlang toonde Google boven een zoekresultaat het kruimelpad in plaats van het kale webadres. Op 23 januari 2025 haalde Google dat weg voor mobiele resultaten. Daar staat sindsdien alleen nog de domeinnaam.

De reden die Google gaf: op een klein scherm werd het pad toch meestal afgekapt, dus het hielp niemand. Op desktop is het pad blijven staan.

Wat er niet veranderde is de rest. Google ondersteunt de markering nog steeds, het rapport voor kruimelpaden in Search Console bleef bestaan, en de test voor rich results controleert hem nog. De code onder de motorkap doet dus gewoon zijn werk.

Er is dus één argument weggevallen: dat je het pad mooi in de zoekresultaten terugziet. Dat geldt nog voor desktop, en voor de meeste sites komt het grootste deel van het bezoek van een telefoon. De andere redenen om een kruimelpad te hebben zijn er niet minder om, alleen je verwachting mag omlaag.

Hoe het eruit hoort te zien

• Bovenaan de pagina, boven de titel of er direct onder. Onder de header en boven de inhoud.
• Van breed naar smal. Home, rubriek, subrubriek, huidige pagina. Andersom leest niemand goed.
• De huidige pagina niet klikbaar. Je staat er al. Hem wel tonen mag, als tekst.
• Klein en rustig. Het is navigatie en geen kop. Kleiner dan je lopende tekst, in een grijstint die nog genoeg contrast heeft.
• Een scheidingsteken ertussen dat voor een schermlezer verborgen blijft, want die hoeft niet elke keer een pijltje voor te lezen.

Over dat scheidingsteken wordt vreemd veel gediscussieerd. Voor Google maken een groter dan-teken, een schuine streep en een pijltje geen verschil. Kies er een, houd het op je hele site hetzelfde en zorg dat het niet in de link zelf staat.

De code eronder

Een kruimelpad is een lijst met links in een navigatieblok. In HTML ziet dat er ongeveer zo uit: een nav-element met daarin een geordende lijst, en per stap een lijstitem met een link.

Drie dingen maken het verschil tussen een net en een rommelig kruimelpad. Het nav-element krijgt een aria-label met de tekst Kruimelpad, zodat iemand met een schermlezer weet welke navigatie dit is. De lijst is een ol en geen div met streepjes ertussen, want de volgorde heeft betekenis. En het laatste item krijgt aria-current="page", zodat hoorbaar is dat dit de huidige pagina is.

Het scheidingsteken zet je met CSS via een ::before op het lijstitem, of je zet er aria-hidden="true" omheen. Beide zorgen dat een schermlezer het overslaat.

Zet het pad ook echt bovenin je HTML, op de plek waar het staat. Een kruimelpad dat onderaan de code staat en met CSS naar boven wordt geschoven leest voor een toetsenbordgebruiker in de verkeerde volgorde.

Toegankelijkheid

Een kruimelpad is de bekendste manier om aan succescriterium 2.4.8 van de WCAG te voldoen. Dat criterium gaat over kunnen weten waar je je binnen een site bevindt. Het zit op niveau AAA, dus verplicht is het nergens, al staat de techniek wel met naam in de richtlijn beschreven.

In de praktijk lopen de eisen die je wel moet halen er dwars doorheen. Navigatie hoort op elke pagina op dezelfde plek te staan en er hetzelfde uit te zien. Links moeten uit hun eigen tekst te begrijpen zijn. En de tekst moet genoeg contrast houden, wat precies de plek is waar een lichtgrijs kruimelpad op een witte achtergrond de mist in gaat.

Voor overheidssites in Nederland gelden die eisen al langer, via het besluit dat digitale toegankelijkheid voor de overheid regelt en dat naar de Europese norm verwijst. Sinds 28 juni 2025 gelden er Europese toegankelijkheidseisen voor onder meer webshops, met een uitzondering voor de kleinste bedrijven.

Mijn advies voor een gewone bedrijfssite: bouw het één keer goed op met een nav, een ol en aria-current, en je hebt er nooit meer omkijken naar. Het kost een half uur meer dan het slordig doen.

De markering met BreadcrumbList

Wil je dat Google het pad in de zoekresultaten kan tonen, dan markeer je het met gestructureerde gegevens in het formaat BreadcrumbList van schema.org. Google leest die het liefst als JSON-LD, een stukje code in de kop van je pagina.

In die code staat per stap een positie, een naam en een adres. De laatste stap is de pagina zelf en die mag het adres weglaten. De naam in de markering hoort gelijk te zijn aan de tekst die de bezoeker ziet.

Staat een pagina echt op meerdere plekken in je site, dan mag je meerdere paden markeren. Google kiest er dan zelf een. Doe dat alleen als het klopt, niet om extra rubrieken binnen te loodsen.

Belangrijk: wat er in je markering staat moet overeenkomen met wat er op de pagina zichtbaar is. Een pad markeren dat nergens op de pagina staat is misleidend en het levert eerder een handmatige maatregel op dan een voordeel.

Een historisch dingetje dat nog rondspookt: tot april 2020 kon je hiervoor ook de oude markering van data-vocabulary.org gebruiken. Google stopte toen met de ondersteuning daarvan en veel sites kregen een golf waarschuwingen in Search Console. Vind je in een oud thema nog zo'n stuk code, dan is dat de reden.

Kruimelpaden in WordPress

WordPress kende jarenlang geen ingebouwd kruimelpad. Je haalde het uit je thema of uit een SEO-plugin, en dat leverde net zo vaak gedoe op als resultaat.

Dat is veranderd. Sinds WordPress 7.0, uitgekomen op 20 mei 2026, zit er een kruimelpadblok in de kern. Dat blok bouwt het pad zelf op uit je paginastructuur, je categorieën en je berichttypen, en werkt ook op archieven, zoekresultaten en de 404-pagina. Je kunt het scheidingsteken kiezen en instellen of de laatste stap een link is of gewone tekst. In een blokthema zet je het in je sjabloon en dan staat het overal.

Gebruik je nog een klassiek thema, dan zijn er drie routes. Je thema heeft het ingebouwd en je zet het aan in de themaopties. Je SEO-plugin levert het: bij Yoast SEO zet je het aan onder de weergave-instellingen en plaats je het met een blok, een shortcode of een regel PHP in je themabestand. Of je paginabouwer heeft er een module voor die je in een sjabloon zet, zodat je het één keer regelt voor alle pagina's van dat type.

Let bij die tweede route op een verwarrend detail. Yoast kan de markering voor BreadcrumbList meesturen in zijn schemablok terwijl je het zichtbare pad nergens hebt neergezet. Dan heeft Google het pad wel en je bezoeker niet. Controleer daarom allebei: kijk op de pagina en kijk in de broncode.

Draai je twee bronnen tegelijk, bijvoorbeeld een thema dat het al doet en een plugin die het ook doet, dan krijg je twee markeringen op één pagina. Zet er dan een uit.

Het pad moet je structuur volgen

Een kruimelpad is een weergave van je site-indeling. Klopt die indeling niet, dan wordt dat door het pad pijnlijk zichtbaar.

Bij pagina's is het simpel: WordPress kent een bovenliggende pagina en daar volgt het pad uit. Bij berichten wordt het lastiger, want een bericht kan in drie categorieën staan en dan moet er iets kiezen. Yoast laat je een primaire categorie aanwijzen; het kruimelpadblok in de kern gebruikt een instelling per berichttype. Kies er een en houd hem aan, anders verspringt het pad per bezoek.

Het pad hoeft niet gelijk te zijn aan je webadres, maar het helpt als dat wel zo is. Staat er /kennisbank/seo/breadcrumbs/ in de adresbalk en toont je pad Home, Blog, dan klopt er iets niet met je indeling. Hoe je die adressen opbouwt staat bij zoekmachinevriendelijke webadressen.

Houd het ondiep. Vier stappen inclusief Home is voor vrijwel elke site genoeg. Heb je er zes nodig, dan is je categorieboom het probleem en niet je kruimelpad.

Op de telefoon

Hier gaat het het vaakst mis. Een pad van vier stappen past niet op een smal scherm, dus wordt het weggelaten of het duwt de pagina zijwaarts.

Verbergen met display:none is de slechtste oplossing. Dan staat het nog wel in je code, maar ziet je bezoeker het niet, en juist op een telefoon is oriëntatie het meest waard. Bovendien wijkt je markering dan af van wat zichtbaar is.

Beter is het om op een klein scherm alleen de stap boven de huidige te tonen, met een pijltje terug ervoor. Dus niet het hele pad maar alleen "Damesschoenen". Dat is één regel en het beantwoordt de vraag waar je bent.

De tweede werkende oplossing is het pad horizontaal laten schuiven binnen zijn eigen balk, waarbij het einde zichtbaar is en het begin wegvalt. Zorg dan dat de rest van de pagina niet meeschuift. Meer over dit soort keuzes staat bij je website optimaliseren voor mobiel.

Kruimelpad, menu en terugknop

Deze drie doen verschillend werk en ze vervangen elkaar niet.

Je menu laat zien wat er allemaal is. Het is voor iedereen hetzelfde en het verandert niet als je doorklikt.

Je kruimelpad laat zien waar je nu bent binnen dat geheel, en geeft je een stap omhoog. Dat is iets anders dan een stap terug.

De terugknop van de browser brengt je naar waar je vandaan kwam, en dat is vaak Google. Voor iemand die op een zoekresultaat klikte is een stap omhoog in de site nuttiger dan terug naar de resultatenlijst, want daar was hij al.

Wat een kruimelpad al helemaal niet is: een reeks stappen in een bestelproces. Die balk met "winkelwagen, gegevens, betalen" heet een voortgangsindicator. Hij ziet er hetzelfde uit en hij doet iets anders, en je markeert hem dus niet als BreadcrumbList.

Wanneer je ze beter weglaat

Bij een site van vijf pagina's zonder hiërarchie voegt het niets toe. Home gevolgd door de pagina waar je bent is ruis. Ik zou het daar gewoon niet doen.

Bij een landingspagina die los staat en waar bezoekers uit een advertentie op binnenkomen, laat je het ook weg. Elke uitgaande link is daar een reden om af te haken.

En bij een winkelwagen, een afrekenpagina of een formulier in stappen hoort het niet. Daar wil je juist geen zijpaden aanbieden.

Twijfel je bij een site met twee niveaus, kijk dan naar je statistieken. Als niemand op je categoriepagina's komt, is een kruimelpad een goedkope manier om ze zichtbaar te maken. Als die pagina's er niet toe doen, laat het dan.

Waar het misgaat

De huidige pagina is een link naar zichzelf. Verwarrend voor iedereen en voor een schermlezer ronduit vervelend.

Het pad verspringt per bezoek omdat een bericht in meerdere categorieën staat en er geen primaire is gekozen. Zoekmachines zien dan wisselende structuren voor dezelfde pagina.

De 404-pagina doet alsof de pagina bestaat. Sommige thema's bouwen daar een pad uit het ingetikte adres, dus Home, Schoenen, deze-pagina-bestaat-niet. Toon daar hooguit een stap terug naar de rubriek, met een zoekveld ernaast.

Het scheidingsteken staat in de linktekst. Dan hoort het pijltje bij de link en wordt het meegelezen en meegeklikt.

Het pad is groter opgemaakt dan de paginatitel. Dat gebeurt vaker dan je denkt bij paginabouwers, en het trekt de aandacht naar de uitgang.

De markering wijkt af van wat er staat. Een plugin die het pad uit de categorieën haalt terwijl je thema iets anders toont, levert twee verhalen op. Google gelooft dan geen van beide.

Hoe je controleert of het klopt

Begin met kijken. Open een productpagina of een artikel diep in je site en vraag jezelf af of het pad klopt met waar de pagina hoort. Klik elke stap aan.

Plak daarna het adres in de test voor rich results van Google. Die laat zien of de BreadcrumbList wordt herkend en wat er precies in staat. De URL-inspectie in Search Console doet hetzelfde voor de versie die Google echt heeft opgehaald, en dat is de betrouwbaardere van de twee.

Kijk in Search Console ook in het rapport voor kruimelpaden. Daar staan de fouten voor je hele site bij elkaar, en daar zie je in één keer of het probleem bij één berichttype zit.

Test het toetsenbord. Tab door de pagina en kijk of je de stappen in de juiste volgorde langsgaat en of je ziet welk element focus heeft. Dit is de controle die vrijwel niemand doet en die de meeste fouten boven water haalt. Waarom dat soort details het verschil maakt staat bij gebruikerservaring.

En pak je telefoon. Niet de smalle stand van je browser op je laptop, maar een echt toestel.

Veelgestelde vragen over breadcrumbs

Wat zijn breadcrumbs op een website?

Breadcrumbs zijn het rijtje links bovenaan een pagina dat laat zien waar die pagina zich in de site bevindt, bijvoorbeeld Home, Schoenen, Damesschoenen. Elke stap is een link naar het niveau erboven, behalve de laatste.

Ze zijn bedoeld voor oriëntatie, vooral voor bezoekers die via een zoekmachine ergens middenin je site binnenkomen.

Wat is de Nederlandse vertaling van breadcrumbs?

Kruimelpad, en je komt ook broodkruimelpad tegen. De naam verwijst naar Hans en Grietje, die kruimels achterlieten om terug te kunnen vinden waar ze vandaan kwamen.

Zijn breadcrumbs goed voor SEO?

Ze helpen, maar niet als rangschikkingsfactor. De winst zit erin dat je categoriepagina's op elke onderliggende pagina een interne link krijgen, en dat Google je structuur beter afleidt.

Bij een site met veel niveaus is dat een echt voordeel. Bij een site van vijf pagina's verandert het niets.

Toont Google breadcrumbs nog in de zoekresultaten?

Op desktop wel, op mobiel niet meer. Google haalde het pad op 23 januari 2025 weg uit het zichtbare webadres op mobiele resultaten, omdat het op een klein scherm toch werd afgekapt. Daar staat sindsdien alleen de domeinnaam.

De markering blijft wel ondersteund en het rapport in Search Console bestaat nog.

Heb ik gestructureerde gegevens nodig voor breadcrumbs?

Voor je bezoeker niet, voor Google wel als je wilt dat het pad in de zoekresultaten kan verschijnen. Je markeert het dan met BreadcrumbList van schema.org, het liefst als JSON-LD.

In WordPress doet je SEO-plugin dat meestal automatisch. Controleer met de test voor rich results of het er echt in staat.

Hoe voeg ik breadcrumbs toe in WordPress?

Sinds WordPress 7.0 zit er een kruimelpadblok in de kern dat je in je sjabloon plaatst. Dat is voor een blokthema de makkelijkste weg.

Bij een klassiek thema gebruik je de optie van je thema zelf, de breadcrumbs van je SEO-plugin, of een module in je paginabouwer. Zet er in alle gevallen maar één aan, anders krijg je twee paden en twee markeringen.

Waar horen breadcrumbs op de pagina te staan?

Boven de paginatitel of er direct onder, en onder je header. Op elke pagina op dezelfde plek, want daar rekent een bezoeker op.

Onderaan de pagina heeft geen zin. Dan is de vraag waar je bent allang beantwoord of allang opgegeven.

Moet de huidige pagina in het kruimelpad een link zijn?

Nee. Toon hem als gewone tekst, want je staat er al. Geef het element aria-current="page" mee, dan is voor een schermlezer duidelijk dat dit de huidige pagina is.

Welk scheidingsteken gebruik ik tussen de stappen?

Dat maakt voor zoekmachines niets uit. Een groter dan-teken, een schuine streep of een pijltje werken allemaal.

Wat wel uitmaakt: zet het buiten de link en verberg het voor schermlezers, met CSS of met aria-hidden. Anders wordt het bij elke stap voorgelezen.

Hoeveel niveaus mag een kruimelpad hebben?

Vier stappen inclusief Home is voor vrijwel elke site genoeg. Meer wordt onleesbaar, zeker op een telefoon.

Heb je er echt meer nodig, kort dan de middelste stappen in met een beletselteken en laat de eerste en de laatste twee staan. Beter is het om je categorieboom ondieper te maken.

Heeft een kleine website breadcrumbs nodig?

Bij vijf pagina's zonder onderverdeling niet. Home gevolgd door de pagina waar je bent voegt niets toe en kost alleen ruimte.

Zodra je categorieën hebt met meerdere pagina's eronder, wordt het nuttig. Denk aan een kennisbank, een webshop of een site met diensten en subdiensten.

Vervangen breadcrumbs het hoofdmenu?

Nee, ze doen iets anders. Je menu laat zien wat er allemaal is, je kruimelpad laat zien waar je nu bent en geeft je een stap omhoog.

Een site met alleen een kruimelpad en geen menu laat bezoekers rondtasten.

Zijn breadcrumbs verplicht voor toegankelijkheid?

Verplicht zijn ze niet. Het succescriterium waar ze onder vallen gaat over weten waar je bent binnen een site en zit op het hoogste niveau van de WCAG, dat vrijwel nergens wordt geëist.

De manier waarop je ze bouwt valt wel onder de gewone eisen: genoeg contrast, bereikbaar met het toetsenbord en op elke pagina op dezelfde plek. Sinds 28 juni 2025 gelden er Europese toegankelijkheidseisen voor onder meer webshops, met een uitzondering voor de kleinste bedrijven.

Wat doe ik als een bericht in meerdere categorieën staat?

Wijs één categorie aan als de primaire en laat het pad die volgen. In Yoast SEO kun je dat per bericht instellen, en het blok in de kern werkt met een instelling per berichttype.

Doe je dat niet, dan kiest het systeem zelf en kan het pad per keer verschillen. Dat is verwarrend voor bezoekers en het levert wisselende signalen op voor Google.

Waarom krijg ik een foutmelding over breadcrumbs in Search Console?

Meestal ontbreekt er een veld in de markering, zoals de naam of de positie van een stap, of wijst een stap naar een adres dat niet meer bestaat.

Zie je een melding over data-vocabulary.org, dan draai je nog een oude markering die Google in april 2020 heeft uitgefaseerd. Werk je thema of plugin bij, want de huidige versies gebruiken schema.org.