Naar de inhoud

URLM

Blog

Uncategorized

Hoe je gemakkelijk een doe-het-zelfsite kunt navigeren met een volledige sitemap

Op een doe-het-zelfsite die duizenden producten vermeldt, dekt het hoofdmenu slechts een fractie van de werkelijke boomstructuur. Diepe categorieën (roestvrijstalen schroeven voor de scheepvaart, bi-component epoxy-lijmen, meerlaagse fittingen per diameter) blijven vaak verborgen op drie of…

Un homme d'une cinquantaine d'années consulte le plan d'un site de bricolage sur son ordinateur portable dans un atelier en bois

Op een doe-het-zelfsite die duizenden producten vermeldt, dekt het hoofdmenu slechts een fractie van de werkelijke boomstructuur. Diepe categorieën (roestvrijstalen schroeven, bi-component epoxy lijmen, meerlagenverbindingen per diameter) blijven vaak verborgen achter drie of vier klikken. De HTML-sitemap lost dit probleem op door de volledige boomstructuur op één enkele pagina weer te geven, met actieve links naar elke navigatieknoop.

Producttaxonomie en diepte van de boomstructuur op een doe-het-zelfsite

Een doe-het-zelfsite segmenteert zijn catalogus volgens verschillende assen: productfamilie, materiaal, gebruik, merk, afmetingen. Deze segmentatie genereert een boomstructuur die gemakkelijk meer dan vier hiërarchische niveaus overschrijdt. Het hoofdmenu, beperkt door de weergave ruimte, kan niet verder dan het tweede of derde niveau tonen zonder onleesbaar te worden.

De HTML-sitemap compenseert deze beperking. Het geeft elke tak van de taxonomie weer in de vorm van een hiërarchische lijst, van de hoofdsectie tot de fijnste subcategorie. Een doe-het-zelver die op zoek is naar een specifiek type cirkelzaagblad (afwisselende tand, specifieke diameter, gegeven boring) krijgt direct toegang tot de juiste pagina zonder door de opeenvolgende filters van de catalogus te hoeven gaan.

We zien dat sites met meer dan drie niveaus van categorieën het meest profiteren van een HTML-sitemap. Daaronder is het menu meestal voldoende. Daarboven wordt de boomstructuur de kortste weg naar een gericht product.

Navigeren via de sitemap van Oh Brico illustreert deze logica goed: elke sectie ontvouwt zich tot de uiteindelijke subcategorieën, wat voorkomt dat je moet raden in welk menu een product is ingedeeld.

Een vrouw bekijkt de sitemap van een doe-het-zelfsite op een tablet in haar keuken met een notitieblok van projecten ernaast

HTML-sitemap en toegankelijkheidsconformiteit: verplichtingen sinds de Europese Wet

De Europese toegankelijkheidswet, in Frankrijk omgezet in de wet van 9 maart 2023 en het decreet van 9 oktober 2023, verplicht handelswebsites tot een niveau van conformiteit dat verder gaat dan de klassieke ergonomie. De sitemap is geen eenvoudig navigatiegemak, het maakt deel uit van de omzeilmechanismen die door de RGAA worden erkend om toegang tot alle inhoud te waarborgen.

Vier declaratieve verplichtingen die betrekking hebben op navigatie

Sinds de inwerkingtreding van deze teksten moeten de betrokken organisaties vier elementen op hun site cumuleren:

  • Een toegankelijkheidsverklaring gepubliceerd op elke site, waarin het bereikte niveau van conformiteit en eventuele uitzonderingen worden gedetailleerd.
  • Een meerjarig toegankelijkheidsplan, vergezeld van een jaarlijks actieplan, waarin de geplande correcties worden beschreven.
  • De vermelding van de conformiteitsstatus zichtbaar vanaf de homepage, meestal in de voettekst.
  • Een gemakkelijk te vinden toegang tot deze documenten vanuit de hoofd navigatie of de sitemap.

Deze elementen moeten zelf ook toegankelijk zijn. Een goed gestructureerde HTML-sitemap fungeert als een vangnet: het centraliseert de links naar de toegankelijkheidsverklaring, het meerjarige plan en het actieplan, naast het opsommen van de commerciële pagina’s.

Schermlezers en navigatie met het toetsenbord

Voor een gebruiker van een schermlezer is het doorbladeren van een mega-menu van een doe-het-zelfsite (dat honderden links kan bevatten) een aanzienlijke cognitieve inspanning. De sitemap biedt een lineair overzicht van de volledige boomstructuur op één pagina, gestructureerd door hiërarchische titels die de schermlezer kan doorbladeren door secties over te slaan.

Toetsenbordnavigators vinden hier hetzelfde voordeel: directe toegang tot elke rubriek zonder te hoeven tabben door de interactieve elementen van de header, promotiebanners en productcarrousels.

Een jonge man die aan het renoveren is, bekijkt de sitemap van een doe-het-zelfsite op zijn smartphone in een appartement in verbouwing

HTML-sitemap en XML-sitemap: twee bestanden, twee verschillende functies

De XML-sitemap is bedoeld voor indexeringsrobots, niet voor bezoekers. Het lijst de URL’s met hun metadata (wijzigingsdatum, updatefrequentie, prioriteit) om het crawlen te vergemakkelijken. De HTML-sitemap is daarentegen een zichtbare pagina die bedoeld is voor mensen, opgebouwd met klikbare links georganiseerd volgens bedrijfslogica.

Op een doe-het-zelfsite is het verwarren van de twee een manier om bezoekers te beroven van een concreet navigatiehulpmiddel. Het XML-bestand lost niets op voor een klant die naar een specifieke categorie zoekt. De HTML-sitemap daarentegen reproduceert de volledige hiërarchie van de catalogus in een leesbaar formaat.

We raden aan om beide bestanden te onderhouden, maar ze als afzonderlijke projecten te behandelen. De XML volgt de technische logica (alle indexeerbare URL’s). De HTML volgt de gebruikerslogica (groepering op gebruik, per kamer van het huis, per type werk). Een goede HTML-sitemap is geen ruwe export van de database: het weerspiegelt de manier waarop een doe-het-zelver zijn projecten bedenkt.

Kwaliteitscriteria voor een sitemap voor een doe-het-zelfcatalogus

Niet alle sitemaps zijn gelijk. Een slecht gestructureerde sitemap, met honderden platte links zonder visuele hiërarchie, wordt net zo onbruikbaar als de afwezigheid van een sitemap. Hier zijn de criteria die het verschil maken op een doe-het-zelfcatalogus:

  • Expliciete visuele hiërarchie: de hoofdsecties (gereedschap, loodgieterij, elektriciteit, houtbewerking) verschijnen als titels, de subcategorieën ingesprongen, de eindproductpagina’s op het laatste niveau.
  • Synchronisatie van updates met de catalogus: elke toevoeging of verwijdering van een categorie moet worden weerspiegeld in de sitemap, anders ontstaan er gebroken links die het vertrouwen van de gebruiker en het crawlen ondermijnen.
  • Segmentatie op basis van gebruikslogica in plaats van interne referentie: producten groeperen op project (badkamerrenovatie, zolderisolatie) ter aanvulling van de classificatie op technische familie.
  • Correcte semantische markup (geneste lijsten ul/li, Hn-titels) zodat assistentietechnologieën de structuur kunnen interpreteren.

Een sitemap die aan deze criteria voldoet, wordt een echt alternatief hulpmiddel voor interne zoekopdrachten, bijzonder nuttig wanneer de ingebouwde zoekmachine te brede of slecht geclassificeerde resultaten oplevert.

Het laatste punt om in gedachten te houden: de pagina van de sitemap moet met één klik toegankelijk zijn vanaf de voettekst. Op een doe-het-zelfsite waar de gemiddelde bezoeker meerdere categorieën per sessie bekijkt, wordt deze pagina een structurele snelkoppeling die het menu alleen niet kan vervangen.

Hoe je gemakkelijk een doe-het-zelfsite kunt navigeren met een volledige sitemap