Breadcrumbs, wat zijn dat?

Blog delen

Iedereen kent het sprookje van Hans en Grietje, toch? Zo niet, het gaat over twee kinderen die broodkruimels achterlaten om hun weg terug naar huis te vinden. Deze slimme truc is tegenwoordig niet alleen handig in sprookjes, maar ook op jouw website!

Net zoals de kruimels Hans en Grietje hielpen, helpen ‘breadcrumbs’ jouw bezoekers om gemakkelijk door je website te navigeren. Deze kleine, maar krachtige navigatielinkjes verbeteren niet alleen de gebruikerservaring, maar zijn ook een boost voor je SEO.

Benieuwd hoe je breadcrumbs kunt gebruiken om je webshop te verbeteren? Lees verder en ontdek alles wat je moet weten over breadcrumbs en SEO!

Wat zijn breadcrumbs?

Breadcrumbs, ook wel bekend als een breadcrumbs trail of broodkruimelspoor, zijn kleine navigatielinkjes bovenaan een de webpagina. Ze laten bezoekers zien waar ze zich bevinden binnen de structuur van een website en helpen gebruikers om hun weg terug te vinden naar eerdere of bovenliggende pagina’s op een website.

screenshot-voorbeeld-breadcrumbs--met-pijl-wijzend-naar-breadcrumbs

Net als in het sprookje van Hans en Grietje, waar de kinderen broodkruimels gebruikten om hun weg terug te vinden, helpen breadcrumbs trails gebruikers om hun pad op je website te volgen en boven liggende categorieën te vinden. Dit maakt navigeren niet alleen makkelijker voor je bezoekers, maar geeft ze ook een betere gebruikerservaring.

En een betere gebruikers ervaring is over het algemeen meer conversie! 

show-me-the-money-tom-cruise-giphy

Wil je weten hoe je breadcrumbs effectief kunt inzetten voor jouw webshop SEO? Lees dan verder en ontdek alle ins en outs van breadcrumbs! Beginnend met alle soorten broodkruimels…

Soorten Breadcrumb Trails die je kunt gebruiken.

Breadcrumbs komen in verschillende vormen voor, elk met hun eigen voordelen en toepassingen.

Hier zijn de drie meest voorkomende soorten:

Hierarchy-based breadcrumbs

Hierachy-based breadcrumbs tonen de hiërarchische structuur van je website. Ze laten zien hoe de huidige pagina zich verhoudt tot de bovenliggende pagina’s.

  • Voorbeeld: Home > Categorie > Subcategorie > Product
  • Gebruik: Ideaal voor e-commerce webshops met meerdere productcategorieën.
screenshot-voorbeeld-hier

Path-based breadcrumbs

Path-based breadcrumbs tonen de route die de gebruiker heeft afgelegd om op de huidige pagina te komen. Ze kunnen helpen als een gebruiker meerdere zoekopdrachten uitvoert of verschillende secties van de site bezoekt.

  • Voorbeeld: < Terug naar vorige pagina / Home > Bovenliggende categorie > Huidige pagina
  • Gebruik: Handig voor websites met veel dynamische content.

Dynamische content betekent dat de inhoud van de website regelmatig verandert en aangepast wordt op basis van gebruikersgedrag of interacties. Dit kan je tegen komen op:

  • Nieuwswebsites
  • Blogs
  • Forums
Maar dit wordt niet veel meer gebruikt, en heb daarom ook geen voorbeeld kunen vinden. Maar hier is een illustratie die het uitlegd…
illustratie-path-based-breadcrumbs

Attribute-based breadcrumbs 

Attribute-based breadcrumbs worden meestal gebruikt op websites met veel filteropties, zoals e-commerce sites. Ze tonen de eigenschappen van een product of categorie en worden over het algemeen apart weergegeven naast de hierarchy-based breadcrumbs.

  • Voorbeeld: Home > Categorie > Kleur: Rood > Maat: M
  • Gebruik: Perfect voor webshops met veel productvariaties, omdat ze duidelijk aangeven welke filters of attributen zijn geselecteerd.
voorbeeld-attribute-based-breadcrumbs

Lees verder en ontdek wanneer je ze moet gebruiken en de impact op SEO!

Wanneer moet je breadcrumbs gebruiken?

Breadcrumbs zijn vooral nodig op websites met meerdere lagen, zoals uitgebreide e-commerce webshops of nieuws-sites. Ze zorgen voor een betere navigatie, wat cruciaal is voor een optimale gebruikerservaring. 

Voor e-commerce webshops betekent dit dat bezoekers sneller vinden wat ze zoeken, wat resulteert in meer tevreden klanten en hogere conversies.

muppet-with-mapgiphy

Maar waarom is dit belangrijk voor SEO? Simpel gezegd: een betere gebruikerservaring zorgt ervoor dat bezoekers langer op je site blijven en meer pagina’s bekijken. Dit signaleert naar zoekmachines dat je site waardevol en gebruiksvriendelijk is, en voldoet aan de behoeftes van gebruikers.

Benieuwd naar de impact van breadcrumbs trails op SEO? Lees dan snel verder!

De impact van breadcrumbs op SEO

Breadcrumbs doen meer dan alleen navigatie vergemakkelijken; ze kunnen je SEO een flinke boost geven. Ontdek de verborgen krachten van breadcrumbs en hoe ze jouw SEO succes kunnen vergroten.

Verbeterde gebruikerservaring

Breadcrumbs zorgen ervoor dat bezoekers eenvoudig hun weg vinden op je website. Ze kunnen snel terugkeren naar vorige pagina’s of belangrijke secties zonder te verdwalen. Deze verbeterde navigatie leidt tot een prettigere gebruikservaring, wat bezoekers tevredener maakt en ze langer op je site houdt.

Fantastisch voor interne linkstructuur

Breadcrumbs voegen automatisch interne links toe aan je website. Zoekmachines zoals Google houden van goed gestructureerde websites met veel interne links omdat dit helpt bij het begrijpen en indexeren van je site. Een goede interne linkstructuur kan bijdragen aan een hogere positie in de zoekresultaten.

technische-seo-goede structuur

Duidelijkheid in zoekresultaten

Breadcrumbs kunnen verschijnen in de zoekresultaten van Google, vaak direct onder de titel van je pagina. Dit geeft potentiële bezoekers direct een beter idee van waar ze op je site terechtkomen. 

Een duidelijke breadcrumb trail kan de klikfrequentie verhogen, omdat gebruikers precies weten wat ze kunnen verwachten.

voorbeeld-breadcrumbs-in-zoekresultaten

Langer bezoek

Door de verbeterde navigatie blijven bezoekers langer op je website. Ze kunnen eenvoudig terugkeren naar eerder bezochte pagina’s of snel naar gerelateerde inhoud navigeren. 

Dit verlaagt je bouncepercentage, een belangrijke factor die zoekmachines gebruiken om de kwaliteit van je site te beoordelen. Hoe langer bezoekers op je site blijven, hoe beter dit is voor je SEO-ranking.

-not-going-anywhere-giphy

Wil je profiteren van deze SEO voordelen? Lees verder en leer wat de best practices zijn voor breadcrumbs en hoe je ze toevoegt.

Best practices voor het gebruik van breadcrumbs!

Nu ben je alles weet over broodkruimels wil je het gaan toepassen op je website. Maar waar moet je allemaal op letten?

Hier de best practices voor het gebruik van breadcrumbs:

1. Houd het klein en onopvallend

Zorg dat breadcrumbs niet te veel opvallen. Ze moeten subtiel en functioneel zijn, duidelijk genoeg om als navigatie te gebruiken zonder af te leiden van de hoofdinhoud. Dit helpt gebruikers om gemakkelijk door de website te navigeren zonder overweldigd te worden door extra visuele elementen.

voorbeeld-breadcrumbs-subtiel-verwerken-op-pagina

2. Laat titels in de breadcrumbs matchen met de paginatitel

Consistentie is belangrijk. De titels in je breadcrumbs moeten overeenkomen met de paginatitels om verwarring bij de gebruiker te voorkomen. Dit maakt de navigatie intuïtief en helpt gebruikers te begrijpen waar ze zich bevinden binnen de structuur van de website.

voorbeeld-titls-matchen-aan-pagina

3. Link niet naar de huidige pagina

Voorkom verwarring en irritatie door niet naar dezelfde pagina te linken. Het klikken op een breadcrumb-link moet de gebruiker altijd naar een andere, relevante pagina brengen, waardoor een soepele navigatie-ervaring wordt geboden.

4. Plaats direct onder het hoofdmenu

De ideale plaatsing van breadcrumbs is direct onder het hoofdmenu. Dit is waar gebruikers ze het meest verwachten en het beste kunnen vinden. Een goed geplaatste breadcrumb trail verhoogt de gebruiksvriendelijkheid en helpt gebruikers snel terug te keren naar eerdere secties van de website.

voorbeeld-breadcrumbs-onder-hoofdmenu

5. Gebruik breadcrumbs maar één keer

Voorkom herhaling en verwarring door breadcrumbs slechts één keer te gebruiken op een pagina. Dit houdt je navigatie overzichtelijk en efficiënt. Overmatig gebruik van breadcrumbs kan leiden tot een rommelige interface en verwarring bij de gebruiker.

Nu je de best practices kent, ben je klaar om breadcrumbs toe te voegen aan je website.

Wil je weten hoe je dit doet met Yoast SEO in WordPress?

Lees verder voor een stap-voor-stap handleiding!

Nu wil ik ook breadcrumbs! Hoe voeg ik ze toe?

Wil je ook breadcrumbs toevoegen aan je website? Volg deze simpele stappen en je bent klaar!

1. Installeer de Yoast SEO Plugin

  • Ga naar je WordPress-dashboard.
  • Navigeer naar “Plugins” en klik op “Nieuwe plugin”.
  •  
voorbeeld-wordpress-plugin-installeren
  • Zoek naar “Yoast SEO” en klik op “Nu installeren”.
  • Activeer de plugin na installatie.
voorbeeld-wordpress-yoast-seo-installeren

2. Breadcrumbs instellen met Yoast SEO

  • Ga naar het WordPress-menu en selecteer “Yoast SEO”.
  • Klik op “Instellingen” in het Yoast SEO-menu.
voorbeeld-yoast-seo-instellingen-vinden
  • Ga naar “Geavanceerd” en selecteer “Breadcrumbs” (of “Kruimelpad” in het Nederlands).
  • Pas hier je breadcrumbs aan naar wens. Je kunt bijvoorbeeld de separator en de breadcrumbs-tekst aanpassen.
voorbeeld-yoast-seo-kruimelpad-instellingen

3. Schakel kruimelpad in voor je thema.

  • Scroll naar beneden bij de kruimelpad instellingen naar het kopje ‘Hoe een kruimelpad aan het thema toe te voegen’ en schakel het kruimel pad in het de knop.
voorbeeld-yoast-seo-kruimelpad-inschakelen

De kruimels van deze blog!

Breadcrumbs zijn een krachtig hulpmiddel dat niet alleen je websitegebruikers helpt hun weg te vinden, en hierdoor indirect je SEO kunnen verbeteren. Wie had gedacht dat SEO en sprookjes zo erg met elkaar te maken konden hebben, haha!

Nog de belangrijkste punten op een rij:

  • Wat zijn breadcrumbs? Kleine navigatielinkjes die gebruikers helpen hun weg te vinden op je website.
  • Soorten breadcrumbs: Hierarchy-based (op basis van site herachie), path-based (op basis van gebruikers geschiedenis) en attribute-based (op basis van filter opties).
  • Wanneer te gebruiken: Vooral nuttig voor websites met meerdere lagen, met name voor e-commerce webshops, nieuws sites en grote blogs.
  • Impact op SEO: Verbeterde gebruikerservaring, betere interne linkstructuur, duidelijkheid in zoekresultaten en langer bezoek.
  • Best practices: Houd ze klein en onopvallend, laat titels matchen, link niet naar de huidige pagina, plaats onder het hoofdmenu en gebruik ze maar één keer.

Dus, of je nu op zoek bent naar broodkruimels in een sprookje of op je website, het juiste pad volgen kan een wereld van verschil maken. Laat ons je kruimelpad zijn in je online marketing en zorg ervoor dat je nooit meer verdwaalt in het online woud! 😉

Boek een gratis call, en steel een paar gratis ideeën!

Succes en tot de volgende…

Ontdek meer om te leren

Wil je dit toepassen?

Klik hieronder en Neem contact op!

matthijs-boon-digital-bean