Breadcrumbs: wat ze zijn en hoe je ze implementeert
Hoewel Google ze vreemd genoeg "Navigatie-/Verkenningspaden" noemt, kennen wij in de SEO-wereld deze functie officieel als breadcrumbs. De laatste tijd zijn er veel nieuwe ontwikkelingen rond dit onderwerp, en daarom hebben we besloten een gids samen te stellen waarin we je laten zien wat ze zijn, hoe je ze stap voor stap implementeert, manieren om een implementatie te valideren, en tot slot, hoe je hun voortgang monitort in Search Console.
Aan de slag!
Wat zijn breadcrumbs?
Breadcrumbs zijn een functie waarvan het doel is om de gebruikersnavigatie te verbeteren en duidelijk aan te geven, zowel aan zoekmachines als aan gebruikers, wat de hiërarchie van de pagina's is. Op deze manier kan de gebruiker snel zowel de eindpagina als de categorieën waartoe deze pagina behoort, bezoeken.
Manieren om breadcrumbs te implementeren
Wat de implementatie betreft, hebben we momenteel twee opties: de optie die zichtbaar is voor gebruikers en de code-optie. In werkelijkheid moeten beide altijd samen worden geïmplementeerd en niet apart.
Zichtbaar
In de zichtbare optie implementeert de website de breadcrumbs bovenaan elke pagina, zodat de gebruiker die de pagina bezoekt precies weet waar hij is. Bijvoorbeeld, als we naar een productpagina van een e-commerce kijken (een HP Envy-computer), zien we op de breadcrumbs het volgende:
Home > Computers > HP > Envy Op deze manier vertellen we de gebruiker dat het product dat hij bekijkt valt binnen de categorie computers en ook tot de HP-computerfamilie behoort. Wat navigatie betreft is deze functie erg belangrijk omdat als de gebruiker meer HP-modellen wilde zien of door wilde gaan met browsen door computers, dat slechts één klik verwijderd is.
Zonder deze functie wordt navigatie veel moeilijker en de kans dat de gebruiker de website verlaat is veel groter.
Code
Terwijl de vorige optie ons toestond breadcrumbs voor de gebruiker toe te voegen, vertelt deze optie zoekmachines hoe onze content gecategoriseerd is. Het is heel belangrijk dat deze implementatie correct gebeurt, omdat Google geen breadcrumbs begrijpt die alleen zichtbaar zijn.
Hieronder kun je een voorbeeld zien van een breadcrumbs-implementatie met behulp van een JSON-LD-scriptfragment.
<script type="application/ld+json"> { "@context": "https://schema.org", "@type": "BreadcrumbList", "itemListElement": [{ "@type": "ListItem", "position": 1, "name": "Books", "item": "https://example.com/books" },{ "@type": "ListItem", "position": 2, "name": "Authors", "item": "https://example.com/books/authors" },{ "@type": "ListItem", "position": 3, "name": "Ann Leckie", "item": "https://example.com/books/authors/annleckie" },{ "@type": "ListItem", "position": 4, "name": "Ancillary Justice", "item": "https://example.com/books/authors/ancillaryjustice" }] } </script> De bovenstaande code vertelt ons dat het boek "Ancillary Justice" geschreven is door auteur Ann Leckie en een boek is.
Books > Authors > Ann Leckie > Ancillary Justice
Als we onze website hebben gebouwd met aangepaste ontwikkeling of een van de belangrijkste talen, moeten we de implementatie handmatig uitvoeren. Maar als we WordPress gebruiken, hebben we verschillende plugins beschikbaar die ons bij deze implementatie helpen:
- Rank Math
- Yoast SEO
De implementatie valideren
Zodra de implementatie is uitgevoerd, is het belangrijkste om te verifiëren dat het correct is gedaan. Hoewel het verifiëren van de "zichtbare" implementatie heel eenvoudig is, omdat we alleen hoeven te controleren of alle elementen correct zijn gelinkt en goed werken, zal het verifiëren van de code-implementatie wat meer moeite kosten.
Toch hebben we een Google-tool en een Chrome-extensie tot onze beschikking die ons leven veel makkelijker zullen maken.
Google Structured Data Tool:
Met de Google-tool kunnen we onze gestructureerde data valideren via URL of op codeniveau als we het fragment direct invoeren.
Google Structured Data Tool
Als we een URL invoeren, geeft Google de analyse terug met alle gestructureerde data die zijn gedetecteerd.
Voorbeeld van een URL-analyse in de gestructureerde data-tool van Google.
Als we daarentegen eerst de breadcrumb JSON-LD-code willen testen voordat we deze implementeren, kunnen we de "codefragment"-tool gebruiken, die ons het volgende resultaat geeft:
Validatietool voor codefragmenten van gestructureerde data.
Structured Data Testing Tool (Google Chrome-extensie)
Als we, in plaats van naar de Google-tool te gaan, de gestructureerde data van breadcrumbs (en andere) direct vanuit de browser willen valideren, kunnen we de "Structured Data Testing Tool"-extensie gebruiken, die ons alle gedetecteerde gestructureerde data en ook eventuele fouten zal tonen.
Chrome-extensie om gestructureerde data te valideren met een voorbeeld van een SEO Alive-artikel.
Breadcrumbs monitoren in Google Search Console
Tot slot, zodra we de implementatie en validatie hebben gedaan, hoeft alleen nog de activiteit gemonitord te worden in Google Search Console, waarmee we het dagelijks kunnen volgen en eventuele afwijkingen kunnen detecteren.
Visualisatie van het breadcrumbs-rapport in Search Console (gelanceerd in september 2019).
Tot slot willen we je vragen: wat zijn de meest voorkomende fouten die je bent tegengekomen bij het implementeren ervan?
We willen graag een verzameling samenstellen en deze in dit artikel publiceren om andere SEO-professionals te helpen.
Heel erg bedankt en vergeet niet je opmerkingen te delen!
Referenties
Auteur: David Kaufmann
Ik heb de afgelopen 10+ jaar volledig in het teken van SEO gestaan — en eerlijk gezegd zou ik het voor geen goud anders willen.
Mijn carrière bereikte een nieuw niveau toen ik als senior SEO-specialist werkte voor Chess.com — een van de 100 meest bezochte websites van het hele internet. Werken op die schaal, verspreid over miljoenen pagina's, tientallen talen en in een van de meest competitieve SERPs die er bestaan, heeft me dingen geleerd die geen cursus of certificering ooit zou kunnen. Die ervaring veranderde mijn kijk op hoe geweldige SEO er echt uitziet — en werd de basis voor alles wat ik sindsdien heb gebouwd.
Vanuit die ervaring heb ik SEO Alive opgericht — een bureau voor merken die serieus werk willen maken van organische groei. Wij zijn er niet om dashboards en maandelijkse rapporten te verkopen. Wij zijn er om strategieën te bouwen die daadwerkelijk het verschil maken, door het beste van klassieke SEO te combineren met de spannende nieuwe wereld van Generative Engine Optimization (GEO) — zodat jouw merk niet alleen opduikt in de blauwe links van Google, maar ook binnen de AI-gegenereerde antwoorden die ChatGPT, Perplexity en Google AI Overviews elke dag opnieuw aan miljoenen mensen leveren.
En omdat ik geen tool kon vinden die beide werelden goed aanpakte, heb ik er zelf een gebouwd — SEOcrawl, een enterprise SEO intelligence platform dat rankings, technische audits, backlinks-monitoring, crawl-gezondheid en AI brand visibility tracking op één plek samenbrengt. Het is het platform waarvan ik altijd had gewild dat het bestond.
Ontdek meer content van deze auteur
