Effectief navigeren met een goed gestructureerde website-map

Een sitemap van een website beperkt zich niet tot een XML-bestand dat aan Google Search Console is ingediend. Het is een architecturaal document dat de crawl-diepte, de verdeling van de interne PageRank en de mogelijkheid van gebruikers om elke pagina binnen maximaal drie klikken te bereiken, bepaalt. We zien regelmatig sites waarvan de HTML-sitemap en de XML-sitemap van elkaar afwijken, wat inconsistenties in indexering creëert en de daadwerkelijke navigatie verslechtert.

WCAG 2.2-criteria die het ontwerp van een sitemap veranderen

De versie WCAG 2.2, gepubliceerd op 5 oktober 2023, introduceert vereisten die direct verband houden met de navigatiestructuur. Publieke artikelen behandelen deze criteria zelden, terwijl ze de wettelijke conformiteit van veel sites in Europa bepalen.

Het criterium 2.4.11 (Focus Not Obscured, niveau AA) vereist dat het met de toetsenbord gerichte element nooit volledig wordt verborgen door een sticky header, een cookie-banner of een chatwidget. In de praktijk dwingt dit om de hoogte van vaste menu’s en de stapeling van overlays in het paginaontwerp te heroverwegen.

Het criterium 3.2.6 (Consistent Help, niveau A) vereist dat elk hulpsysteem (contactlink, FAQ, chat) op elke pagina van de site op dezelfde relatieve positie verschijnt. Een sitemap die deze locatie niet vanaf de fase van de boomstructuur voorziet, genereert kostbare correcties in de productie.

Het criterium 2.5.8 (Target Size Minimum, niveau AA) stelt een minimale doelgrootte van 24 x 24 pixels voor interactieve elementen. Dichte navigatiemenu’s, met krappe links op mobiel, slagen vaak niet voor deze test. We raden aan om de grootte van de doelen al in het wireframe van de visuele sitemap te valideren.

Man die een website-architectuur presenteert op een whiteboard in een vergaderruimte

XML-sitemap en HTML-sitemap: twee verschillende functies in de webarchitectuur

Het verwarren van de XML-sitemap en de HTML-sitemap blijft de meest voorkomende fout. Het XML-bestand is gericht op de indexeringsrobots van Google en andere zoekmachines. De HTML-sitemap is een pagina die toegankelijk is voor bezoekers en de categorieën en pagina’s van de site in een leesbare boomstructuur opsomt.

Om deze complementariteit te illustreren, fungeert de sitemap www Site de Bankai als een inhoudsopgave voor gebruikers, terwijl het bijbehorende XML-bestand zich uitsluitend richt op crawlers.

Een goed ontworpen HTML-sitemap vermindert de navigatiediepte. Elke belangrijke pagina is binnen twee klikken vanaf de root toegankelijk, wat zowel het crawl-budget als de gebruikerservaring verbetert. De XML-sitemap moet daarentegen exact de canonieke URL’s weerspiegelen, zonder pagina’s in noindex of 301-omleidingen op te nemen.

Signalen van divergentie om op te letten

  • URL’s die in de XML-sitemap staan maar ontbreken in de HTML-sitemap wijzen op weespagina’s die Google indexeert zonder dat bezoekers ze via de navigatie kunnen bereiken.
  • URL’s die in de HTML-sitemap zijn vermeld maar zijn uitgesloten van de XML creëren een inconsistentie: de site toont links naar pagina’s waarvan het impliciet aan Google vraagt deze niet te crawlen.
  • Een XML-sitemap met URL’s die een fout 404 of een omleiding bevatten, vermindert het vertrouwen van de indexeringsrobot en vertraagt het crawlen van daadwerkelijk actieve pagina’s.

Interne linkstructuur gestuurd door de sitemap

De sitemap bepaalt de verdeling van de interne PageRank. Zonder voorafgaande mapping stapelen interne links zich willekeurig op, waardoor de autoriteit op de homepage en de belangrijkste categoriepagina’s wordt geconcentreerd ten koste van diepere inhoud.

We structureren de linkstructuur op basis van de boomstructuur van de HTML-sitemap. Elk hiërarchisch niveau (homepage, categorieën, subcategorieën, eindpagina’s) ontvangt een aantal inkomende links dat evenredig is aan zijn SEO-prioriteit. Dit principe voorkomt de verdunning van linkwaarde naar pagina’s met een lage waarde.

Klikdiepte en impact op indexering

Een pagina die meer dan drie klikken van de root verwijderd is, heeft statistisch gezien minder kans om regelmatig gecrawld te worden. De sitemap fungeert als een vangnet: zelfs als de hoofdnavige niet rechtstreeks naar een diepe pagina leidt, garandeert de HTML-sitemap een toegangspad van maximaal twee klikken.

Contextuele links in de inhoud versterken deze linkstructuur. Een link die in een relevant alinea is geplaatst, draagt meer semantische waarde over dan een generieke link in de voettekst. De sitemap identificeert de thematische verbindingen tussen pagina’s om deze interne linkstrategie te begeleiden.

Jonge vrouw die navigeert op een interactieve website-sitemap via een tablet in een coworkingruimte

Structuurfouten die de navigatie en SEO saboteren

Een overbelast navigatiemenu compenseert geen slecht doordachte boomstructuur. Boven de zeven items in het hoofdmenu daalt het klikpercentage per item sterk. We raden aan om het eerste niveau te beperken tot vijf of zes invoeren en vervolgens gerichte submenu’s te gebruiken.

Te platte structuren vormen een symmetrisch probleem. Een site die al zijn pagina’s op hetzelfde hiërarchische niveau plaatst, verhindert Google om de semantische relaties tussen inhoud te begrijpen. De zoekmachine heeft moeite om pilaarpagina’s en satellietpagina’s te identificeren.

Kannibalisatie en dubbele URL’s

Een vage boomstructuur bevordert SEO-kannibalisatie: twee pagina’s richten zich op hetzelfde zoekwoord zonder dat de sitemap definieert welke prioriteit heeft. De oplossing ligt in een audit van de boomstructuur, pagina voor pagina, waarbij elke URL wordt gekruist met zijn doelzoekwoord en zijn positie in de hiërarchie.

Dubbele URL’s (met en zonder eindslash, www- en non-www-versies) moeten in de XML-sitemap worden behandeld met consistente canonieke tags. Een schone sitemap elimineert deze duplicaten voordat ze de domeinautoriteit fragmenteren.

Effectieve navigatie op een website is gebaseerd op een architecturale beslissing die vooraf is genomen, niet op correcties die na de lancering worden toegepast. De sitemap, of het nu HTML of XML is, blijft het enige document dat dwingt om alle navigatiepaden te overdenken voordat de eerste regel code wordt geschreven.

Effectief navigeren met een goed gestructureerde website-map