Wanneer een site tientallen rubrieken bevat, kan het snel lijken op een spelletje verstoppertje om een specifieke pagina te vinden. De sitemap biedt een oplossing voor dit probleem: het toont op één pagina de georganiseerde lijst van alle toegankelijke inhoud. Voor een informatieportaal zoals Passez l’info wordt deze pagina een directe snelkoppeling naar elk thema, zonder door de dropdown-menu’s te hoeven navigeren.
HTML-sitemap en XML-sitemap: twee tools, twee doelgroepen
Voordat we het over navigatie hebben, moet er een onderscheid worden gemaakt. De term “sitemap” verwijst in werkelijkheid naar twee heel verschillende dingen, afhankelijk van de context.
De HTML-sitemap is bedoeld voor menselijke bezoekers. Het is een klassieke webpagina, leesbaar in een browser, die de rubrieken en pagina’s in de vorm van klikbare links opsomt. De rol ervan: een overzicht van de boomstructuur bieden, zodat een internetgebruiker snel vindt wat hij zoekt.
De XML-sitemap is daarentegen gericht op de robots van zoekmachines. Het is een technisch bestand, onzichtbaar voor de bezoeker, dat Google of Bing aangeeft welke pagina’s geïndexeerd moeten worden en hoe vaak ze opnieuw bezocht moeten worden. Het vervangt de HTML-sitemap niet, maar aanvult deze.
Een site die alleen een XML-sitemap heeft, ontneemt zijn bezoekers een concreet navigatiehulpmiddel. Omgekeerd kan een HTML-sitemap zonder XML-sitemap ertoe leiden dat pagina’s als weespagina’s buiten het radar van de zoekmachines vallen. Op de sitemap van Passez l’info wordt de HTML-versie benadrukt, gestructureerd per categorie om het leesgemak te bevorderen.
Toegankelijkheid en criterium WCAG 2.4.5: waarom de sitemap normatief is geworden
U beschouwt de sitemap misschien als een overblijfsel uit de jaren 2000, een pagina die niemand bekijkt. De toegankelijkheidsnormen vertellen een ander verhaal.
De WCAG 2.2 AA-criteria, gepubliceerd door het W3C op 5 oktober 2023, omvatten het criterium 2.4.5 genaamd “Multiple Ways”. Dit criterium vereist dat ten minste twee manieren worden aangeboden om eenzelfde pagina op een website te bereiken. Alleen de hoofd navigatie is niet voldoende: er moet een interne zoekmachine, een sitemap of een inhoudsopgave aan worden toegevoegd.
De HTML-sitemap wordt expliciet genoemd als een van de normatieve middelen om aan deze eis te voldoen. Voor een informatiewebsite die regelmatig inhoud publiceert, is dit vaak de eenvoudigste oplossing om op te zetten en te onderhouden.
Wat WCAG 2.2 verandert voor het ontwerp van de sitemap
Versie 2.2 voegt ook de criteria 2.4.11 en 2.4.12 toe, samengevoegd onder de naam “Focus Not Obscured”. Concreet, wanneer een gebruiker met het toetsenbord door de sitemap navigeert, mag de focus nooit worden verborgen door een zwevend element (cookie-banner, sticky header, sticky footer). Als uw sitemap een lange lijst met links bevat en een banner het actieve link bedekt, is het criterium niet vervuld.
Dit technische punt verplicht tot het testen van de sitemap met een echte toetsenbordnavigatie, niet alleen visueel.
Anatomie van een nuttige sitemap voor navigatie
Niet alle sitemaps zijn gelijk. Sommige beperken zich tot een ruwe stroom van links zonder hiërarchie. Andere reproduceren het hoofdmenu zonder waarde toe te voegen. Een effectieve sitemap volgt enkele concrete principes.
- De pagina’s zijn gegroepeerd per rubriek met zichtbare diepteniveaus (categorie, subcategorie, pagina). De bezoeker herkent de logica van de organisatie in enkele seconden.
- De titels van de links komen overeen met de werkelijke titels van de pagina’s. Geen verkorte of herformuleerde labels die verwarring tussen de sitemap en de inhoud zouden veroorzaken.
- De nuttige pagina’s (wettelijke vermeldingen, privacybeleid, gebruiksvoorwaarden) staan in een aparte sectie, onderaan de pagina of in een apart blok, om de redactionele inhoud niet te verdrinken.
- De sitemap blijft toegankelijk vanaf elke pagina van de site, meestal via een link in de voettekst. Een onvindbare sitemap vervult geen enkele functie.
Bijwerken: handmatig of automatisch
Op een site die meerdere artikelen per week publiceert, wordt het handmatig onderhouden van een sitemap snel onrealistisch. De meeste CMS (WordPress, Drupal, Joomla) bieden extensies die automatisch de HTML-sitemap genereren op basis van de bestaande boomstructuur.
Automatisering biedt een duidelijk voordeel: elke nieuwe publicatie verschijnt in de sitemap zonder menselijke tussenkomst. Aan de andere kant kan het pagina’s bevatten die niet interessant zijn voor de bezoeker (tagpagina’s, lege archiefpagina’s, per ongeluk geïndexeerde concepten). Een goede automatische sitemap vereist goed geconfigureerde uitsluitingsregels.
Optimale navigatie: wat de sitemap niet vervangt
De sitemap is een vangnet, geen vervanging voor doordachte navigatie. Als uw bezoekers systematisch de sitemap moeten raadplegen om inhoud te vinden, is dat een teken dat het hoofdmenu of de structuur van de site problemen vertoont.
Een goed presterende sitemap werkt aanvullend met drie elementen:
- Een duidelijk hoofdmenu, beperkt tot enkele items (de meeste goed presterende sites blijven onder de acht rubrieken van het eerste niveau).
- Een interne zoekmachine, bijzonder nuttig op sites met een groot volume aan redactionele inhoud.
- Een broodkruimelpad (breadcrumb) dat op elk moment aangeeft waar de bezoeker zich in de boomstructuur bevindt.
Deze vier elementen samen dekken de vereisten van het criterium WCAG 2.4.5 terwijl ze een vloeiende navigatie-ervaring bieden, ongeacht het gebruikersprofiel.
De sitemap blijft een van de weinige webelementen die zowel de toegankelijkheid, de natuurlijke SEO als het navigatiecomfort dient. Het negeren ervan is jezelf beroven van een eenvoudig te implementeren hefboom waarvan de onderhoudskosten vrijwel nul zijn zodra de juiste instellingen zijn aangebracht.
