Wat is kruimelnavigatie?
Navigatie met broodkruimels verwijst naar het spoor van interne links, bekend als "broodkruimels", die de gebruiker informeren over hun huidige locatie op een website binnen de hiërarchie van pagina's van de site. De term "broodkruimel" is geïnspireerd op het verhaal van Hans en Grietje uit het sprookje van de gebroeders Grimm, waar ze een spoor van broodkruimels achterlieten om hun weg terug naar huis te vinden.
Typen kruimelnavigatie
- Op hiërarchie gebaseerde breadcrumbs: Deze breadcrumbs, ook bekend als locatiegebaseerde breadcrumbs, tonen de positie van de gebruiker binnen de hiërarchie van de website.
- Op attributen gebaseerde broodkruimels: Georganiseerd op basis van attributen of tags, vaak gebruikt op e-commerce websites.
- Op geschiedenis gebaseerde broodkruimels: Gerangschikt op basis van de specifieke stappen die de bezoeker nam om op de huidige pagina te komen.
Belang van kruimelnavigatie
Kruimelnavigatie is belangrijk omdat het de gebruikerservaring verbetert en websites makkelijker navigeerbaar maakt. Het biedt secundaire navigatie, helpt bezoekers te vinden wat ze zoeken en vermindert het aantal klikken dat nodig is om terug te keren naar pagina's op een hoger niveau. Het verbetert ook de mobiele bruikbaarheid en speelt een cruciale rol in SEO.
SEO Voordelen
- Gebruikerservaring: Google beloont websites die prioriteit geven aan gebruikerservaring. Broodkruimels maken de navigatie eenvoudiger, wat de gebruikerstevredenheid kan verhogen.
- Inzicht in hiërarchie van website: Breadcrumbs helpen Google de structuur van uw website te begrijpen en PageRank effectiever te verdelen, waardoor uw rankings mogelijk verbeteren.
- Lager bouncepercentage: Door gebruikers een alternatieve navigatiemogelijkheid te bieden, kunnen breadcrumbs het bouncepercentage verlagen door hen aan te moedigen meer inhoud op de site te verkennen.
Hoe kruimelnavigatie implementeren
Het implementeren van breadcrumb navigatie is eenvoudig. Als je een WordPress website hebt, vereenvoudigen plugins zoals Yoast SEO het proces. Sommige WordPress thema's ondersteunen zelfs standaard breadcrumbs. Voor niet-WordPress-sites kun je breadcrumbs handmatig implementeren met HTML en CSS.
Voorbeeld HTML-sjabloon
<ul class="breadcrumb"> <li><a href="#">Home</a></li> <li><a href="#">Blog</a></li> <li><a href="#">Categorie</a></li> <li>Huidige pagina</li> </ul>Deze sjabloon genereert een lijst met opsommingstekens. Pas de stijl aan met CSS om te voldoen aan uw ontwerpbehoeften.
Gestructureerde gegevens
Om ervoor te zorgen dat breadcrumbs worden weergegeven in SERP's, moet je relevante gestructureerde gegevens implementeren op je website. Raadpleeg de documentatie over broodkruimels van Google voor gedetailleerde richtlijnen.
Beste praktijken voor navigatie met kruimel
- Primaire navigatie ondersteunen: Broodkruimels zijn een extra navigatiefunctie, geen vervanging voor je primaire navigatiemenu.
- Gebruik scheidingstekens: Scheid tekstlinks in het broodkruimelspoor met speciale tekens, zoals ">", "/" of pijlen.
- Volledig navigatiepad: Neem altijd het volledige navigatiepad op, ongeacht hoe de gebruiker op de pagina is gekomen.
- Lezen van links naar rechts: Het kruimelpad moet van links naar rechts lopen, met de homepage links en de huidige pagina rechts.
- Huidige pagina: Het laatste item in het broodkruimelspoor moet de huidige pagina zijn en mag geen klikbare link zijn.
- Onopvallend ontwerp: Zorg ervoor dat de broodkruimelnavigatie eenvoudig en onopvallend is, bovenaan de pagina staat en een klein maar leesbaar lettertype gebruikt.
Voor meer inzichten en tips over webnavigatie en SEO, bezoek de Ranktracker Blog en verken onze uitgebreide SEO Gids. Bekijk daarnaast onze SEO Woordenlijst om vertrouwd te raken met de belangrijkste SEO termen en concepten.
