Breadcrumbs toevoegen en goed opmaken

Een breadcrumb is een klein navigatiepad bovenaan een pagina. Het laat zien waar de pagina in de structuur van je website hoort. Voor bezoekers die via Google direct op een diepere pagina landen, is het een snelle route naar het bovenliggende overzicht. Voor zoekmachines is het een extra signaal over de opbouw van je website.

Breadcrumbs zijn een klein maar nuttig onderdeel van een goede sitestructuur, en die structuur is de basis van ons werk als SEO bureau.

Wanneer zijn breadcrumbs zinvol?

• Webshops met categorieën en subcategorieën.
• Kennisbanken en blogs met categorieën.
• Dienstenwebsites met meerdere niveaus, zoals Diensten › Websites › Webshops.

Op een kleine website met vijf pagina's in één niveau voegen ze weinig toe.

Hoe ziet een goede breadcrumb eruit?

Home › Kennisbank › SEO & GEO › Breadcrumbs toevoegen

• Elk onderdeel behalve het laatste is een klikbare link.
• Het laatste onderdeel is de huidige pagina, zonder link.
• De namen zijn kort en herkenbaar, gelijk aan de paginanamen in je navigatie.
• Het pad volgt de vaste structuur van de website.

Toevoegen per platform

Webflow: er is geen standaard breadcrumb-element. Je bouwt hem als een rij tekstlinks bovenaan het template. Op een CMS-template koppel je de tussenliggende stap aan een referentieveld, bijvoorbeeld de categorie van een artikel. De markup voeg je toe met een stukje JSON-LD in de custom code van het template, gevuld met CMS-velden.

WordPress: SEO-plugins zoals Yoast SEO en Rank Math bieden breadcrumbs met bijbehorende markup. Activeer de functie in de plugin en plaats de breadcrumb in het thema via een blok, shortcode of themafunctie. Veel thema's hebben er een eigen instelling voor.

Shopify: veel thema's tonen breadcrumbs op product- en collectiepagina's of hebben er een instelling voor. Bij een product dat in meerdere collecties zit, kiest het thema één pad. Markup voeg je toe via het thema of een SEO-app.

De structured data

Met BreadcrumbList-markup begrijpt Google het pad, en kan het in de zoekresultaten een leesbaar pad tonen in plaats van de volledige URL. Een voorbeeld in JSON-LD:

{
 "@context": "https://schema.org",
 "@type": "BreadcrumbList",
 "itemListElement": [
   {"@type": "ListItem", "position": 1, "name": "Kennisbank", "item": "https://www.voorbeeld.nl/kennisbank"},
   {"@type": "ListItem", "position": 2, "name": "SEO & GEO", "item": "https://www.voorbeeld.nl/kennisbank-categorie/seo-geo"},
   {"@type": "ListItem", "position": 3, "name": "Breadcrumbs toevoegen"}
 ]
}

Het laatste item mag zonder URL. Test de markup met de Test voor rich results van Google en bekijk later in Search Console onder Verbeteringen of er fouten zijn. Zie ook Structured data controleren.

Veelgemaakte fouten

• Breadcrumb zichtbaar, maar geen markup (of andersom). Beide horen bij elkaar en moeten hetzelfde pad tonen.
• Het pad toont categorieën die niet als pagina bestaan of een 404 geven.
• Een product in meerdere categorieën met steeds wisselende breadcrumbs.
• Te lange namen die op mobiel over meerdere regels lopen.

Voorbeeld

Stel: een kennisbank heeft per artikel een categorie. Het artikeltemplate toont Kennisbank › [categorie] › [artikel], waarbij de categorienaam een link is naar de categoriepagina. Dezelfde gegevens vullen de JSON-LD. Zo krijgt elke categoriepagina vanuit alle artikelen een interne link en ziet Google de hiërarchie.

Veelgestelde vragen

Verbeteren breadcrumbs mijn posities?

Ze zijn geen directe rankingfactor, maar helpen bij navigatie, interne links en begrip van de structuur. Dat draagt bij aan een goed vindbare website.

Toont Google altijd het breadcrumb-pad in de zoekresultaten?

Niet altijd. Google bepaalt zelf hoe het pad of de URL getoond wordt, met name op mobiel.

Moet "Home" in de breadcrumb staan?

Gebruikelijk wel als eerste stap. In de markup mag je het weglaten of opnemen; beide zijn geldig.

Kan ik breadcrumbs gebruiken zonder categorieën?

Een breadcrumb heeft pas zin bij minstens twee niveaus. Zonder categorieën is "Home › Pagina" weinig behulpzaam.

Schaadt een fout in de markup mijn website?

Nee, maar Google gebruikt de markup dan niet. Search Console meldt fouten zodat je ze kunt herstellen.

Hulp nodig?

Wil je structured data, zoals breadcrumbs, organisatie- en productgegevens, correct laten inrichten? Bekijk onze dienst structured data.

Laat de breadcrumb de echte structuur van je website volgen, niet de route die de bezoeker toevallig heeft afgelegd.