Een bezoeker die de informatie die hij zoekt niet kan vinden, verlaat de pagina binnen enkele seconden. De navigatie op een website is gebaseerd op specifieke, meetbare mechanismen, die vaak slecht zijn afgesteld. Welke structurele elementen onderscheiden een site waar je moeiteloos kunt navigeren van een site waar je al op de tweede pagina verdwaalt?
Toegankelijkheid van webnavigatie: wat verandert de Europese regelgeving in 2025
Concurrenten beschouwen navigatie als een puur UX- of marketingonderwerp. Sinds 28 juni 2025 heeft de regelgevende dimensie het onderwerp ingehaald. De European Accessibility Act legt de betrokken digitale diensten concrete eisen op: navigatie die met het toetsenbord en met een schermlezer bruikbaar is, niet alleen een aangename visuele organisatie.
De aanbeveling WCAG 2.2, gepubliceerd door het W3C in oktober 2023, voegt de criteria “Focus Not Obscured” toe. Het geselecteerde element met het toetsenbord mag niet worden verborgen door een vaste banner, een chatvenster of een advertentiemodule. Dit criterium stelt de vaak als universele oplossingen gepresenteerde plakkende menu’s (sticky headers) ter discussie.
Een site map www.bertrandbarre.com illustreert de logica van een volledig blootgestelde boomstructuur, waar elke link toegankelijk blijft zonder complexe interactie of voorwaardelijk zweven.
Concreet moet een sitemap die aan deze vereisten voldoet aan drie technische voorwaarden voldoen:
- Elke link moet bereikbaar zijn via toetsenbordtabulatie, in een logische volgorde die de hiërarchie van de pagina’s weerspiegelt.
- De inhoud van de sitemap mag niet afhankelijk zijn van een laadtijd die wordt geactiveerd door een veegbeweging of gebruikersinvoer: Google kan verborgen inhoud in een accordion lezen als de HTML het bevat, maar niet als het een complexe interactie vereist.
- Geen enkel vast interface-element (cookiebanner, chat, plakkende header) mag de actieve link bedekken tijdens de navigatie met het toetsenbord.
Menu-structuur en sitemap: vergelijkende tabel van navigatieformaten
Het hoofdmenu en de sitemap (HTML-sitemap) vervullen complementaire functies, maar hun technische kenmerken verschillen. De volgende tabel vergelijkt de twee formaten op de criteria die belangrijk zijn voor de gebruiker en voor SEO.
| Criteria | Hoofdmenu (navigatiebalk) | HTML-sitemap (gewijde pagina) |
|---|---|---|
| Aantal zichtbare links | Beperkt (5 tot 10 aanbevolen items) | Onbeperkt, toont de volledige boomstructuur |
| Toegankelijke diepte | Submenu’s tot maximaal 2-3 niveaus | Alle niveaus, inclusief diepe pagina’s |
| Toegankelijkheid toetsenbord | Afhankelijk van de code: submenu’s bij hover zijn problematisch | Lijst van native HTML-links, navigeerbaar via tabulatie |
| Nuttigheid voor SEO | Geeft linkgewicht door aan de hoofdpagina’s | Maakt indexering van wees- of diepe pagina’s mogelijk |
| Mobiel gedrag | Vaak gereduceerd tot hamburger menu, hiërarchie soms ingekort | Blijft compleet als de pagina responsief is |
Het meest significante verschil betreft de diepte. Een goed ontworpen navigatiemenu dekt de belangrijkste categorieën. Daarentegen toont een sitemap de pagina’s die het menu nooit laat zien: oude artikelen, verborgen productpagina’s, pagina’s van secundaire categorieën.
Wanneer het hamburger menu de structuur verbergt
Op mobiel verbergen de meeste sites hun navigatie achter een hamburgericoon. De inhoud van het menu blijft vaak identiek aan de desktopversie. Het probleem doet zich voor wanneer de hiërarchie is afgevlakt: alle secties verschijnen op hetzelfde niveau, zonder visueel onderscheid tussen een bovenliggende categorie en een subpagina.
Een sitemap behoudt zijn volledige hiërarchie op mobiel omdat het is gebaseerd op geneste HTML-lijsten, niet op een complex JavaScript-component. De gebruiker die verloren is in een hamburger menu kan altijd terugvallen op deze pagina om de globale structuur terug te vinden.
Interne links en informatiearchitectuur: wat navigatie echt meet
Navigatie beperkt zich niet tot het menu bovenaan de pagina. Elke interne link in de inhoud, elke breadcrumb, elke contextuele verwijzing draagt bij aan de navigatiestructuur. Wat een site die gemakkelijk te doorbladeren is onderscheidt van een verwarrende site, is de consistentie tussen deze verschillende lagen.
Drie concrete signalen maken het mogelijk om de kwaliteit van deze architectuur te evalueren:
- De klikdiepte: het aantal klikken dat nodig is om vanaf de startpagina een willekeurige pagina te bereiken. Meer dan drie klikken en de pagina loopt het risico genegeerd te worden door gebruikers en ondergeindexeerd door zoekmachines.
- De consistentie van de labels: een link met de titel “Onze diensten” in het menu, “Wat we doen” in de footer en “Diensten” in de breadcrumb creëert onnodige cognitieve belasting. Een stabiele woordenschat in de hele navigatie vermindert de oriëntatietijd.
- De contextuele linking: de links die in de body van een artikel zijn geplaatst, dicht bij het onderwerp dat wordt behandeld, geven een sterkere relevantiesignaal dan een generieke link in een zijmenu.
Breadcrumb en positioneringsmarkers
De breadcrumb vervult een ondergewaardeerde functie: het laat de gebruiker zien waar hij zich in de boomstructuur bevindt zonder dat hij terug hoeft naar het menu. Op sites met tientallen categorieën vermindert de breadcrumb de behoefte om de terugknop van de browser te gebruiken.
Voor zoekmachines structureert de breadcrumb de gegevens in de vorm van een hiërarchisch pad. Pagina’s die deze hebben, tonen dit pad rechtstreeks in de zoekresultaten, wat de leesbaarheid van de weergegeven snippet verbetert.
Mobiele navigatie en indexering: ontwerpen voor het dominante formaat
Mobile-first indexering betekent dat Google prioriteit geeft aan de mobiele versie van een site. Een navigatieplan moet dezelfde hiërarchie behouden op mobiel en desktop. Secties uit het mobiele menu verwijderen om ruimte te besparen, maakt ze onzichtbaar voor indexering.
De meest voorkomende valkuil betreft mega-menu’s die op kleine schermen in accordions worden omgevormd. Als de inhoud van deze accordions dynamisch wordt geladen na een interactie, kunnen sommige pagina’s nooit door crawlers worden ontdekt. Omgekeerd blijft inhoud die in de HTML aanwezig is en simpelweg visueel verborgen is, leesbaar.
Het technische onderscheid is duidelijk: een CSS-accordion dat bestaande HTML verbergt, vormt geen probleem voor indexering. Een JavaScript-accordion dat inhoud op aanvraag laadt, kan gaten in de doorzochte boomstructuur creëren.
De navigatie van een site wordt gemeten aan de hand van zijn vermogen om elke pagina binnen enkele klikken vindbaar te maken, op alle schermformaten, voor alle soorten gebruikers. Een gedetailleerde sitemap blijft het meest betrouwbare vangnet wanneer het hoofdmenu zijn structurele grenzen bereikt.
