Een HTML-sitemap is geen gadget uit het web van de jaren 2000. Op een medium dat dagelijks publiceert, is het een structurele index die alle rubrieken in één leesniveau blootlegt, zonder afhankelijk te zijn van de interne zoekmachine of de hiërarchie van de menu’s. Terwijl de klassieke navigatie de inhoud segmenteert in tabbladen, maakt de sitemap deze boomstructuur plat en maakt het mogelijk om deze in één oogopslag te doorlopen.
Toegankelijkheid via het toetsenbord en navigatie op de Daily Live-sitemap
De navigatie met het toetsenbord is gebaseerd op de tabvolgorde van de DOM. Bij een klassieke dropdown-menu vereist elke subcategorie een volgorde van Tab + Enter, soms Tab + Pijl omlaag, met valkuilen gerelateerd aan slecht beheerde focus traps. Een HTML-sitemap daarentegen presenteert links in een lineaire volgorde. De gebruiker doorloopt de pagina met Tab en activeert de link met Enter, zonder complexe interactie.
Hier komt de waarde van het formaat naar voren voor schermlezers. Een VoiceOver of een NVDA kondigt elke link aan in de volgorde van het document. De afwezigheid van geneste menu’s elimineert focusfouten die de gebruiker naar de bovenkant van de pagina stoten. Op een dicht medium is deze winst niet marginaal.
De belangrijkste beperking blijft het volume van de links. Wanneer een site jarenlang meerdere artikelen per dag publiceert, kan de sitemap honderden vermeldingen opsommen. Zonder interne anker naar elke thematische sectie wordt de Tab-toets een kwelling: je moet tientallen links doorlopen voordat je de beoogde rubriek bereikt.
Het toevoegen van “skip to section” ankers lost dit probleem op, maar niet alle sitemaps hebben dit. Het raadplegen van de Daily Live-sitemap maakt het mogelijk om direct te zien hoe de rubrieken zijn gegroepeerd en of er navigatiesnelkoppelingen bestaan.
Sitemap op mobiel: werkelijke nut en scrollfrictie
Op een touchscreen gedraagt een sitemap zich als een lange pagina met gestapelde links. De dichtheid van klikbare doelen vormt een echt ergonomisch probleem. De WCAG-aanbevelingen stellen een minimale grootte van het aanraakgebied vast om tapfouten te voorkomen. Een sitemap die zijn links op mobiel samenperst, zonder voldoende ruimte, genereert onopzettelijke klikken.
De verticale scroll is het andere frictiepunt. Op een mobiele browser (Safari, Chrome) trekt de adresbalk zich terug bij het scrollen, wat de zichtbare zone verandert en het moeilijker maakt om je in een lange lijst te oriënteren. In tegenstelling tot een hamburger-menu dat de weergegeven keuzes beperkt, toont de sitemap alles tegelijk.
Wanneer de sitemap relevant blijft op mobiel
- Wanneer de interne zoekfunctie van de site niet goed werkt of geen relevante resultaten oplevert, biedt de sitemap een alternatieve toegang tot alle rubrieken.
- Voor een gebruiker die de site ontdekt en de redactionele reikwijdte (categorieën, subrubrieken, contentformaten) wil begrijpen zonder tabblad voor tabblad te navigeren.
- Wanneer het netwerk traag is: een statische HTML-pagina met links laadt sneller dan een dynamisch filtersysteem dat door JavaScript wordt aangedreven.
De sitemap is geen vervanging voor het hoofdmenu op mobiel. Het is een vangnet wanneer andere navigatiemethoden falen.
Beperkingen van de sitemap ten opzichte van de interne zoekfunctie
Een interne zoekmachine verwerkt een vrije tekstquery. De sitemap daarentegen vereist dat je visueel door de titels van rubrieken scant. De interne zoekfunctie overtreft de sitemap zodra de gebruiker precies weet wat hij zoekt (een artikel titel, een naam, een datum).
De sitemap herwint de voorsprong in twee specifieke gevallen. Ten eerste, wanneer de gebruiker de exacte terminologie die door de redactie wordt gebruikt niet kent. “Live video” intypen in een interne zoekmachine zal niets opleveren als de rubriek “Live” heet. Door de sitemap te doorlopen worden de werkelijke titels blootgelegd en wordt deze ambiguïteit opgeheven.
Ten tweede, wanneer de interne zoekmachine slecht is geconfigureerd. Veel mediawebsites gebruiken een eenvoudig standaard WordPress-veld, dat de inhoud indexeert op titel en inhoud maar de categorieën negeert. De sitemap daarentegen somt expliciet de categorieën en subcategorieën op, wat de zoekmachine soms vergeet.
Wat de sitemap niet oplost
Een HTML-sitemap biedt geen filter op datum, geen sortering op populariteit, en geen zoekfunctie op tag. Het toont een vastgelegde foto van de boomstructuur. Op een live medium dat vluchtige inhoud produceert (live-uitzendingen, evenementen), blijven verlopen pagina’s vermeld als de sitemap niet automatisch wordt bijgewerkt. De gebruiker klikt dan op een dode link, wat het vertrouwen schaadt.
De frequentie van de update van de sitemap is dus een indicator van onderhoud. Een statische sitemap, hard gecodeerd in een sjabloon, wijkt snel af van de redactionele realiteit. Een dynamisch door het CMS gegenereerde sitemap weerspiegelt de huidige staat van de publicaties, maar kan concepten of niet-gepubliceerde pagina’s bevatten als de filters slecht zijn ingesteld.
Structuur van een effectieve sitemap voor een online medium
We onderscheiden twee benaderingen. De eerste groepeert de links per redactionele rubriek (actualiteit, cultuur, sport, live). De tweede classificeert ze op type inhoud (artikelen, video’s, podcasts, live-uitzendingen). Voor een site die zich richt op live, helpt de tweede benadering de gebruiker meer om een specifiek formaat te vinden.
- Groepering per rubriek: geschikt voor lezers die naar een specifieke thematiek zoeken, reproduceert de logica van het hoofdmenu.
- Groepering per formaat: geschikt voor lezers die toegang willen tot een type inhoud (herhaling, geschreven artikel, live-stream) ongeacht het onderwerp.
- Hybride groepering: eerste indeling per rubriek, onderverdeling per formaat binnen elke rubriek. Completer, maar verlengt de pagina.
Het toevoegen van een inhoudsopgave bovenaan de sitemap, met ankers naar elke sectie, transformeert de pagina in een echt navigatiehulpmiddel. Zonder deze inhoudsopgave blijft de sitemap een platte lijst die niemand tot het einde doorloopt.
Een goed gestructureerde sitemap dient ook de SEO. De indexeringsrobots doorlopen de interne links die op deze pagina worden weergegeven en vinden daar paden naar diepere inhoud, soms wees in de boomstructuur. Dit is niet de primaire rol voor de gebruiker, maar het is een nevenvoordeel dat de meeste media onderbenutten.
De echte vraag blijft het onderhoud. Een sitemap die de boomstructuur op dat moment nauwkeurig weerspiegelt en die toetsenbord- of aanraak-snelkoppelingen biedt, heeft een concrete nut. Een verwaarloosde sitemap, vol gebroken links, doet meer kwaad dan goed aan de geloofwaardigheid van de site.
