Een sitemap geeft alle pagina’s van een website weer op één pagina. Voor bezoekers is het een overzichtelijke weergave van de sitestructuur: elke rubriek, subrubriek en inhoudspagina verschijnt als een aanklikbare link. Vergeleken met megamenu’s en zoekbalken lijkt zo’n hulpmiddel misschien rudimentair, maar het voorziet in een behoefte waarin die andere oplossingen niet altijd voorzien.
HTML-sitemap en XML-sitemap: twee verschillende dingen
Deze twee formaten worden vaak met elkaar verward. Het XML-bestand is bedoeld voor crawlers: het geeft URL’s door aan zoekmachines, maar garandeert niet dat ze die URL’s crawlen of indexeren. De HTML-pagina is bedoeld voor menselijke bezoekers. Daarop staan links, geordend op thema, die iedereen in een browser kan bekijken.
| Criterium | HTML-sitemap | XML-sitemap |
|---|---|---|
| Belangrijkste doelgroep | Menselijke bezoekers | Crawlers van zoekmachines |
| Formaat | Webpagina met aanklikbare links | Gestructureerd tekstbestand |
| Toegankelijk via de browser | Ja, via een link in de footer of het menu | Niet zichtbaar zonder speciale tool |
| Rol voor SEO | Interne linkstructuur, secundaire navigatie | URL’s aanmelden om te crawlen |
| Nuttig voor toegankelijkheid | Ja (WCAG-criterium 2.4.5) | Nee |
Een website met alleen een XML-bestand biedt bezoekers dus geen alternatieve navigatiemogelijkheid. Alleen de HTML-pagina vervult die functie.
Wil je zien hoe zo’n pagina er in de praktijk uitziet? De sitemap van Gloria Net toont een complete sitestructuur met links die per categorie zijn ingedeeld. Zo wordt het principe van een volledig overzicht op één centrale plek duidelijk geïllustreerd.
Toegankelijkheid en WCAG-criteria: waarom een sitemap nog steeds nodig is
Volgens WCAG 2.2-criterium 2.4.5 moet een pagina op meer dan één manier te vinden zijn. Het hoofdmenu biedt een eerste toegangsmogelijkheid. De sitemap, zoekbalk of broodkruimelnavigatie vormt een tweede. Met een sitemap voldoe je aan deze eis zonder ingewikkelde ontwikkeling.
Ook gebruikers van schermlezers hebben hier direct baat bij. Een website pagina voor pagina doorlopen om de structuur te begrijpen kost tijd en vraagt veel cognitieve inspanning. De sitemap brengt de volledige sitestructuur samen op één pagina, die je met een schermlezer of via toetsenbordnavigatie in enkele seconden kunt raadplegen.
De RGAA 4.1.2 stelt nog een aanvullende eis: de sitemap moet op verschillende pagina’s op dezelfde plek te vinden zijn. Een link in de footer die op alle pagina’s staat, voldoet hieraan. Een link die ergens diep in een subrubriek verstopt zit, niet.
Beperkingen om rekening mee te houden
Een sitemap zorgt op zichzelf niet voor toegankelijke navigatie. Als de pagina niet goed is opgemaakt met de juiste HTML-elementen of als je de links niet met het toetsenbord kunt bereiken, gaat het voordeel verloren. Het W3C raadt aan de sitemap te combineren met hulpmiddelen voor oriëntatie, zoals broodkruimelnavigatie, duidelijke titels en een consistente hiërarchische koppenstructuur op elke pagina.
Een overzichtelijke sitemap opbouwen: de belangrijkste criteria
Een sitemap met honderden pagina’s zonder duidelijke indeling is onbruikbaar. Het doel is om de sitestructuur hiërarchisch weer te geven, met duidelijk herkenbare niveaus.
- Groepeer pagina’s eerst onder hoofdrubrieken en vervolgens onder subrubrieken. Hanteer daarbij dezelfde indeling als in het navigatiemenu van de website
- Beperk de zichtbare structuur tot maximaal drie niveaus om een eindeloze lijst te voorkomen die bezoekers ontmoedigt
- Gebruik linkteksten die overeenkomen met de daadwerkelijke paginatitels. Verkorte of anders geformuleerde titels kunnen verwarring veroorzaken
- Laat technische pagina’s die geen waarde hebben voor bezoekers weg, zoals inlogpagina’s, omleidingen en interne zoekresultatenpagina’s
Een te omvangrijke of slecht ingedeelde sitemap kan averechts werken. Grote websites, zoals webshops met duizenden productpagina’s, kunnen de links beter per categorie groeperen dan alles in één keer weergeven.
Dynamische pagina’s en regelmatig bijgewerkte content
Blogrubrieken, nieuwsberichten en FAQ’s brengen een specifiek probleem met zich mee. Een handmatig bijgewerkte sitemap is al verouderd zodra er een artikel wordt gepubliceerd. De meeste CMS’en bieden de mogelijkheid om de HTML-sitemap automatisch te genereren, zodat elke nieuwe pagina erin verschijnt zonder handmatig werk.
Automatische generatie heeft ook een nadeel: soms worden tagpagina’s, datumarchieven of pagineringpagina’s meegenomen, waardoor de sitemap onnodig lang wordt. Door te filteren op contenttype, zoals artikelen, statische pagina’s en categorieën, beperk je deze ruis.
Hoe sitemap, megamenu en zoekbalk elkaar aanvullen
Een megamenu toont bij aanwijzen de belangrijkste categorieën en enkele subcategorieën. De zoekbalk helpt bezoekers die precies weten wat ze zoeken. De sitemap is bedoeld voor een derde situatie: de bezoeker weet niet precies wat die zoekt, maar wil wel zien wat er allemaal beschikbaar is.
- Een megamenu werkt goed voor websites met een brede, maar ondiepe structuur (minder dan drie niveaus)
- De interne zoekfunctie is geschikt voor websites met veel content, mits de zoekmachine goed werkt
- De sitemap is de enige oplossing die een volledig overzicht biedt zonder ingewikkelde interactie
Deze drie elementen vervangen elkaar niet. Een website die uitsluitend op het navigatiemenu vertrouwt, ontneemt gebruikers een alternatieve toegangsmogelijkheid. Dat levert een toegankelijkheidsprobleem op volgens het eerder genoemde WCAG-criterium 2.4.5.
De sitemap fungeert ook als centraal punt voor interne links: elke link op de pagina geeft zoekmachines een signaal over het bestaan en de hiërarchie van pagina’s. Op websites waar sommige dieper gelegen pagina’s weinig interne links ontvangen, helpt de sitemap dit tekort eenvoudig op te vangen.
Een HTML-sitemap hoeft niet spectaculair te zijn. Een eenvoudige, goed gestructureerde pagina die met het toetsenbord toegankelijk is en automatisch wordt bijgewerkt, doet wat ervan wordt verwacht. De belangrijkste aandachtspunten zijn consistente benamingen, een overzichtelijke diepte van de sitestructuur en een link naar de sitemap op elke pagina van de website.
