Een HTML-sitemap is een pagina met een overzicht van alle content op een website, weergegeven als klikbare links die per categorie zijn ingedeeld. De pagina biedt rechtstreeks toegang tot elke pagina, zonder dat bezoekers de gebruikelijke navigatiemenu’s hoeven te gebruiken. Zo vormt de sitemap een aanvulling op de navigatiebalk en de interne zoekfunctie, in overeenstemming met WCAG-criterium 2.4.5, dat vereist dat content via meerdere routes toegankelijk is.
HTML-sitemap en XML-sitemap: twee tools voor verschillende doeleinden
Deze twee bestanden worden nog vaak met elkaar verward. Een HTML-sitemap is een webpagina die bezoekers kunnen bekijken en die hen naar de content op de website leidt. De XML-sitemap is daarentegen een technisch bestand voor de crawlers van Google of Bing.
Een XML-sitemap wordt niet in de browser weergegeven. Het bestand geeft zoekmachines een lijst met URL’s om te crawlen, met metadata zoals de datum van de laatste wijziging. Het is belangrijker dat deze datum betrouwbaar is dan dat hij simpelweg aanwezig is: een sitemap met datums die niet overeenkomen met de daadwerkelijke contentupdates is minder nuttig voor zoekmachines.
De HTML-sitemap is juist bedoeld voor menselijke bezoekers. Deze biedt een overzicht van de sitestructuur, ingedeeld op thema of hiërarchisch niveau. Op de sitemap van Qui Peut maakt deze indeling op basis van categorieën het mogelijk om snel content te vinden, zonder een zoekopdracht in de interne zoekmachine in te voeren.
Beide bestanden vervullen een aanvullende functie. Een goed georganiseerde website houdt ze allebei up-to-date.
Paginahiërarchie: de sitestructuur indelen voor een betere navigatie
Een overzichtelijke sitemap is gebaseerd op een heldere paginahiërarchie met een beperkte diepte. Het principe is eenvoudig: elke pagina op de website moet met zo min mogelijk klikken vanaf de homepage bereikbaar zijn.
Voor de meeste websites en blogs volstaan in de praktijk drie niveaus. Bij meer niveaus raken bezoekers de weg kwijt en kunnen de crawlers van Google de dieperliggende pagina’s moeilijker vinden.
Categorieën indelen op basis van de content
De groepering van pagina’s moet aansluiten bij de manier waarop gebruikers informatie zoeken, niet bij het interne organigram van het bedrijf. Een categorie met de naam ‘Diensten voor particulieren’ werkt beter dan een technische benaming die bezoekers niet begrijpen.
De benamingen spelen een directe rol in de effectiviteit van de sitemap. Een link met het label ‘Ons aanbod’ zegt weinig. Een link met het label ‘Woonverzekering – online offerte’ beschrijft waar de link naartoe leidt. Beschrijvende linkteksten voorkomen onnodige klikken en helpen zoekmachines de content van elke pagina te begrijpen.
De structuur toetsen met gebruikerstests
De sitestructuur in een sitemap garandeert niet dat bezoekers daadwerkelijk vinden wat ze zoeken. Een praktische methode is om een paar mensen van buitenaf te vragen specifieke content op te zoeken. Als ze twijfelen over de categorie, is de benaming of hiërarchie niet duidelijk genoeg.
Zelfs een informele test brengt onduidelijke categorieën en verweesde pagina’s aan het licht die met alleen de sitemap niet goed zichtbaar worden.
Interne links en linkstructuur: wat de sitemap versterkt
De HTML-sitemap fungeert als vangnet voor de interne linkstructuur. Elke link in de sitemap biedt rechtstreeks toegang tot een pagina, onafhankelijk van het hoofdmenu of de inhoud van artikelen.
Deze extra links hebben een concreet SEO-effect: pagina’s met weinig interne links vanuit redactionele content blijven via de sitemap bereikbaar. Zoekmachines krijgen zo een extra ingang naar deze pagina’s met weinig interne links.
- Dieperliggende pagina’s (oude artikelen, gearchiveerde productpagina’s) worden beter zichtbaar als ze in de sitemap staan, ook als er geen recente artikelen naar verwijzen.
- Nieuwe pagina’s verschijnen meteen in de sitemap als deze dynamisch wordt gegenereerd, waardoor crawlers ze sneller ontdekken.
- De links in de sitemap geven interne PageRank door aan elke vermelde pagina en vullen zo de natuurlijke linkstructuur aan die door redactionele content wordt opgebouwd.
Een sitemap die nooit wordt bijgewerkt, raakt vol met gebroken links naar verwijderde pagina’s of gewijzigde URL’s. Regelmatig onderhoud bepaalt hoe nuttig de sitemap daadwerkelijk is.
Toegankelijkheid van de sitemap: WCAG-criteria en toetsenbordnavigatie
Een goed georganiseerde sitemap vervult haar functie alleen als alle bezoekers er toegang toe hebben, ook bezoekers die met een toetsenbord of schermlezer navigeren. De WCAG 2.2-richtlijnen bevatten verschillende criteria die rechtstreeks op deze pagina van toepassing zijn.
Criterium 2.4.5 (niveau AA) bepaalt dat een webpagina via ten minste twee verschillende manieren vindbaar moet zijn: via navigatie, zoeken, een sitemap of een inhoudsopgave. De sitemap helpt aan deze eis te voldoen, maar is op zichzelf niet voldoende.
Ook consistente navigatie is een criterium. Navigatie-elementen die op meerdere pagina’s terugkomen, moeten steeds in dezelfde volgorde staan. Als de link naar de sitemap op sommige pagina’s in de footer staat en op andere in het hoofdmenu, is de navigatie niet consistent.
- Linkteksten moeten duidelijk beschrijven waar de link naartoe leidt. ‘Klik hier’ of ‘Meer informatie’ voldoet niet aan deze eis.
- De sitemap moet met het toetsenbord te navigeren zijn, met een logische tabvolgorde die de visuele hiërarchie volgt.
- Het kleurcontrast tussen de linktekst en de achtergrond moet voldoen aan de door WCAG vastgestelde verhouding, zodat mensen met een visuele beperking de tekst goed kunnen lezen.
De sitemap bijwerken: frequentie en automatisering
Voor een statische website met een paar pagina’s volstaat het om de sitemap handmatig bij te werken na elke toevoeging van content. Voor een website met honderden pagina’s die regelmatig wordt bijgewerkt, is automatisering van de sitemap technisch noodzakelijk.
De meeste CMS’en (WordPress, Joomla, Drupal) bieden plug-ins die de HTML-sitemap dynamisch genereren op basis van gepubliceerde pagina’s. Zo verschijnt elke nieuwe pagina automatisch en verdwijnen verwijderde pagina’s uit de sitemap.
De HTML-sitemap en de XML-sitemap moeten dezelfde situatie weergeven. Een pagina die wel in de HTML-sitemap staat maar niet in de XML-sitemap, geeft zoekmachines tegenstrijdige signalen. Het omgekeerde geldt ook: een URL in de XML-sitemap die een 404-fout oplevert, schaadt het vertrouwen dat Google in het bestand stelt.
Een sitemap is een hulpmiddel, geen versiering. De waarde ervan hangt af van de nauwkeurigheid, de benamingen en het onderhoud. Een verouderde of slecht gestructureerde sitemap zorgt voor meer verwarring in plaats van minder.
