Skip to main content

Breadcrumb-navigatie (broodkruimelpad)

TL;DR

Breadcrumb-navigatie verwijst naar het visuele element dat op de website of applicatie wordt geplaatst om de exacte link of het documentspoor te zien. Hier is een voorbeeld: Mijn computer > Bureaublad > Mapnaam 1 > Mapnaam 2 > Document of "Bestemmingspagina > Productoverzicht > Productdetail A".

Wat is breadcrumb-navigatie?

Een breadcrumb (of breadcrumb-spoor) vertegenwoordigt het grafische element dat wordt gebruikt om het exacte linkspoor van de locatie van de gebruiker op de site te geven (bijv. uwwebsite.com > home > blog > blog-post-naam). Dit helpt websitebezoekers of sommige app-gebruikers hun locatie in programma's, documenten of pagina's binnen sites bij te houden - ongeveer zoals het spoor van broodkruimels dat Hans en Grietjein het Duitse sprookje achterlieten om terug naar huis te gaan - vandaar de ook de naam van de term.

Waarom is breadcrumb-navigatie essentieel voor een website?

Als een website meerdere pagina's of uitgebreide architectuur heeft, verbetert breadcrumb-navigatie de gebruikerservaring en de vindbaarheid van de pagina's van de site.

    Mensen kunnen gemakkelijk terugbladeren naar bepaalde pagina's of categorieën, en het geeft meer context in termen van informatie, omdat de locatie van de bezoeker in de hiërarchie van de site zichtbaar is. Er zijn meerdere soorten broodkruimels:

    • Breadcrumbs die de exacte locatie op de site, de hiërarchische structuur en een spoor voor de gebruiker om terug te volgen naar het start- of beginpunt: Homepage > Blog > Blogpost of Homepage > Boeken > Literatuur & Fictie > Klassiekers
    • Breadcrumbs op basis van kijkgeschiedenis: Homepage > Bekeken pagina 1 > Bekeken pagina 2 > Bekeken pagina 3 > Bekeken pagina 1 > Homepage. In dit scenario bezoekt een websitebezoeker bijvoorbeeld 6 pagina's: Startpagina > Prijzen > Over ons > Startpagina > Recensies > Startpagina

    U kunt breadcrumb-navigatie gebruiken voor de volgende typen websites:

    • Grote websites met hiërarchisch gerangschikte pagina's (zoals overheidswebsites)
    • E-commerce websites, om gemakkelijk producten te vinden op basis van categorieën
    • Educatieve websites of sites die veel procedures en gepubliceerde documentatie vereisen (zoals universiteiten)