Broodkruimel
Breadcrumb is een navigatiehulpmiddel op websites waarmee gebruikers hun positie binnen de hiërarchie van de website kunnen herkennen en gemakkelijk naar eerder bezochte pagina's kunnen terugkeren. Deze vorm van navigatie toont het pad van het beginpunt van de navigatie naar de huidige pagina in een opeenvolgende en hiërarchische volgorde. Broodkruimels worden meestal bovenaan een webpagina geplaatst en bestaan uit een reeks interne links die de individuele niveaus van de bezochte pagina weergeven. Dit type navigatie is vooral handig op websites met meerdere niveaus, omdat het navigatiepad zo duidelijk en gemakkelijk te volgen is.
Conceptuele achtergrond
De naam "Broodkruimels" is geïnspireerd op het sprookje "Hans en Grietje", waarin de kinderen die het bos in worden geleid broodkruimels op het pad strooien om hun weg naar buiten te vinden. Er is ook de naam "Ariadne's Pad". Deze naam is ontleend aan de Griekse mythologie. Ariadne gaf Theseus een bolletje wol dat hij afrolde in het labyrint van Daedalus. Zo vond hij zijn weg uit het labyrint.
Broodkruimels weergeven
Breadcrumbs kunnen op verschillende manieren op websites worden weergegeven om gebruikers een duidelijke oriëntatie te bieden. Meestal worden ze weergegeven als een horizontale rij tekstlinks, gescheiden door scheidingstekens zoals pijlen ('), schuine strepen (/) of andere symbolen. Deze links geven de hiërarchie van bezochte pagina's weer, beginnend met de startpagina en eindigend met de huidige pagina, die meestal niet klikbaar is om de huidige locatie binnen de website aan te geven. De presentatie is vaak eenvoudig en onopvallend om niet af te leiden van de hoofdinhoud, maar toch duidelijk herkenbaar zodat gebruikers hun navigatiegeschiedenis gemakkelijk kunnen begrijpen. Kleurgradaties, onderstrepen of markeren kunnen helpen om de leesbaarheid te verbeteren en de navigatie intuïtief te maken. Het doel is om een gebruikersinterface te creëren die de bruikbaarheid verhoogt door een efficiënte en snelle navigatie door de website mogelijk te maken.
Soorten paneermeel
Er zijn drie hoofdtypen breadcrumbs die op websites worden gebruikt om gebruikers te helpen navigeren en de structuur van de pagina te begrijpen. Elk type heeft zijn eigen specifieke toepassingsgebieden en voordelen:
1. Pad breadcrumbs: Dit type breadcrumb traceert het daadwerkelijke navigatiepad (klikpad) van de gebruiker en toont de reeks bezochte pagina's tot aan de huidige pagina. Ze zijn vooral nuttig voor het traceren van het exacte pad dat een gebruiker heeft afgelegd. Ze kunnen echter snel verwarrend worden op websites met complexe structuren of voor gebruikers die veel sprongen maken tussen pagina's.
2. locatie breadcrumbs: Deze vorm van breadcrumbs toont de positie van de gebruiker binnen de hiërarchie van de website. Het is vooral handig op websites met meerdere subniveaus, omdat het mogelijk is om snel terug te keren naar hogere niveaus of naar de startpagina. Locatiegebonden breadcrumbs zorgen voor een duidelijke en logische structuur van de inhoud van de website door de hiërarchische structuur van de pagina weer te geven en zo de oriëntatie te vergemakkelijken.
3. attribuutgebaseerde breadcrumbs: Attribuutgebaseerde breadcrumbs informeren de gebruiker tot welke categorieën of attributen de huidige bezochte pagina behoort. Dit type breadcrumb komt vooral voor op e-commerce websites en online winkels, waar ze een belangrijke rol spelen bij het ontdekken en selecteren van producten.
Realisatie
- Contentmanagementsysteem: In CMS kunnen breadcrumbs eenvoudig worden geïntegreerd door vooraf gedefinieerde opties in bepaalde thema's te activeren.
- Plugins: Veel CMS bieden de optie om breadcrumbs te implementeren via speciale plugins. Deze plugins maken automatische weergave van de breadcrumb-navigatie mogelijk, waarbij gebruikers vaak precies kunnen aanpassen hoe deze navigatie eruit moet zien.
- HTML/PHP/JavaScript: Voor webontwikkelaars die de voorkeur geven aan een oplossing op maat, is het ook mogelijk om hun eigen breadcrumb-functie te maken door specifieke stukjes code toe te voegen in PHP of JavaScript.
Broodkruimels en zoekmachineoptimalisatie
Breadcrumbs verbeteren de gebruikersbegeleiding en zijn onmisbaar vanuit het oogpunt van gebruiksvriendelijkheid. Ze leveren een belangrijke bijdrage aan zoekmachineoptimalisatie (SEO) en on-page optimalisatie door de navigatie duidelijk te structureren. Google toont breadcrumbs in de SERP's (pagina's met zoekresultaten) als rich snippets, wat het belang ervan benadrukt. Semantische labeling in de broncode met microdata, RDFa of JSON-LD wordt aanbevolen voor betere herkenning door Google crawlers. Breadcrumbs bevorderen het crawlen en opnemen van websites door zoekmachines, versterken interne links en koppelen thematisch gerelateerde inhoud, waardoor ook diepere directories beter toegankelijk worden.
