Een bezoeker die de pagina die hij zoekt niet binnen twee klikken vindt, verlaat de site. Een zoekmachine die de structuur niet begrijpt, indexeert de inhoud slecht. Iemand die een schermlezer gebruikt en op een verwarrend menu stuit, verliest aanzienlijke tijd. Deze drie realiteiten coëxisteren op dezelfde site, en het is de sitemap die ze moet verzoenen.
HTML-sitemap, XML-sitemap en menu: drie tools voor drie doelgroepen
U heeft misschien al opgemerkt dat een site een navigatiemenu, een bestand sitemap.xml en een pagina “sitemap” kan aanbieden die toegankelijk is vanuit de voettekst? Deze drie elementen vervullen verschillende functies, ook al beschrijven ze dezelfde structuur.
Ook interessant : Hoe word je een gecertificeerde oudercoach en financier je je opleiding met het CPF
De HTML-sitemap is een pagina bedoeld voor bezoekers. Het lijst de secties en subsecties van de site op in de vorm van klikbare links. De rol ervan: een overzicht bieden wanneer het hoofdmenu niet voldoende is, of wanneer een gebruiker een specifieke pagina zoekt zonder via de klassieke navigatie te gaan.
De XML-sitemap daarentegen wordt nooit door een mens gezien. Het is een technisch bestand dat door indexeringsrobots (Googlebot, Bingbot) wordt gelezen. Het geeft zoekmachines aan welke pagina’s er zijn, hun laatste wijzigingsdatum en hun relatieve prioriteit. Een site waarvan de sitemap Transtec goed is gestructureerd, vergemakkelijkt het werk van de robots door hen te voorkomen dat ze onnodige pagina’s crawlen.
Verder lezen : De beste caloriearme voedingsmiddelen voor een gezonde en evenwichtige voeding
Het navigatiemenu is tenslotte het permanente referentiepunt dat op elke pagina wordt weergegeven. Het bevat slechts een selectie van de belangrijkste secties. Te veel items in een menu schaadt de leesbaarheid, terwijl de HTML-sitemap zich kan permitteren om uitputtend te zijn.
Het verwarren van deze drie tools creëert inconsistenties: een link die in de XML-sitemap staat maar ontbreekt in de HTML-sitemap geeft een tegenstrijdig signaal aan de zoekmachines. Een pagina die in het menu staat maar is uitgesloten van de sitemap loopt het risico slecht geïndexeerd te worden.
Een sitemap structureren voor meerdere doelgroepen zonder in consistentie te verliezen
Wanneer een site zich richt op zowel klanten, zoekmachines als mensen met een handicap, is de verleiding groot om aparte paden te creëren. Dat is een fout. De consistentie tussen de verschillende navigatietools garandeert dat elke doelgroep toegang heeft tot dezelfde inhoud, via paden die zijn aangepast aan hun behoeften.
Vertrekken vanuit de werkelijke structuur van de site
De HTML-sitemap moet de structuur van de pagina’s nauwkeurig weergeven. Als uw site categorieën, subcategorieën en productpagina’s bevat, moet deze hiërarchie precies zo in de sitemap terugkomen. Technische pagina’s (wettelijke vermeldingen, cookiebeleid, omleidingspagina’s) hebben geen plaats in deze sitemap: ze verzwaren de leesbaarheid zonder waarde voor de gebruiker toe te voegen.
De XML-sitemap kan daarentegen deze technische pagina’s opnemen als ze geïndexeerd moeten worden. Maar pagina’s zonder waarde voor SEO moeten worden uitgesloten: pagina’s met interne zoekresultaten, dubbele filterpagina’s, onnodige gepagineerde versies.
De broodkruimelnavigatie integreren als link tussen navigatie en sitemap
De broodkruimelnavigatie (breadcrumb) speelt een brugfunctie. Het toont de gebruiker waar hij zich bevindt in de structuur en stelt hem in staat om één niveau omhoog te gaan zonder terug te keren naar het hoofdmenu. Om goed te functioneren, moet de broodkruimelnavigatie exact de hiërarchie van de sitemap reproduceren.
Als uw sitemap een pagina onder “Diensten > Onderhoud” plaatst, maar de broodkruimelnavigatie “Home > Onze aanbiedingen > Onderhoud” weergeeft, percepeert de gebruiker een inconsistentie. Zoekmachines ook. Een unieke structuur, die overal wordt gebruikt, voorkomt deze discrepantie.
Toegankelijkheid van de sitemap: wat schermlezers verwachten
Een goed ontworpen sitemap voor toegankelijkheid is niet slechts een lijst van links. De semantische structuur van de HTML-code bepaalt de kwaliteit van de ervaring voor mensen die met het toetsenbord of met een schermlezer navigeren.
Hier zijn de technische elementen die het verschil maken:
- Gebruik een nav-tag met een aria-label die de functie van de sitemap beschrijft (“Volledige sitemap” bijvoorbeeld), zodat de schermlezer duidelijk het navigatiegebied aankondigt
- Structuur de diepteniveaus met geneste lijsten (ul > li > ul) in plaats van alleen visuele inspringingen, omdat lijsten de hiërarchie aan ondersteunende technologieën overbrengen
- Schrijf beschrijvende linktitels: “Catalogus van vervangingsonderdelen” in plaats van “Klik hier” of “Meer informatie”, zodat een gebruiker die van link naar link tabt elke bestemming begrijpt zonder visuele context
- Controleer of elke link met de Tab-toets bereikbaar is, in een logische volgorde die de weergegeven hiërarchie volgt
Deze technische keuzes compliceren de sitemap niet voor ziende bezoekers. Integendeel, een leesbare sitemap voor een schermlezer is ook visueel duidelijker, omdat de hiërarchie expliciet is in de code en niet alleen in de opmaak.
Structuurtesten vóór het ontwerpen: de navigatie vooraf valideren
Het corrigeren van een structuur na de lancering kost tijd en genereert omleidingen. Een gedocumenteerde aanpak in recente gidsen is om structuurtesten (tree testing) uit te voeren voordat de ontwerpen van de site zelfs maar worden gemaakt.
Het principe is eenvoudig. U presenteert een panel van testers de structuur van uw site in tekstvorm, zonder ontwerp, zonder kleuren. U vraagt hen om een specifieke informatie te vinden (“Waar zou u de retourvoorwaarden van een product vinden?”). Als de meerderheid faalt of aarzelt, is de categorisering problematisch.
Dit type test onthult tekortkomingen die de intuïtie niet detecteert:
- Vage sectietitels die bezoekers naar de verkeerde sectie leiden
- Overmatige diepteniveaus die pagina’s verbergen die vaak worden geraadpleegd
- Thematische groeperingen die logisch lijken voor de ontwerper maar niet voor de eindgebruiker
De structuur valideren vóór de ontwerpen vermindert late correcties en garandeert dat de sitemap, het menu en de broodkruimelnavigatie zijn gebaseerd op een structuur die al is getest door echte gebruikers.
Een sitemap is geen vast document. Elke toevoeging van een sectie, elke gedeeltelijke herontwerp moet gelijktijdig worden weerspiegeld in de HTML-sitemap, de XML-sitemap, het menu en de broodkruimelnavigatie. Deze synchronisatie vereist een nauwkeurigheid die veel sites verwaarlozen na de lancering, wat de inconsistenties in de navigatie verklaart die zich in de loop van de tijd ophopen.