Breadcrumbs optimaliseren voor SEO en UX
Goede breadcrumbs maken de hiërarchie van je website duidelijker voor bezoekers. In deze gids leer je hoe je breadcrumbnavigatie ontwerpt, implementeert, test en beheert zonder onlogische paden of dubbele structured data.
Breadcrumbs optimaliseren betekent dat je een klikbaar, logisch pad toont van een bovenliggende pagina naar de huidige pagina, bijvoorbeeld: Home > Diensten > SEO-optimalisatie. Dat helpt bezoekers terug te navigeren en verduidelijkt de structuur van je website. Voeg daarnaast BreadcrumbList structured data toe als die overeenkomt met de zichtbare breadcrumbs. Dit kan Google helpen breadcrumbs te begrijpen, maar garandeert geen vertoning of hogere positie in de zoekresultaten.
Wat zijn breadcrumbs?
Breadcrumbs, ook wel kruimelpaden, zijn secundaire navigatielinks boven de paginatitel of hoofdinhoud. Ze laten zien waar een pagina zich bevindt binnen de inhoudelijke hiërarchie van een website.
Op een zakelijke website kan het pad er bijvoorbeeld zo uitzien:
Home > Kennisbank > Technische SEO > 404- en soft-404-fouten
Een breadcrumb is dus geen vervanging voor het hoofdmenu, interne links in de content of een goede websitestructuur. Het is een extra oriëntatiepunt, vooral nuttig wanneer een bezoeker via Google op een diepere pagina landt.
Breadcrumbs voor bezoekers versus BreadcrumbList voor Google
Er zijn twee onderdelen die je apart moet beoordelen:
- Zichtbare breadcrumbs: de navigatie die een bezoeker kan zien en gebruiken.
- BreadcrumbList structured data: code waarmee je Google de hiërarchie van die breadcrumbs beschrijft.
De zichtbare variant moet altijd leidend zijn. Structured data is geen los SEO-trucje: de markup hoort aan te sluiten op de daadwerkelijk zichtbare navigatie en de inhoudelijke structuur van de pagina. Google kan correcte markup gebruiken voor een breadcrumbweergave in de zoekresultaten, maar beslist zelf of die weergave wordt getoond.
Wanneer zijn breadcrumbs zinvol?
Breadcrumbs passen vooral goed bij websites met meerdere niveaus, zoals kennisbanken, uitgebreide dienstensites, productcategorieën en websites met regionale of inhoudelijke subpagina's. Ze zijn minder waardevol op een kleine website met slechts enkele losse pagina's zonder duidelijke hiërarchie.
Gebruik breadcrumbs alleen als er een begrijpelijk bovenliggend pad bestaat. Forceer geen extra niveaus uitsluitend voor SEO. Een bezoeker moet direct snappen waarom een pagina onder een bepaalde rubriek valt.
Scorecard: beoordeel je huidige breadcrumbs
Gebruik deze scorecard voordat je technische aanpassingen doet. Pak een belangrijke dienstenpagina, categoriepagina en artikelpagina erbij en beoordeel elk punt.
| Controlepunt | Goed uitgevoerd | Signaal dat actie nodig is | Concrete actie |
|---|---|---|---|
| Hiërarchie | Elke stap beschrijft een echte bovenliggende rubriek. | Het pad bevat willekeurige labels of herhaalt de paginatitel. | Herstel de inhoudelijke pagina-indeling voordat je markup toevoegt. |
| Klikbaarheid | Alle voorgaande stappen zijn bruikbare links. | Een categorie of tussenpagina is niet klikbaar. | Maak alleen bestaande, relevante bovenliggende pagina's klikbaar. |
| Huidige pagina | De laatste stap maakt duidelijk welke pagina geopend is. | De huidige pagina is een link naar zichzelf of ontbreekt zonder duidelijke reden. | Toon de huidige pagina als eindpunt en voorkom een overbodige self-link. |
| Mobiele weergave | Het pad blijft leesbaar en bedienbaar op een klein scherm. | Links lopen buiten beeld of zijn moeilijk aan te tikken. | Kort alleen tussenliggende labels zorgvuldig in, niet de betekenis van het pad. |
| Structured data | Er is één consistente BreadcrumbList die overeenkomt met de zichtbare navigatie. | Meerdere plugins of thema's leveren verschillende breadcrumb-markup uit. | Schakel dubbele output uit en valideer opnieuw. |
| Bestemmings-URL's | Breadcrumblinks verwijzen naar werkende, canonieke pagina's. | Een stap leidt naar een redirect, 404 of niet-indexeerbare pagina. | Corrigeer de link of de onderliggende pagina en controleer fouten opnieuw. |
Breadcrumbs optimaliseren: stappenplan
- Breng je echte inhoudshiërarchie in kaart.Begin niet in een plugin, maar met je pagina's. Bepaal welke categorie, dienst of kennisbankrubriek logisch boven de huidige pagina staat. Een pagina kan soms via meerdere routes bereikbaar zijn. Kies dan het pad dat de inhoud het best verklaart.
- Houd het pad kort en betekenisvol.Gebruik duidelijke labels zoals Diensten, SEO en Technische SEO. Vermijd vage tussenstappen zoals Overig of een reeks tags die bezoekers niet helpt.
- Gebruik breadcrumbs als aanvulling op interne links.Een breadcrumbpad toont de hiërarchie, maar legt niet alle relevante verbanden bloot. Link in de inhoud ook naar verwante pagina's. Bij een artikel over foutieve URL's is bijvoorbeeld een inhoudelijke link naar 404- en soft-404-fouten oplossen logisch.
- Controleer de URL's achter elke stap.Een breadcrumblink moet naar een werkende, relevante bestemming leiden. Gebruik bij voorkeur de canonieke URL en voorkom links naar tijdelijke redirects, zoekresultaatpagina's of pagina's die niet geïndexeerd mogen worden.
- Maak de zichtbare navigatie bruikbaar op mobiel.Test of bezoekers de tussenliggende stappen kunnen lezen en aantikken. Een breadcrumb die door CSS wordt verborgen of moeilijk te bedienen is, helpt de gebruiker niet.
- Voeg slechts één consistente BreadcrumbList toe.Controleer eerst of je thema of SEO-plugin al structured data uitvoert. Voeg niet nog een tweede implementatie toe zonder de bestaande output uit te schakelen of te vervangen.
- Valideer, publiceer en monitor.Test de URL in de Rich Results Test. Controleer vervolgens in Google Search Console of Google de pagina kan inspecteren en bekijk het rich-result-rapport wanneer dit beschikbaar is.
Een logische breadcrumbhiërarchie ontwerpen
Een goed pad volgt de manier waarop mensen onderwerpen en diensten begrijpen, niet automatisch de technische URL-opbouw. Stel dat je URL een datum, campagneparameter of technische map bevat. Dat is geen reden om die onderdelen als breadcrumbstappen te tonen.
Voor een dienstensite kan dit passend zijn:
Home > Diensten > Conversie & SEO-optimalisatie
Daarbij verwijst Diensten naar het overzicht van diensten en de eindpagina naar de betreffende dienst. Voor inhoud over technische fouten kan een kennisbankstructuur juist logischer zijn.
Ontwerp je structuur vanuit onderwerpen en gebruikersvragen. Zo ondersteun je navigatie, interne links en de context van belangrijke pagina's tegelijk. Wanneer je structuur als geheel onduidelijk is, heeft het weinig zin om alleen breadcrumbs te repareren.
Breadcrumbs instellen in WordPress
WordPress zelf, je thema en een SEO-plugin kunnen breadcrumbs op verschillende manieren verzorgen. Daarom is de eerste stap altijd inventariseren wat er al actief is.
- Open enkele pagina's aan de voorkant van de website en kijk of breadcrumbs zichtbaar zijn.
- Bekijk de broncode of test een URL om na te gaan of BreadcrumbList structured data aanwezig is.
- Controleer in je thema-instellingen en SEO-plugin welke functie breadcrumbs uitvoert.
- Kies één bron voor zichtbare breadcrumbs en één consistente bron voor de bijbehorende markup. Vaak kunnen die uit dezelfde oplossing komen.
- Test een pagina uit elke relevante paginagroep: diensten, berichten, categorieën en eventuele maatwerkpagina's.
Let extra op maatwerktemplates. Een standaard berichttemplate kan correcte breadcrumbs tonen, terwijl een landingspagina of diensttemplate daarvan afwijkt. Pas geen algemene instelling toe zonder die belangrijke templates na te lopen.
Voorbeeld van BreadcrumbList structured data
JSON-LD is een gangbare manier om BreadcrumbList structured data toe te voegen. Dit voorbeeld beschrijft een pad met drie niveaus. Vervang de namen en URL's alleen door pagina's die daadwerkelijk bestaan en overeenkomen met wat bezoekers zien.
{
"@context": "https://schema.org",
"@type": "BreadcrumbList",
"itemListElement": [
{
"@type": "ListItem",
"position": 1,
"name": "Home",
"item": "https://voorbeeld.nl/"
},
{
"@type": "ListItem",
"position": 2,
"name": "Diensten",
"item": "https://voorbeeld.nl/diensten/"
},
{
"@type": "ListItem",
"position": 3,
"name": "Conversie en SEO-optimalisatie",
"item": "https://voorbeeld.nl/diensten/conversie-seo-optimalisatie/"
}
]
}
De volgorde loopt van het hoogste niveau naar de huidige pagina. Google documenteert dat een BreadcrumbList uit minimaal twee ListItem-elementen bestaat. Gebruik dus geen markup voor een pagina waarop alleen een enkel label staat.
Veelgemaakte fouten
- De URL letterlijk kopiëren: URL-mappen zijn niet altijd een goede navigatiehiërarchie. Kies het begrijpelijke gebruikerspad.
- Dubbele markup: een thema, plugin en maatwerkcode kunnen elk een BreadcrumbList toevoegen. Dat zorgt voor tegenstrijdige signalen en onnodige validatieproblemen.
- Onzichtbare of afwijkende breadcrumbs: markup met een ander pad dan de zichtbare navigatie is geen duurzame oplossing.
- Broken links in het pad: vooral na een herstructurering kunnen breadcrumbs naar vervallen pagina's wijzen. Pak dat samen met je reguliere controle op redirects en fouten aan.
- Markup als rankingbelofte behandelen: BreadcrumbList helpt zoekmachines de structuur te interpreteren, maar is geen garantie voor hogere rankings of een rich result.
- De hoofdnavigatie negeren: breadcrumbs herstellen geen onduidelijk menu, slechte categorisering of zwakke interne links.
Testen in Rich Results Test en Google Search Console
Test na elke wijziging eerst de live of gepubliceerde pagina in de Rich Results Test. Daarmee controleer je of Google de BreadcrumbList kan lezen en of er fouten of waarschuwingen zijn.
Gebruik daarna URL-inspectie in Google Search Console om te beoordelen hoe Google de URL ziet. Controleer bij belangrijke pagina's onder meer of de pagina toegankelijk en indexeerbaar is. Het breadcrumb- of rich-result-rapport in Search Console helpt je vervolgens om problemen over meerdere URL's te volgen.
Zie je foutieve bestemmingen in breadcrumbs, behandel die als een concreet technisch probleem. Onze gids over 404- en soft-404-fouten helpt je de onderliggende URL-fouten gericht op te lossen.
Checklist voor publicatie en onderhoud
- De zichtbare breadcrumbs tonen een logisch pad naar de huidige pagina.
- Elke tussenliggende stap is een relevante, werkende link.
- De labels zijn begrijpelijk voor bezoekers en niet alleen afgeleid van technische URL-slugs.
- De weergave werkt op desktop en mobiel.
- De bestemmingen zijn de bedoelde canonieke URL's.
- Er staat niet onbedoeld dubbele BreadcrumbList structured data op de pagina.
- De structured data komt overeen met de zichtbare breadcrumbnavigatie.
- De markup is getest met de Rich Results Test.
- Belangrijke URL's zijn gecontroleerd met URL-inspectie in Search Console.
- Na een wijziging in menu, categorieën, permalinks of templates controleer je de breadcrumbs opnieuw.
Wanneer hulp inschakelen?
Bij een eenvoudige WordPress-site is het instellen vaak overzichtelijk. Bij een website met maatwerktemplates, meerdere contenttypen, migraties of uiteenlopende plugins is een audit verstandiger. Dan moet je niet alleen de markup, maar ook de interne structuur, canonicals, redirects en gebruikersroute beoordelen.
Wil je breadcrumbs, interne links en pagina-opbouw als geheel verbeteren? Bekijk dan de dienst conversie- en SEO-optimalisatie of bespreek je website of online groeikansen met LYNX Media.
Bronnen
Bespreek je website of online groeikansen met LYNX Media
Heb je een vraag over dit onderwerp, of wil je weten wat er voor jouw site nodig is? Neem contact op.
Neem contact op
