Breadcrumbs

Je klikt op een productpagina via Google, scrolt naar boven en ziet bovenaan: Home > Schoenen > Dames > Sneakers. In één oogopslag weet je waar je zit en hoe je een stap terug kan. Dat kleine spoor heet een kruimelpad.

Hieronder ontdek je wat breadcrumbs precies zijn, waarom ze zowel je bezoekers als Google helpen, en hoe je ze technisch correct implementeert op je website of webshop.

Wanneer breadcrumbs zinvol zijn (en wanneer niet)

Breadcrumbs werken het best op sites met een duidelijke hiërarchie: webshops, nieuwssites, kennisbanken of grote bedrijfssites met categorieën en subcategorieën. Hoe dieper je structuur, hoe meer waarde een kruimelpad toevoegt.

Op een one-pager of een kleine brochure-site met vijf pagina’s hebben breadcrumbs weinig nut. Je voegt dan visuele ruis toe zonder navigatiewinst. Twijfel je? Tel het aantal niveaus in je sitemap. Vanaf drie niveaus diep loont het bijna altijd.

De drie types breadcrumbs

Niet elke breadcrumb werkt op dezelfde manier. Afhankelijk van je site kies je een ander type, of een combinatie.

• Hiërarchische breadcrumbs (path-based): tonen waar de pagina zit in de sitestructuur. Het meest voorkomende type, ideaal voor webshops en categoriestructuren.
• Attribute-based breadcrumbs: tonen kenmerken van het product, bijvoorbeeld Home > Dames > Maat 38 > Blauw. Handig bij webshops met veel filters.
• History-based breadcrumbs: tonen het pad dat de bezoeker zelf heeft afgelegd. Wordt nauwelijks gebruikt omdat de browser-back-knop dezelfde rol speelt.

Voor de meeste Vlaamse websites is het hiërarchische type de juiste keuze. Het is voorspelbaar, makkelijk te implementeren en past perfect bij hoe Google je site leest.

Wat breadcrumbs opleveren voor SEO

Google gebruikt breadcrumbs om de structuur van je site te begrijpen. Ze versterken je interne linkstructuur, verspreiden autoriteit naar diepere pagina’s en geven context aan productpagina’s die anders losstaand lijken.

Bovendien vervangt Google in de zoekresultaten je URL door het kruimelpad als je BreadcrumbList schema hebt toegevoegd. Een resultaat met conversal.be > Diensten > SEO oogt geloofwaardiger dan een lange, kale URL. Dat tikt door op je doorklikratio.

Breadcrumbs implementeren met schema markup

De meeste WordPress- en WooCommerce-sites krijgen breadcrumbs via een plugin (Yoast, Rank Math) of via de eigen WooCommerce-functie. Die plugins voegen meestal automatisch JSON-LD met BreadcrumbList toe. Check dat altijd, want een visuele breadcrumb zonder schema mist de SEO-bonus.

Een minimaal voorbeeld in JSON-LD ziet er zo uit:

{ "@context":"https://schema.org", "@type":"BreadcrumbList", "itemListElement":[ {"@type":"ListItem","position":1,"name":"Home","item":"https://www.voorbeeld.be/"}, {"@type":"ListItem","position":2,"name":"Schoenen","item":"https://www.voorbeeld.be/schoenen/"} ] }

Test je implementatie altijd via de officiële documentatie van Google Search Central en de Rich Results Test. Eén verkeerd veld en Google toont je breadcrumb niet in de SERP.

Breadcrumbs en toegankelijkheid

Een breadcrumb is meer dan visueel pad — het is een navigatie-element voor screenreaders. Wikkel je breadcrumb daarom in een <nav aria-label='Breadcrumb'> en gebruik een geordende lijst. Zo herkennen hulptechnologieën het pad als aparte navigatie.

Op mobiel kies je best voor één compacte regel met kleine tekst en een duidelijke separator (> of /). Vermijd dat het kruimelpad over twee regels breekt — dat oogt rommelig en werkt slecht op kleine schermen.

Lees ook: hoe een sterke navigatiestructuur je site overzichtelijk houdt en waarom accessibility geen extra is maar een basis.

Veelgemaakte fouten met breadcrumbs

• De huidige pagina als klikbare link tonen — die hoort tekst te zijn, niet aanklikbaar.
• Breadcrumbs tonen die niet overeenkomen met de werkelijke URL-structuur. Verwarrend voor zowel Google als bezoekers.
• Schema toevoegen zonder zichtbare breadcrumb op de pagina. Google ziet dat als misleiding.
• De breadcrumb verstoppen onder de fold of in een hamburgermenu.

Open je belangrijkste categoriepagina, kopieer de URL in de Rich Results Test en kijk of je BreadcrumbList correct wordt herkend. Vijf minuten werk, en je weet meteen of je dat extra stukje SERP-vastgoed pakt of laat liggen.