Breadcrumbnavigatie is een secundair navigatie-element, meestal bovenaan een pagina, dat een shopper het pad laat zien van de homepage naar de pagina die hij op dat moment bekijkt — bijvoorbeeld Home > Kleding > Truien > Organic Cotton Crewneck. Het geeft bezoekers direct een idee van waar ze zich in de categoriehiërarchie van een site bevinden en een eenvoudige manier om terug te gaan naar een bredere categorie zonder de terugknop van de browser te gebruiken of in het hoofdmenu te zoeken. Bij productpagina's die via een catalogusfeed worden gevuld, worden breadcrumbs meestal automatisch gegenereerd uit dezelfde categoriegegevens die elk artikel classificeren.
Waarom breadcrumbnavigatie belangrijk is voor cataloguswebsites
Shoppers die vanuit een Shopping-advertentie of organisch zoekresultaat op een specifieke productpagina terechtkomen, hebben vaak geen idee waar dat product in de bredere catalogus thuishoort, en breadcrumbs geven ze die context in één oogopslag. Dat is vooral belangrijk voor conversie: een bezoeker die vindt dat het product net niet goed is, kan via het breadcrumbpad één niveau omhoog naar de bovenliggende categorie gaan in plaats van de site helemaal te verlaten, waardoor verkeer behouden blijft dat anders verloren zou gaan. Breadcrumbs werken ook als interne links die de positie van een pagina binnen de navigatiestructuur van de site voor zoekmachines versterken, en veel platforms tonen ze in zoekresultaten als een overzichtelijk categoriepad in plaats van een kale URL, wat een organische vermelding aantrekkelijker maakt om op te klikken.
Hoe breadcrumbnavigatie werkt
Breadcrumbpaden worden bijna altijd dynamisch gegenereerd uit dezelfde categorietaxonomie die elders op de site wordt gebruikt, meestal de waarde van product_type of google_product_category die aan elk artikel in de feed is toegekend. De nauwkeurigheid van breadcrumbnavigatie is dus maar zo goed als de categorisering in de feed zelf — een product dat in de feed verkeerd is ingedeeld, toont op zijn pagina een even verkeerd breadcrumbpad. Zoekmachines lezen breadcrumb-markup ook via gestructureerde gegevens (BreadcrumbList-schema), waardoor het categoriepad direct in zoekresultaatfragmenten kan verschijnen. Deze gestructureerde versie moet synchroon blijven met een eventuele HTML-sitemap die dezelfde hiërarchie in een ander formaat beschrijft.
Voorbeeld
<item>
<g:id>SKU-10234</g:id>
<g:title>Organic Cotton Crewneck Sweater - Charcoal, M</g:title>
<g:google_product_category>Apparel & Accessories > Clothing > Sweaters</g:google_product_category>
<g:product_type>Men's > Sweaters > Crewneck</g:product_type>
</item><!-- Breadcrumb rendered from the same category path -->
<nav aria-label="breadcrumb">
<a href="/nl/">Home</a> >
<a href="/nl/mens">Men's</a> >
<a href="/nl/mens/sweaters">Sweaters</a> >
<span>Organic Cotton Crewneck</span>
</nav>Omdat het breadcrumbpad rechtstreeks wordt afgeleid van de waarde product_type in de feed, herstelt het corrigeren van een verkeerd ingedeeld product in de feed automatisch het breadcrumbpad overal waar het verschijnt, zonder handmatig pagina voor pagina te bewerken.
Gerelateerde begrippen
Breadcrumbnavigatie is een zichtbare uiting van de bredere navigatiestructuur van een site en werkt het best in combinatie met een HTML-sitemap die dezelfde categoriehiërarchie in een plat, volledig formaat voor crawlers vastlegt. Omdat breadcrumbs shoppers een eenvoudige manier bieden om een verkeerde klik te herstellen, leveren ze met weinig moeite ook een zinvolle bijdrage aan landingspagina-optimalisatie voor elke pagina die feedgedreven verkeer ontvangt.
