Breadcrumbs (kruimelpad)

Hoe werkt een kruimelpad?

Een kruimelpad is een lijst met links naar de bovenliggende pagina’s van de pagina waar je bent, in volgorde van de hiërarchie. Het staat meestal horizontaal boven de hoofdinhoud. Vanaf de laatste kruimel klik je zo stap voor stap omhoog in de websitestructuur.

Voor toegankelijkheid zet je het pad in een navigatie-element met een eigen label. De link naar de huidige pagina krijgt aria-current="page". Zo ziet dat er in HTML uit:

<nav aria-label="Kruimelpad">
  <ol>
    <li><a href="/">Home</a></li>
    <li><a href="/boeken/">Boeken</a></li>
    <li><a href="/boeken/thrillers/" aria-current="page">Thrillers</a></li>
  </ol>
</nav>

Breadcrumbs in de zoekresultaten

Op desktop bestaat de zichtbare URL in Google uit twee delen: het domein en het kruimelpad. Google leert dat pad automatisch uit de woorden in de URL. Met structured data kun je het zelf sturen. Op 23 januari 2025 stopte Google met breadcrumbs in de mobiele zoekresultaten. Daar staat nu alleen het domein. De markup blijft werken voor desktop.

Voor de markup gebruik je het type BreadcrumbList van schema.org. Een kruimelpad in de zoekresultaten is een van de rich snippets die Google ondersteunt. Dit zijn de regels:

• een BreadcrumbList bevat minstens twee ListItems;
• elk ListItem heeft een name, een position en een item met de URL. Positie 1 is het begin van het pad;
• bij het laatste item mag de URL ontbreken. Google gebruikt dan de URL van de pagina zelf;
• het domein en de pagina zelf hoeven niet als kruimel in het pad te staan;
• kom je via meerdere routes op een pagina, dan mag je meerdere paden opgeven.

Meer over het toevoegen van structured data lees je in het artikel over schema markup.

Voorbeeld: een boekhandel met onduidelijke URL’s

Boekhandel Het Leeshuis uit Groningen heeft productpagina’s met URL’s als /p/48213. Zo’n URL bevat geen woorden waaruit Google een pad kan afleiden. Google raadt aan een kruimelpad te kiezen dat de gebruikelijke route van een bezoeker volgt, niet de URL. Het Leeshuis zet daarom deze markup op de pagina van een Scandinavische thriller:

{
  "@context": "https://schema.org",
  "@type": "BreadcrumbList",
  "itemListElement": [
    {"@type": "ListItem", "position": 1, "name": "Boeken", "item": "https://www.leeshuis.example/boeken/"},
    {"@type": "ListItem", "position": 2, "name": "Thrillers", "item": "https://www.leeshuis.example/boeken/thrillers/"},
    {"@type": "ListItem", "position": 3, "name": "Scandinavische thrillers", "item": "https://www.leeshuis.example/boeken/thrillers/scandinavisch/"}
  ]
}

Op desktop kan Google bij het resultaat nu het domein met Boeken › Thrillers › Scandinavische thrillers tonen. Op mobiel ziet de zoeker alleen het domein.

Verwar breadcrumbs niet met

• Sitelinks: extra links naar losse pagina’s van je site onder een zoekresultaat. Een kruimelpad is één pad naar de plek van de pagina, geen groep losse links.
• URL-structuur: de opbouw van het adres zelf. Het kruimelpad mag daarvan afwijken als bezoekers via een andere route navigeren.

Veelgestelde vragen over Breadcrumbs