Een sitemap is een HTML-pagina die alle secties en subsectoren van een website in de vorm van klikbare links opsomt. De rol ervan is om een globaal overzicht van de boomstructuur te bieden, toegankelijk op één plek, zonder dat de gebruiker elk menu hoeft te verkennen of door interactieve elementen hoeft te tabben.
De toegankelijkheidsrichtlijnen van de WCAG classificeren het als een van de erkende middelen om gebruikers te helpen de inhoud te vinden, net als een zoekbalk of een broodkruimelpad.
HTML-sitemap en XML-sitemap: twee bestanden, twee verschillende functies
De verwarring tussen deze twee elementen komt vaak voor. De XML-sitemap is een technisch bestand dat bedoeld is voor de indexeringsrobots van Google of Bing. Het wordt nooit in een browser weergegeven en is niet bedoeld voor menselijke bezoekers.
De HTML-sitemap daarentegen is een zichtbare pagina, ontworpen voor navigatie. Het is gericht op mensen die naar een specifieke sectie zoeken, die een schermlezer gebruiken of die uitsluitend met het toetsenbord navigeren. Beide bestanden kunnen naast elkaar bestaan zonder elkaar te vervangen.
Om een concreet voorbeeld van een navigatiegerichte sitemap-pagina te zien, de sitemap van Wallstore illustreert goed deze logica van een hiërarchische lijst die alle categorieën in één oogopslag groepeert.
Een robuuste sitemap ontwerpen voor herstructureringen en evoluties
De meeste sitemaps worden na enkele maanden verouderd omdat ze handmatig zijn gemaakt, bevroren op een bepaald moment. Zodra er een nieuwe sectie verschijnt of een pagina van URL verandert, weerspiegelt de sitemap de werkelijkheid van de site niet meer. Dat is het centrale probleem.
Automatische generatie of handmatige constructie
Een automatisch gegenereerde sitemap door het CMS (WordPress, Prestashop, Drupal) wordt bijgewerkt bij elke publicatie of verwijdering van een pagina. Dit is de meest betrouwbare methode voor sites die vaak veranderen. Een automatisch gegenereerde sitemap blijft gesynchroniseerd met de werkelijke boomstructuur, zonder menselijke tussenkomst.
Handmatige constructie blijft interessant wanneer de site secties bevat die beter uitgesloten kunnen worden van de sitemap: conversietunnelpagina’s, bedankpagina’s na een formulier, dubbele inhoud of beheerderspagina’s. De keuze hangt af van de frequentie van wijzigingen.
Pagina’s om op te nemen en pagina’s om uit te sluiten
- De structurele pagina’s (home, hoofdcategorieën, subcategorieën, service- of productpagina’s) vormen de basis van de sitemap. Ze moeten allemaal verschijnen.
- Blog- of nieuwspublicaties verdienen het om per categorie te worden gegroepeerd in plaats van individueel te worden opgesomd, vooral als het aantal publicaties enkele tientallen overschrijdt.
- Pagina’s zonder navigatiewaarde (algemene voorwaarden, cookiebeleid, omleidingspagina’s, tijdelijke landingspagina’s) rommelen de sitemap op en verminderen de leesbaarheid. Het is beter om ze weg te laten.
Anticiperen op wettelijke wijzigingen en WCAG-eisen
De toegankelijkheidsrichtlijnen evolueren. De interpretatiedocumentatie van de WCAG gepubliceerd door het W3C positioneert de sitemap als een hulpmiddel voor naleving, niet alleen voor gebruiksgemak. Het integreren van de sitemap in de toegankelijkheidscriteria vanaf het ontwerp voorkomt dat deze bij elke naleving opnieuw moet worden opgebouwd.
Concreet betekent dit dat de sitemap navigabel moet blijven met het toetsenbord, dat elke link een duidelijke titel moet hebben (geen “klik hier”) en dat de hiërarchie van de titels in de sitemap zelf de logische volgorde H2, H3 moet volgen, zonder niveau-sprongen.
HTML-structuur van een leesbare en toegankelijke sitemap
Een effectieve sitemap is gebaseerd op een boomstructuur van geneste lijsten. Elke hoofdcategorie komt overeen met een lijstitem van het eerste niveau, en de subcategorieën zijn ingebed in kindlijsten. Deze structuur stelt schermlezers in staat de diepte van de boomstructuur te begrijpen.
Drie niveaus van diepte zijn in de meeste gevallen voldoende. Daarboven wordt de pagina een muur van links die niemand doorloopt. Als de architectuur van de site vier niveaus of meer vereist, is dat vaak een teken dat de boomstructuur zelf vereenvoudigd zou moeten worden.
De titels van de links moeten exact overeenkomen met de titels van de bestemmingspagina’s. Een bezoeker die “Onze verplichtingen” in de sitemap leest en op een pagina met de titel “CSR-beleid” terechtkomt, verliest het vertrouwen in de navigatie. Deze consistentie tussen de sitemap en de werkelijke pagina’s is het meest vaak verwaarloosde criterium.
Onderhoud van de sitemap: de controle die de meeste websites missen
Het publiceren van een sitemap is niet genoeg. Een gebroken link in de sitemap verslechtert de navigatie meer dan het ontbreken van een sitemap. De bezoeker vertrouwt op deze pagina om direct toegang te krijgen tot een sectie. Tegenkomen van een fout 404 vanuit de sitemap vernietigt dit vertrouwen.
De regelmatige controle van de links in de sitemap kan worden geïntegreerd in hetzelfde proces als de controle van de interne links van de site. Crawling-tools (Screaming Frog, Xenu, of de ingebouwde verificatoren van CMS) detecteren dode URL’s in enkele minuten.
- Na elke herstructurering of migratie, een volledige crawl uitvoeren en de URL’s van de sitemap vergelijken met de daadwerkelijk toegankelijke pagina’s.
- Bij het toevoegen van een nieuwe sectie, controleren of het automatische generatie systeem deze correct in de sitemap heeft geïntegreerd, of deze handmatig toevoegen.
- Minstens eenmaal per kwartaal controleren of de titels van de sitemap nog steeds overeenkomen met de werkelijke titels van de pagina’s.
- Verwijder de pagina’s die zijn gedeïndexeerd of omgeleid uit de sitemap, om omleidingslussen vanuit de navigatiepagina te voorkomen.
Een goed onderhouden sitemap fungeert als een permanent vangnet voor de navigatie. Wanneer een menu complexer wordt, wanneer een zoekbalk vage resultaten oplevert, wanneer een gebruiker met het toetsenbord niet in staat is een sectie te bereiken via de gebruikelijke weg, blijft de sitemap de laatste betrouwbare toevlucht. Deze betrouwbaarheid hangt echter van één voorwaarde af: dat de pagina de werkelijkheid van de site weerspiegelt op het moment dat de bezoeker deze raadpleegt.
