Een e-commerce site met honderden productpagina’s, geneste categorieën en een actieve blog: we zoeken een specifieke pagina, het hoofdmenu is niet genoeg, de zoekbalk levert te veel resultaten op. Deze sitemap, vaak onderaan de pagina geplaatst, biedt een gestructureerd overzicht van alle toegankelijke URL’s en maakt het mogelijk om binnen enkele seconden inhoud te lokaliseren.
HTML sitemap en toegankelijkheid: een onderschatte nalevingsfactor
Er wordt vaak gesproken over de XML sitemap, die door de Google-robots wordt verkend. De HTML sitemap vervult een andere rol: deze is gericht op menselijke bezoekers. Het lijst de pagina’s van de site op in de vorm van klikbare links, georganiseerd op thema of rubriek.
De WCAG 2.4.5-norm (“Meerdere manieren”) vereist dat gebruikers meerdere manieren hebben om een pagina op een website te lokaliseren. De hoofdnav, de interne zoekfunctie en de sitemap vormen de drie erkende pijlers om aan deze eis te voldoen.
Sinds 2024 integreren de toegankelijkheidsevaluaties (RGAA in Frankrijk, Europese richtlijnen) deze dimensie steeds meer. Een site die alleen een navigatiemenu en een zoekbalk aanbiedt, kan tekortschieten op dit criterium.
De sitemap wordt dan een regelgevend vangnet, naast een praktisch hulpmiddel. Dit wordt duidelijk als je de sitemap van Le Bon Sens bekijkt, die goed illustreert hoe een gestructureerde sitemap de oriëntatie van bezoekers vergemakkelijkt.
HTML sitemap voor navigatie: wat het hoofdmenu niet toont
Een goed ontworpen navigatiemenu dekt de belangrijkste rubrieken. Het kan niet alle subpagina’s weergeven zonder onleesbaar te worden. Op een site die verschillende diensten aanbiedt, lokale pagina’s of gearchiveerde inhoud heeft, maakt het menu een selectie. De sitemap daarentegen toont de volledige boomstructuur.
Laten we een concreet voorbeeld nemen: we zoeken de algemene verkoopvoorwaarden van een aanbieder, of een getuigenispagina die niet in een van de dropdownmenu’s verschijnt. De zoekbalk kan werken, maar deze gaat ervan uit dat we de juiste zoekwoorden kennen. De HTML sitemap daarentegen presenteert de volledige structuur van de site, waardoor we pagina’s kunnen vinden waarvan we het bestaan niet wisten.
Gebruikers van schermlezers: een speciale navigatielaag
Voor mensen die een schermlezer gebruiken, kan navigeren in een complex menu met geneste submenus arbeidsintensief worden. Recente toegankelijkheidsgidsen raden aan om meerdere gestructureerde navigatielagen aan te bieden:
- De hoofdnav in een
navtag, met duidelijke labels - Overstaplinks (skip links) om direct naar de inhoud te springen
- Een consistente titelstructuur op elke pagina
- Een aanvullend mechanisme zoals de sitemap of een inhoudsopgave
De sitemap fungeert als een globale index van de site, die op elk moment kan worden geraadpleegd. Het vervangt het menu niet, maar aanvult het voor gevallen waarin dat niet voldoende is.
XML sitemap en HTML sitemap: twee bestanden, twee doelgroepen
De verwarring tussen de twee formaten blijft bestaan. De XML sitemap is een technisch bestand, doorgaans toegankelijk op het adres /sitemap.xml. Het bevat de lijst van URL’s met metadata (datum van laatste wijziging, updatefrequentie) en is uitsluitend gericht op zoekmachines. Google, Bing en andere robots gebruiken het om de site efficiënter te verkennen.
De HTML sitemap is een klassieke webpagina, leesbaar door elke bezoeker. Het organiseert de links naar alle pagina’s van de site in een visuele hiërarchie. De XML sitemap dient voor indexering, de HTML sitemap dient voor navigatie.
De HTML sitemap vereist handmatige creatie of het gebruik van een speciale extensie. Dit is vaak de reden waarom het op veel sites ontbreekt, terwijl het echte waarde biedt voor de gebruiker.
Wanneer het raadplegen van de sitemap tijd bespaart
We hebben niet altijd een sitemap nodig. Op een vitrine site van vijf pagina’s is het menu meer dan voldoende. De meningen hierover verschillen, maar de sitemap komt volledig tot zijn recht in specifieke contexten.
- Sites met meer dan vijftig pagina’s, waar het menu niet alles kan weergeven
- Sites waarvan de boomstructuur in de loop van de tijd is geëvolueerd, met weespagina’s of slecht verbonden pagina’s
- Zoeken naar een specifieke pagina waarvan we de exacte naam niet kennen (privacybeleid, wettelijke vermeldingen, secundaire contactpagina)
- Eerste bezoek aan een professionele site om de reikwijdte van de aangeboden diensten te begrijpen
In deze situaties fungeert de sitemap als een overzicht dat in één oogopslag kan worden geraadpleegd. Het voorkomt dat we op goed geluk door dropdownmenu’s navigeren of drie keer een zoekopdracht in de zoekbalk moeten herformuleren.
Een kwaliteitsindicator voor zoekmachines
De HTML sitemap speelt ook een indirecte rol in SEO. Door interne links naar alle pagina’s van de site te creëren, herverdeelt het de interne linkstructuur naar soms geïsoleerde inhoud. Een diepe pagina die geen enkele link vanuit het hoofdmenu ontvangt, kan tenminste één link vanuit de sitemap krijgen, wat de robots helpt deze te ontdekken en te indexeren.
Het is geen vervanging voor een echte interne linkstrategie, maar een nuttige aanvulling, vooral voor sites waarvan de structuur geleidelijk is opgebouwd zonder een globaal plan.
Op een middelgrote of grote site biedt de sitemap directe toegang tot alle inhoud, versterkt de toegankelijkheidsconformiteit en ondersteunt de interne linkstructuur. Voordat we de dropdownmenu’s of geavanceerde zoekfilters vermenigvuldigen, blijft het de eerste reflex om te controleren of er een HTML sitemap aanwezig is.