Kruimelpad

Kruimelpad

Laat bezoekers zien waar ze zijn op de site, met automatische scheidingstekens en structured data voor Google.

Kruimelpad

Laat bezoekers in één oogopslag zien waar ze zijn op de site: Home, de tussenliggende pagina's en de huidige pagina. De scheidingstekens komen er automatisch tussen en Google krijgt automatisch de juiste structured data (BreadcrumbList) — goed voor je vindbaarheid. De technische naam is Breadcrumbs.

Gebruik dit block op elke pagina die dieper dan één niveau in de sitestructuur zit: productdetailpagina's, categoriepagina's of kennisbankartikelen. Zonder kruimelpad moet een bezoeker terugnavigeren via de browser-terugknop of het hoofdmenu; met Breadcrumbs zit de bovenliggende pagina altijd één klik verwijderd. Bij een diepere hiërarchie, zoals topic-pagina's onder een forum, voorkomt dit dat bezoekers de weg kwijtraken.

Het BreadcrumbList-schema dat automatisch wordt uitgezonden, gebruikt Google om in de zoekresultaten het kruimelpad te tonen in plaats van de kale URL. Combineer dit block met een consistente paginastructuur zodat de weergegeven hiërarchie overeenkomt met je daadwerkelijke URL-opbouw.

Gebruiksscenario's per site-type

Op een webshop is Breadcrumbs onmisbaar bij productpagina's die drie of vier niveaus diep zitten: Home → Categorie → Subcategorie → Product. Bezoekers die vanuit een zoekmachine rechtstreeks op een productpagina landen, zien in één oogopslag in welke categorie ze zich bevinden en kunnen met één klik terug naar het bredere assortiment. Bij een portfolio-site werkt het kruimelpad net zo goed bij individuele projectpagina's onder een categorie als 'Interieur' of 'Branding': de bezoeker ziet direct hoe het getoonde werk is ingedeeld. Voor een zakelijke dienstverlener met een kennisbank of dienstenoverzicht voorkomt het kruimelpad dat iemand die via een diepe subpagina binnenkomt, het overzicht van alle diensten kwijtraakt.

Veelgemaakte fouten

De meest voorkomende fout is het kruimelpad handmatig laten afwijken van de werkelijke URL-structuur, bijvoorbeeld door een tussenliggend niveau over te slaan. Google gebruikt de BreadcrumbList-data om de paginahiërarchie te begrijpen; wijkt die af van de daadwerkelijke paginastructuur, dan ontstaat verwarring in de zoekresultaten. Een tweede valkuil is een kruimelpad tonen op de homepage zelf — daar heeft het geen functie, omdat er niets is om naar terug te navigeren.

Op dynamische detailpagina's, zoals die opgebouwd met dynamische pagina's, moet het laatste kruimel-item de titel van het actuele record tonen in plaats van een statische tekst — anders ziet elke productpagina exact hetzelfde kruimelpad, wat de meerwaarde tenietdoet.

Qua toegankelijkheid rendert dit block automatisch de juiste ARIA-navigatie-rol, zodat schermlezers het kruimelpad herkennen als navigatie-element en niet als losse tekst voorlezen. Zet het block daarom bovenaan de pagina, vóór de hoofdinhoud, zodat toetsenbordgebruikers er als eerste doorheen kunnen tabben.

Voorbeeld

De prompt voor dit voorbeeld

prompt
Zet bovenaan de pagina een kruimelpad: Home, Mogelijkheden en dan deze pagina.