Een HTML-sitemap is een pagina die alle links van een website in een boomstructuur opsomt die leesbaar is voor een menselijke bezoeker. Het onderscheidt zich van de XML-sitemap, een technisch bestand dat bedoeld is voor zoekmachines voor indexering. Beide vervullen complementaire functies, maar het HTML-plan transformeert concreet de navigatie van een verloren gebruiker in een vlot parcours.
HTML-sitemap en XML-sitemap: twee bestanden, twee doelgroepen
De verwarring tussen deze twee formaten blijft vaak bestaan. De XML-sitemap is een gestructureerd bestand dat door crawlers (Googlebot, Bingbot) wordt gelezen om pagina’s te ontdekken en te indexeren. Het bevat geen opmaak of visuele hiërarchie: het is een ruwe lijst van URL’s vergezeld van metadata (wijzigingsdatum, prioriteit).
Zie ook : Ontdek hoe u uw vastgoedprojecten kunt vergemakkelijken met het Pôle Finance voor vastgoed platform
De HTML-sitemap is daarentegen gericht op bezoekers. Het toont de volledige boomstructuur van de site met duidelijke titels, georganiseerd per rubriek en subrubriek. Een gebruiker die niet vindt wat hij zoekt via het hoofdmenu kan hierheen gaan om de exacte pagina te vinden die hij nodig heeft.
Extensies zoals SEOPress bieden nu de mogelijkheid om beide formaten vanuit één interface te genereren, met een HTML-plan dat met één klik kan worden geactiveerd en inclusief afbeeldingen om de verkenning van de inhoud te verbeteren. Deze dubbele dekking (voor mensen en robots) versterkt zowel de gebruikerservaring als de SEO. Op de Kabanes-sitemap wordt deze logica toegepast met een duidelijke visuele structuur die elke categorie inhoud groepeert.
Aanrader : Ontdek hoe je gemakkelijk een beautywebsite kunt navigeren met een gedetailleerd plan
Structuur van de sitemap: structureren voordat je publiceert
Een sitemap publiceren zonder de structuur te hebben gevalideerd, komt neer op het verspreiden van een ruw overzicht. De structuur moet de mentale logica van de bezoekers weerspiegelen, niet het interne organigram van het bedrijf.
Card sorting en tree testing om de architectuur te valideren
Twee UX-methoden maken het mogelijk om te controleren of een structuur voldoet aan de werkelijke verwachtingen van gebruikers. Card sorting houdt in dat een panel wordt gevraagd om paginatitels in categorieën te sorteren die logisch voor hen lijken. Het resultaat onthult vaak groeperingen die het projectteam niet had overwogen.
Daarna komt tree testing: de kandidaatstructuur wordt aan testers gepresenteerd en hen wordt gevraagd om een specifieke informatie te vinden. Het slagingspercentage en het aantal benodigde klikken geven aan of de structuur werkt of dat bepaalde takken opnieuw moeten worden georganiseerd.
Deze empirische tests, die kunnen worden uitgevoerd met toegankelijke online tools, voorkomen dat een sitemap wordt gefixeerd op interne hypothesen die nooit zijn getest in de praktijk.
Pagina’s om op te nemen en pagina’s om uit te sluiten
Een sitemap is geen duplicaat van het navigatiemenu. Het moet een uitgebreide maar leesbare weergave bieden:
- De structurerende pagina’s (home, hoofdonderdelen, stabiele subonderdelen) vormen het skelet van het plan en sturen de lezing
- De wettelijke pagina’s (wettelijke vermeldingen, privacybeleid) verdienen het om erin te staan om redenen van transparantie en conformiteit
- Gede duplicateerde pagina’s, interne zoekresultaatpagina’s en filter- of pagineringpagina’s hebben geen plaats: ze verzwaren het plan zonder navigatiewaarde toe te voegen
Voor dynamische rubrieken zoals een blog of een nieuwssectie is het voldoende om alleen de hoofdcategorieën op te sommen. Elk individueel artikel opnemen zou het plan binnen enkele maanden onleesbaar maken.
Toegankelijkheid van de sitemap: WCAG-naleving en toetsenbordnavigatie
Een complete sitemap verliest al zijn nut als deze niet toegankelijk is voor mensen met een handicap. De richtlijnen WCAG 2.1 en 2.2 stellen concrete eisen die verder gaan dan de algemene best practices voor webontwerp.
Gebruikers van schermlezers profiteren direct van een goed gebouwde sitemap. Het doorbladeren van een site pagina voor pagina om de architectuur te begrijpen, vereist aanzienlijke cognitieve inspanning. De sitemap biedt een globaal overzicht van de structuur op één plek, zonder verkennende navigatie.
De WCAG-criteria vereisen een minimale contrastverhouding van 4.5:1 voor navigatie-elementen. De toetsenbordfocus moet correct worden beheerd in dropdownmenu’s en navigatiedispensers. Een link in de sitemap die geen toetsenbordfocus ontvangt, is onzichtbaar voor iedereen die geen muis kan gebruiken.
De norm vereist ook dat elk navigatiemiddel wordt aangevuld met ten minste één ander. Het aanbieden van een hoofdmenu, een sitemap en een zoekmachine dekt deze eis en biedt drie verschillende paden naar dezelfde inhoud.
Responsive ontwerp van de sitemap op mobiel
Op een desktop scherm blijft een sitemap in meerdere kolommen leesbaar. Op mobiel wordt dezezelfde lay-out een nachtmerrie van horizontaal scrollen. Het responsive ontwerp van de sitemap vereist specifieke keuzes.
De structuur moet zich als een accordeon of in uitklapbare niveaus vouwen. De gebruiker klikt op een hoofdrubriek om de subpagina’s te zien verschijnen, zonder een nieuwe pagina te laden. Dit mechanisme vermindert de schijnbare lengte van het plan terwijl de volledigheid behouden blijft.
- De aanraakgebieden van elke link moeten breed genoeg zijn om onbedoelde klikken te voorkomen, in overeenstemming met de aanbevelingen voor mobiele toegankelijkheid
- De tekst van de titels moet leesbaar blijven zonder in te zoomen, wat een geschikte lettergrootte en een genereuze verticale ruimte tussen de regels vereist
- Niveaus van inspringing die verder gaan dan drie diepten worden moeilijk te vertegenwoordigen op een klein scherm: het is beter om de structuur te vereenvoudigen dan om een onleesbare inspringing af te dwingen
Een sitemap die op mobiel werkt, is geen verkleinde versie van het desktopplan. Het is een interface die vanaf het begin is ontworpen voor aanraking, met interacties die zijn aangepast aan de duim.
Het onderhoud van de sitemap blijft het zwakke punt van de meeste sites. Een automatisch gegenereerde sitemap via een CMS of een speciale extensie wordt bijgewerkt bij elke publicatie van een pagina. Een handmatig gebouwde sitemap vereist regelmatige controle, anders biedt deze gebroken links die het vertrouwen van bezoekers ondermijnen.
De keuze tussen deze twee benaderingen hangt af van het volume aan inhoud en de frequentie van publicatie. In beide gevallen schade een verouderde sitemap meer dan dat hij helpt.