Een HTML-sitemap blijft, op de meeste online media, een vergeten pagina in de voettekst. Je komt er toevallig op, en verlaat het meteen. De sitemap van HyperScoop stelt een bredere vraag: hoe deze pagina om te vormen tot een echt navigatiehulpmiddel, ook op een telefoonscherm of voor een lezer die gebruikmaakt van assistieve technologie.
HTML-sitemap en XML-sitemap: twee logica’s die niet verward moeten worden
De verwarring is vaak aanwezig. De XML-sitemap is gericht op zoekmachines, niet op mensen. Het lijst de URL’s op om het crawlen en indexeren te vergemakkelijken. De HTML-sitemap daarentegen is een pagina bedoeld voor bezoekers: deze toont de redactionele structuur van de site, met klikbare links georganiseerd per rubriek.
Verder lezen : Vrachtwagen 10 m3: ontdek alles wat je gemakkelijk kunt vervoeren
Bij HyperScoop bestaan beide naast elkaar, maar hun rollen verschillen. De XML-sitemap wint door pagina’s met weinig waarde (lege archieven, inlogpagina’s, weinig nuttige tags) uit te sluiten om te voorkomen dat het crawlbudget wordt verwaterd. De HTML-sitemap moet daarentegen weerspiegelen wat de lezer daadwerkelijk zoekt.
De twee verwarren, is het risico lopen een HTML-sitemap te publiceren die lijkt op een technische dump: honderden ruwe links, zonder hiërarchie of leeslogica. Een bezoeker die op de sitemap van HyperScoop aankomt, verwacht een leesbare boomstructuur, geen uitputtende inventaris van alle URL’s van het domein.
Aanvullende lectuur : Efficiënt navigeren met de sitemap Encore Le Printemps !
Mobiele navigatie en sitemap: het gebruikelijke zwakke punt
Recente UX-aanbevelingen komen op één punt overeen: mobiele navigatie vereist lichte menu’s, een eenvoudige hiërarchie en duidelijke labels. De zichtbare elementen moeten beperkt blijven tot de meest relevante. Een sitemap die is ontworpen voor een breed bureauscherm wordt vaak onleesbaar op een smartphone.
Het probleem ligt niet in de hoeveelheid links. Het ligt in hun presentatie. Op mobiel dwingt een ingesprongen lijst van drie niveaus de lezer om eindeloos te scrollen, zonder visuele referentie. De beste praktijken moedigen aan om de inhoud te groeperen op basis van korte thema’s, met expliciete titels in plaats van ruwe artikelkoppen.
HyperScoop publiceert artikelen over verschillende onderwerpen (games, onderzoek, ruimte, meningen, nieuws). Een nuttige sitemap op mobiel zou moeten toelaten om binnen enkele seconden de rubriek te vinden die overeenkomt met de zoektocht, zonder dat de hele publicatie hoeft te worden doorlopen.
Wat webnavigatiegidsen aanbevelen
- Beperk het aantal tegelijkertijd weergegeven elementen: op mobiel, toon de hoofdcategorieën en verberg de subniveaus achter een interactie (tap of accordeon)
- Gebruik korte en beschrijvende labels, geen volledige artikelkoppen die van het scherm aflopen
- Zorg voor voldoende ruimte tussen de links om tapfouten op het touchscreen te voorkomen
Deze principes zijn van toepassing op zowel het hoofdmenu als de sitemap. Het verschil is dat de sitemap zelden op mobiel wordt getest voordat deze online wordt gezet.
Toegankelijkheid van de sitemap: een vaak verwaarloosde verplichting
De toegankelijkheidscriteria voor het web zijn bekend: zorg voor minstens twee navigatiemiddelen, waaronder een hoofdmenu, een sitemap en een zoekmachine. De AcceDe Web-richtlijn herinnert hier expliciet aan. De sitemap is geen bonus, het is een van de drie pijlers van toegankelijke navigatie die door de richtlijnen worden erkend.
Voor een lezer die een schermlezer gebruikt, hangt de kwaliteit van de sitemap af van de HTML-structuur. Links gegroepeerd in geordende lijsten, sectietitels correct gemarkeerd, een vloeiende navigatie met het toetsenbord: deze elementen maken het verschil tussen een bruikbare pagina en een onbruikbare pagina.
De sitemap van HyperScoop kan deze rol van vangnet spelen voor bezoekers die niet vinden wat ze zoeken via het menu of de zoekfunctie. Als de pagina echter slechts een platte lijst zonder semantische markup is, verliest ze deze functie.
De technische punten die belangrijk zijn
- Elke groep links moet worden geïntroduceerd door een sectietitel (H2 of H3) die herkenbaar is voor assistieve technologieën
- De links moeten verschillende titels hebben: twee links met dezelfde tekst maar die naar verschillende pagina’s leiden, creëren verwarring voor schermlezers
- De pagina moet volledig met het toetsenbord navigeerbaar zijn, zonder focusval of ontoegankelijke gebieden
- De contrastverhouding van teksten en links moet voldoen aan de minimale ratios om leesbaar te blijven voor slechtzienden
Automatische update van de sitemap: wat er in de praktijk verandert
Een sitemap handmatig onderhouden is een doodlopende weg zodra het aantal publicaties enkele tientallen artikelen overschrijdt. De huidige aanbevelingen benadrukken de generatie en actualisatie van de sitemap in real-time, bij elke publicatie of wijziging van inhoud.
Deze automatisering voorkomt gebroken links, weespagina’s en verouderde rubrieken. Voor een media zoals HyperScoop, dat regelmatig publiceert over actuele onderwerpen (lanceringen van games, nieuwe redactionele lijnen, onderzoeksartikelen), wordt een statische sitemap snel achterhaald ten opzichte van de werkelijke inhoud.
Automatisering ontslaat niet van redactioneel werk. Sorteren blijft noodzakelijk: moeten de tags in de sitemap worden weergegeven of alleen de hoofdcategorieën? Moeten oude artikelen zichtbaar blijven of in een aparte sectie worden gearchiveerd? De beschikbare gegevens maken het moeilijk om voor een specifiek geval een beslissing te nemen, maar een sitemap zonder sorteerlijn verliest zijn navigatiefunctie.
De meest nuttige sitemappagina is niet degene die de meeste links bevat. Het is degene die een verloren bezoeker helpt om binnen tien seconden zijn weg terug te vinden, ongeacht zijn apparaat of manier van navigeren.