Wat is breadcrumbs?

Breadcrumbs, of in het Nederlands ‘kruimelpaden’, zijn een navigatiehulpmiddel dat op veel websites wordt gebruikt om de gebruiker te laten zien waar hij zich bevindt binnen de hiërarchie van de site. Ze bieden een spoor van links terug naar de startpagina van de website, vaak in de vorm van een horizontale lijst van links bovenaan de pagina. Breadcrumbs helpen gebruikers om hun weg te vinden op een website en om snel terug te navigeren naar hogere niveaus in de site-structuur.

Het nut en de functie van breadcrumbs

Breadcrumbs dienen meerdere doelen op een website:

1. Gebruikersoriëntatie: Ze helpen gebruikers om te begrijpen waar ze zich bevinden binnen de website. Dit is vooral handig op complexe websites met veel pagina’s en subpagina’s. Door middel van breadcrumbs kan een gebruiker snel zien op welk niveau van de site hij zich bevindt.
2. Verbeterde navigatie: Breadcrumbs bieden een snelle en eenvoudige manier voor gebruikers om terug te gaan naar eerdere (vaak hogere) niveaus van de site zonder de ‘terug’-knop van de browser te gebruiken.
3. Verhoogde gebruiksvriendelijkheid: Ze verbeteren de algemene gebruiksvriendelijkheid van een website. Wanneer gebruikers gemakkelijk hun locatie kunnen bepalen en soepel door de site kunnen navigeren, verbetert dit hun algemene ervaring en tevredenheid.
4. SEO-voordelen: Hoewel het primaire doel van breadcrumbs is om de navigatie voor gebruikers te verbeteren, kunnen ze ook SEO-voordelen hebben. Ze maken de structuur van een website duidelijker voor zoekmachines en kunnen helpen bij de rangschikking van de site.

Een voorbeeld van een breadcrumb kan er zo uitzien: Home > Blog > Webontwikkeling > Wat zijn Breadcrumbs?

Typen en implementatie vanbBreadcrumbs

Er zijn verschillende soorten breadcrumbs, afhankelijk van hun doel en de structuur van de website:

1. Locatiegebonden breadcrumbs: Deze tonen de gebruiker waar ze zich bevinden binnen de hiërarchie van de website. Het is het meest voorkomende type breadcrumb en wordt vaak gebruikt op websites die een duidelijke, hiërarchische structuur hebben.
2. Navigatiepad breadcrumbs: Ze weerspiegelen het pad dat de gebruiker heeft genomen om de huidige pagina te bereiken, niet noodzakelijk de daadwerkelijke hiërarchie van de site. Dit kan handig zijn voor sites waar gebruikers via meerdere paden dezelfde content kunnen bereiken.
3. Attribuut breadcrumbs: Voornamelijk gebruikt in online winkels waar een product meerdere attributen heeft, zoals kleur, maat of merk. Deze breadcrumbs laten de verschillende attributen van het product zien.

Het implementeren van breadcrumbs hangt vaak af van het platform of contentmanagementsysteem dat wordt gebruikt om de website te bouwen. Veel moderne CMS’en, zoals WordPress, bieden ingebouwde tools of plug-ins voor het toevoegen van breadcrumbs.

Het is essentieel om ervoor te zorgen dat de breadcrumbs intuïtief zijn, de structuur van de site nauwkeurig weergeven en esthetisch aantrekkelijk zijn, zodat ze de gebruiksvriendelijkheid van de site verbeteren zonder af te leiden van de hoofdinhoud.

In conclusie zijn breadcrumbs een effectief en nuttig navigatiehulpmiddel dat, wanneer correct geïmplementeerd, de gebruikservaring op een website aanzienlijk kan verbeteren. Ze helpen zowel gebruikers als zoekmachines om de structuur van een site beter te begrijpen, wat leidt tot een betere navigatie, gebruikerservaring en mogelijk zelfs een betere zoekmachine ranking.