Naar de inhoud

Hoe navigeer je eenvoudig met een duidelijke en overzichtelijke sitemap?

Een bezoeker komt via Google op een productpagina terecht, zoekt naar de klantenservice, vindt die niet binnen twee klikken en verlaat de website…

Femme étudiant un plan de site web imprimé sur un bureau en bois dans un bureau à domicile moderne

Een bezoeker komt via Google op een productpagina terecht, zoekt naar de klantenservice, vindt die niet binnen twee klikken en verlaat de site. Dit scenario doet zich dagelijks voor op duizenden websites waarvan de structuur zonder plan is gegroeid. Het probleem is niet het aantal pagina’s, maar het ontbreken van een overzichtelijke kaart die alle content met elkaar verbindt.

HTML-sitemap en XML-sitemap: twee verschillende rollen in de navigatie

De sitemap voor bezoekers (een HTML-pagina met een overzicht van de rubrieken) wordt vaak verward met de XML-sitemap die door crawlers wordt gelezen. Beide hebben hetzelfde doel (pagina’s vindbaar maken), maar zijn bedoeld voor een ander publiek en hebben een andere indeling.

De HTML-sitemap is een pagina die mensen kunnen raadplegen. Ze toont categorieën, subcategorieën en belangrijke pagina’s als klikbare links. Wanneer de hoofdnavigatie niet volstaat, biedt deze pagina bezoekers die de weg kwijt zijn een vangnet.

De XML-sitemap is daarentegen een technisch bestand dat bij zoekmachines wordt ingediend. Google raadt aan om er prioritaire URL’s in op te nemen, maar een XML-sitemap garandeert niet dat een pagina wordt gecrawld of geïndexeerd. Een URL die alleen in het bestand staat en waar geen interne links naartoe verwijzen, kan worden genegeerd. Op de sitemap van Superfora is te zien hoe beide niveaus naast elkaar bestaan: een overzichtelijke structuur voor de gebruiker, aangevuld met een bestand voor crawlers.

Man presenteert een hiërarchische sitemap die op een whiteboard in een modern kantoor is getekend

Ontwerp een sitemap die aansluit op het werkelijke bezoekerspad

De meeste sitemaps volgen de interne organisatiestructuur van het bedrijf: ‘Over ons’, ‘Onze diensten’, ‘Contact’. Die indeling is logisch voor het team, maar zelden voor bezoekers die een specifiek antwoord zoeken.

Begin bij zoekopdrachten, niet bij afdelingen

Breng voordat je de sitestructuur uittekent eerst de vragen in kaart die bezoekers daadwerkelijk stellen. De gegevens uit Search Console, suggesties uit de interne zoekfunctie en zoekwoorden met een informatieve zoekintentie vormen het uitgangspunt. Elke groep verwante zoekopdrachten wordt een vertakking in de sitemap.

Pagina’s groeperen op basis van de gebruikersintentie in plaats van de bedrijfsstructuur vermindert het aantal benodigde klikken. Een bezoeker die zoekt op ‘levertijd’ moet de juiste pagina kunnen vinden zonder eerst via ‘Onze beloften’ naar ‘Logistiek’ te gaan.

Beperk de navigatie tot drie niveaus

Na drie navigatieniveaus (home, categorie, pagina) daalt het aantal bezoekers dat de pagina’s bekijkt. De sitemap moet met deze beperking rekening houden. Staat een pagina vier klikken van de homepage, plaats die dan hoger in de structuur of voeg een snelkoppeling toe vanuit een bovenliggende categorie.

  • Niveau 1: hoofdcategorieën die zichtbaar zijn in het menu (5 tot 8 rubrieken volstaan voor de meeste middelgrote bedrijfs- of e-commercesites)
  • Niveau 2: subcategorieën die de zoekintentie verder specificeren (bijvoorbeeld ‘Wandelschoenen’ onder ‘Schoenen’)
  • Niveau 3: eindpagina’s (productpagina’s, artikelen, servicepagina’s) die met contextuele links met elkaar zijn verbonden

Interne links en navigatie: maak elke pagina toegankelijk

Een sitemap, hoe volledig ook, vervangt geen solide interne linkstructuur. Contextuele links in de hoofdtekst, broodkruimelnavigatie en secundaire menu’s zijn de belangrijkste manieren waarop bezoekers zich door de site bewegen.

Broodkruimelnavigatie en de positie van de gebruiker

De broodkruimelnavigatie laat bezoekers zien waar ze zich in de sitestructuur bevinden. Zo kunnen ze ook één niveau omhoog zonder terug te hoeven naar de homepage. Voor zoekmachines bevestigt ze de hiërarchie tussen pagina’s. Elke stap in het kruimelpad moet overeenkomen met een bestaande, klikbare pagina.

Contextuele links in de content

Een link in een alinea met een beschrijvende ankertekst draagt meer waarde over dan een algemene link onderaan de pagina. Gebruik bij voorkeur ankerteksten die de bestemmingspagina beschrijven (‘bekijk de retourvoorwaarden’) in plaats van vage formuleringen.

Orphan pages (pagina’s waar geen enkele interne link naartoe verwijst) blijven onzichtbaar voor zowel crawlers als bezoekers. De HTML-sitemap kan ze alsnog vindbaar maken, maar de duurzame oplossing is om ze vanaf het moment van publicatie in de interne linkstructuur op te nemen.

Jonge vrouw bekijkt op een tablet in een gezellige woonkamer de navigatiestructuur van een website

Toegankelijkheid van de sitemap: toetsenbordnavigatie en de grootte van klikbare gebieden

Een goed gestructureerde sitemap verliest zijn nut als een deel van de bezoekers er geen gebruik van kan maken. De toegankelijkheidscriteria die het W3C heeft gepubliceerd in WCAG 2.2 (oktober 2023) bevatten eisen voor de zichtbaarheid van het element dat met het toetsenbord is geselecteerd en de minimale grootte van interactieve elementen.

In de praktijk betekent dit dat elke link in de sitemap bereikbaar moet zijn met de Tab-toets en een duidelijke visuele indicator moet hebben (een omlijning of kleurverandering). Vaste menu’s die content bedekken, vormen een specifiek probleem: ze kunnen het element met focus verbergen en toetsenbordnavigatie onmogelijk maken.

  • Test de sitemap door alleen het toetsenbord te gebruiken, zonder muis
  • Controleer of de klikbare gebieden groot genoeg zijn voor gebruik op een touchscreen (smartphones, tablets)
  • Controleer of vaste elementen (banner, cookiebalk) tijdens het navigeren geen actieve link bedekken
  • Controleer het contrast tussen de linktekst en de achtergrond

Houd de sitemap actueel zonder signalen te vertekenen

Een verouderde sitemap geeft tegenstrijdige signalen af. Dode links op de HTML-pagina frustreren bezoekers. In de XML-sitemap wordt een kunstmatig bijgewerkte datum in het veld ‘lastmod’ (zonder dat de content daadwerkelijk is gewijzigd) uiteindelijk door Google genegeerd.

Werk het veld ‘lastmod’ alleen bij wanneer er een belangrijke wijziging plaatsvindt: een tekstuele aanpassing, de toevoeging van gestructureerde gegevens of een herziening van een blok met interne links. Alleen de copyrightdatum wijzigen telt niet mee.

In de HTML-sitemap moet elke pagina die wordt toegevoegd of verwijderd ook worden verwerkt. Op een site met meer dan een paar honderd pagina’s voorkomt automatische generatie van de sitemap (via het CMS of een speciale plugin) dat er pagina’s over het hoofd worden gezien. Controleer eens per kwartaal handmatig of de categorieën nog overeenkomen met de actuele sitestructuur en de bezoekerspaden.

Een sitemap is geen statisch document dat je bij de lancering publiceert en daarna vergeet. Het is een dynamisch hulpmiddel dat aansluit op de werkelijke structuur van de site en op de behoeften van de bezoekers, zowel mensen als crawlers.

Hoe navigeer je eenvoudig met een duidelijke en overzichtelijke sitemap?