Breadcrumbs

Breadcrumbs zijn een rij links bovenaan een pagina die het pad van de homepage naar de huidige pagina toont. De naam komt van het sprookje van Hans en Grietje, die broodkruimels strooiden om de weg terug te vinden.

In webshops zijn er twee soorten. Hiërarchische breadcrumbs tonen de vaste plek in de structuur: Home > Schoenen > Wandelschoenen > Trail Pro. Historische breadcrumbs tonen de weg die de bezoeker toevallig heeft afgelegd. Voor SEO is alleen de hiërarchische vorm nuttig, omdat een crawler geen browsergeschiedenis heeft.

Breadcrumbs doen drie dingen. Bezoekers die via Google op een productpagina landen, zien meteen in welke categorie ze zitten en kunnen met één klik verder zoeken. Dat is extra belangrijk omdat de meeste zoekers niet via je homepage binnenkomen.

Elke stap in het pad is een interne link met een beschrijvende anchortekst. Elke productpagina linkt zo naar zijn subcategorie en hoofdcategorie. Bij duizenden producten zijn dat duizenden links naar je belangrijkste categoriepagina's.

En met BreadcrumbList-markup maak je het pad machineleesbaar. Google toont het op desktop in de zoekresultaten. Op mobiel toont Google sinds januari 2025 alleen het domein, maar de zichtbare breadcrumb en de interne links blijven hun werk doen.

Daarnaast verlagen breadcrumbs de crawldiepte. Een product dat in de categorie-paginering pas op pagina 9 staat, zit diep. De breadcrumb op die productpagina geeft de crawler een korte weg terug naar de categorie, en de categorie linkt weer naar andere producten. Zo blijft de structuur samenhangend, ook bij een groot assortiment.

Magento toont breadcrumbs standaard, maar op productpagina's hangt het pad af van de categorie waar de bezoeker vandaan kwam. Bij directe binnenkomst, en dus voor crawlers, blijft vaak alleen 'Home > Product' over. Een module die per product een vaste primaire categorie gebruikt, lost dat op.

Shopify heeft geen ingebouwde categoriehiërarchie en de meeste thema's tonen geen breadcrumbs. Je bouwt ze zelf in Liquid. Een metafield met de primaire collectie per product maakt het pad voorspelbaar. Zonder dat kiest een snippet vaak de eerste collectie die toevallig gevonden wordt.

Een pad dat per bezoek verandert. Breadcrumbs die naar gefilterde of gesorteerde URL's linken in plaats van naar de schone categorie-URL. De laatste stap als link naar de pagina zelf. Breadcrumbs die alleen met JavaScript worden geladen. En een pad dat afwijkt van de BreadcrumbList-markup, of een tweede markupblok uit een extensie dat iets anders zegt.

Houd de labels in het pad gelijk aan de namen in het menu en de H1 van de categorie. Drie verschillende namen voor dezelfde categorie maken het voor bezoekers en zoekmachines onduidelijk welke term je bedoelt.