Naar de inhoud

Adrider

De nieuwigheden

Hoe navigeer je eenvoudig door een website met een goed ontworpen sitemap?

U zoekt informatie op een website, bladert door het hoofdmenu, klikt op twee of drie rubrieken en blijft in cirkels ronddraaien…

Femme consultant un plan de site web imprimé sur un bureau en bois dans un bureau à domicile moderne

Zoekt u informatie op een website? U bladert door het hoofdmenu, klikt op twee of drie rubrieken en komt steeds weer op hetzelfde punt uit. De inhoud bestaat wel, maar de route ernaartoe blijft onduidelijk. Precies dat probleem lost een goed ontworpen sitemap op: die toont de volledige sitestructuur op één pagina, als de inhoudsopgave van een boek.

Test het volledige navigatiepad, niet alleen de pagina

De meeste handleidingen over navigatie richten zich op de menustructuur of de pagina-indeling. Daarbij vergeten ze een praktisch punt: een pagina kan perfect zijn opgebouwd en toch onvindbaar blijven als de route ernaartoe ergens vastloopt.

De bevindingen uit toegankelijkheidsaudits bevestigen dit. Navigatieroutes lopen vast ondanks dat afzonderlijke pagina’s aan de eisen voldoen, omdat een uitklapmenu, een modaal venster of een bestelproces de toetsenbordnavigatie blokkeert. Door de volledige route vanaf de sitemap tot aan de gewenste actie te testen, krijgt u een betrouwbaarder beeld dan wanneer u elke pagina afzonderlijk controleert.

Concreet betekent dit dat u de sitemap opent, een link naar een dieper gelegen pagina kiest (een productpagina, een contactformulier of een gearchiveerd artikel) en vervolgens controleert of de route werkt zonder muis, uitsluitend met het toetsenbord of een schermlezer.

Als de route halverwege vastloopt, verliest de sitemap haar bestaansreden. U ziet dit principe in de praktijk op de sitemap van Les Marches du Pouvoir, die de rubrieken overzichtelijk onder elkaar weergeeft en rechtstreeks toegang biedt tot alle inhoud.

Man presenteert een architectuurplan van een website op een whiteboard in een gedeeld kantoor

HTML-sitemap en XML-sitemap: twee tools voor twee doelgroepen

Hebt u weleens een sitemap.xml-bestand gezien? Dat is een lijst met URL’s voor zoekmachines. Google, Bing en hun crawlers gebruiken die om pagina’s te ontdekken en te indexeren. Menselijke bezoekers bekijken dit bestand nooit.

Een HTML-sitemap is precies het tegenovergestelde: een zichtbare pagina voor mensen die door de website navigeren. De pagina toont rubrieken, subrubrieken en pagina’s in een logische volgorde, met klikbare links.

De HTML-sitemap is bedoeld voor bezoekers, de XML-sitemap voor crawlers. Die twee met elkaar verwarren is alsof u iemand die een plattegrond van een wijk zoekt, een telefoonboek geeft. Beide zijn nuttig, maar ze voorzien niet in dezelfde behoefte.

Wat een HTML-sitemap moet bevatten

Een goede HTML-sitemap neemt het navigatiemenu niet woord voor woord over. De sitemap vormt een aanvulling door ook de diepere niveaus te tonen die in het menu verborgen blijven. Neem de volgende onderdelen op:

  • De belangrijkste pagina’s van de website: de homepage, hoofdrubrieken, subrubrieken, contactpagina’s en juridische informatie
  • Dieper gelegen inhoud die niet rechtstreeks in het menu staat, zoals blogarchieven, uitgebreide productpagina’s of pagina’s van secundaire categorieën
  • Links naar functionele pagina’s (zoeken, FAQ’s en formulieren) waar bezoekers vaak naar op zoek zijn, maar die ze niet in het menu kunnen vinden

Dubbele pagina’s, pagina’s met interne zoekresultaten en pagineringspagina’s horen daarentegen niet thuis in een HTML-sitemap. Ze zorgen voor ruis zonder nuttige houvast te bieden.

Toegankelijkheid van de sitemap: een criterium dat auditors controleren

Een sitemap is geen esthetische extra. WCAG-criterium 2.4.5 (‘Meerdere manieren’) vereist dat een pagina via meer dan één route kan worden gevonden: via het menu, de zoekfunctie of de sitemap. Een samenhangende sitemap voldoet rechtstreeks aan dit toegankelijkheidscriterium.

Auditstandaarden zoals RGAA controleren een specifiek punt: de link naar de pagina ‘sitemap’ moet op alle pagina’s binnen dezelfde website op dezelfde manier toegankelijk zijn en op dezelfde plek staan. Staat de link op de homepage in de voettekst, maar ontbreekt die op interne pagina’s, dan slaagt de audit niet.

Drie doelgroepen die ervan afhankelijk zijn

Gebruikers van schermlezers hebben het meeste baat bij een sitemap. Een website pagina voor pagina doorlopen om de structuur te begrijpen, vraagt veel cognitieve inspanning. De sitemap geeft op één plek een totaaloverzicht van de sitestructuur.

Mensen die met het toetsenbord navigeren (vanwege een motorische beperking of uit persoonlijke voorkeur) krijgen er rechtstreeks toegang mee, zonder met de tabtoets door alle interactieve elementen van een complex menu te hoeven gaan. Ook alle andere bezoekers gebruiken de sitemap om een pagina terug te vinden waarvan ze de route zijn vergeten.

Jonge vrouw bekijkt op een tablet een sitemap vanaf een comfortabele bank

Structuur en updates van de sitemap: concrete fouten om te vermijden

Een slecht gestructureerde sitemap doet meer kwaad dan helemaal geen sitemap. Als de pagina een vlakke lijst met 300 links zonder hiërarchie toont, raakt iedereen het overzicht kwijt. De sitestructuur moet de logica van de website weerspiegelen: eerst de hoofdrubrieken, dan de subrubrieken en vervolgens de inhoudspagina’s.

Beperk elk niveau tot ongeveer tien links om de sitemap overzichtelijk te houden. Bij meer links haakt het brein af en wordt de pagina net zo verwarrend als de website die ze juist moet verduidelijken.

Een andere veelvoorkomende fout heeft te maken met updates. Veel websites genereren hun sitemap automatisch via een plugin of CMS. Dat is handig, maar levert soms links op naar verwijderde pagina’s, eindeloze omleidingen of dubbele links. Een sitemap met kapotte links schaadt het vertrouwen van bezoekers.

  • Controleer elk kwartaal of de links in de sitemap nog naar actieve pagina’s leiden
  • Verwijder gearchiveerde of samengevoegde pagina’s die niet langer relevant zijn voor de navigatie
  • Vergelijk de HTML-sitemap met de XML-sitemap om verschillen op te sporen tussen wat bezoekers en zoekmachines te zien krijgen
  • Controleer of de hiërarchie van de sitemap overeenkomt met de daadwerkelijke menustructuur en dezelfde benamingen gebruikt

Automatisch of handmatig: een schijntegenstelling

Automatische generatie is geschikt voor grote websites die regelmatig pagina’s toevoegen. Handmatige samenstelling biedt meer ruimte voor redactionele keuzes. De betrouwbaarste oplossing is een combinatie van beide aanpakken: genereer de basis automatisch en controleer daarna handmatig de benamingen en indeling.

Sinds 28 juni 2025 is de Europese Toegankelijkheidswet van toepassing op verschillende diensten voor consumenten, waaronder onlinehandel en bankdiensten. Voor de websites waarop deze wet van toepassing is, is de sitemap niet langer alleen een gebruiksvriendelijke extra. Audits op naleving controleren dit onderdeel, en het ontbreken van een sitemap of een slecht ontwerp ervan kan concrete problemen met de regelgeving opleveren.

Hoe navigeer je eenvoudig door een website met een goed ontworpen sitemap?