Goede websitenavigatie helpt bezoekers het juiste beginpunt te herkennen, een nuttige pagina te kiezen en te begrijpen wat ze daarna kunnen doen. Begin met de vragen waarmee mensen bij je bedrijf komen, geef die vragen duidelijke bestemmingen en test de routes op een telefoon en met het toetsenbord. Een kleiner menu helpt alleen als belangrijke pagina’s gemakkelijk te vinden blijven.
Deze checklist is bedoeld voor ondernemers die een nieuwe website plannen of hun bestaande site beoordelen. Gebruik hem om samen met je ontwerper keuzes te maken voordat je een fraai uitgewerkte kopbalk goedkeurt. Het nuttige resultaat is een beknopt, afgesproken overzicht van bezoekerstaken, pagina’s en links.
Begin bij de taak van de bezoeker
Schrijf drie tot vijf situaties op in de woorden van je klanten: “Ik wil weten of jullie in mijn regio werken”, “Ik wil jullie diensten vergelijken” of “Ik ben al klant en heb hulp nodig”. Dit zijn aanpasbare voorbeelden, geen vaste limiet. Bekijk echte klantvragen en vraag de mensen die ze beantwoorden waar bezoekers vastlopen.
Noteer per situatie de doelgroep, de vraag, de pagina die antwoord geeft en de volgende zinvolle handeling. Een mogelijke klant heeft misschien eerst uitleg over een dienst nodig; een bestaande klant wil mogelijk meteen naar ondersteuning. Beiden via hetzelfde verkoopformulier laten beginnen, zorgt voor een vermijdbare omweg.
Maak onderscheid tussen de bezoekerstaak en je interne organisatie. Een afdelingsnaam hoort alleen in de navigatie als klanten die begrijpen. Stellen twee teams allebei “Oplossingen” voor, vraag dan wat een bezoeker achter elke link verwacht. Leg de afgesproken namen en bestemmingen vast in je briefing voor het websiteproject.
Bepaal waar elke route thuishoort
De kopbalk is maar een onderdeel van de navigatie. Links in de inhoud kunnen een vraag verbinden met het antwoord op het moment dat die vraag ontstaat. Gebruik deze tabel om voor elke toegang een logische plek te kiezen.
| Behoefte van de bezoeker | Bruikbaar beginpunt |
|---|---|
| Een belangrijke reden om het bedrijf te bezoeken | Een duidelijk benoemde link in de hoofdnavigatie |
| Verschillende verwante diensten vergelijken | Een overzichtspagina; voeg een submenu toe als dat de keuze helpt |
| Tijdens het lezen een detail opzoeken | Een beschrijvende link op de betreffende pagina |
| Beleid of algemene bedrijfsinformatie raadplegen | Een link in de voettekst, waar nodig aangevuld met links in de inhoud |
| Veel onderdelen vinden waarvan de naam bekend is | Overweeg een zoekfunctie naast een structuur die bezoekers kunnen doorlopen |
Er bestaat geen universeel juist aantal menuopties. Beoordeel de echte namen, beschikbare ruimte en verschillende taken. De contactroute kan een opvallende plek verdienen, ook als een andere rubriek vaker wordt bezocht. Verstop geen essentiële bestemming om aan een visueel maximum te voldoen.
Laat de naam passen bij de bestemming
Vervang vage namen zoals “Ontdek” door woorden die de keuze uitleggen: “Onderhoudsdiensten”, “Werkgebied” of “Ons team”. Deze voorbeelden passen bij sommige bedrijven, niet bij iedere website. Vraag iemand buiten het project wat die na elke keuze verwacht te vinden, zonder de bestemmingspagina vooraf te tonen.
WAI’s uitleg over het linkdoel beschrijft hoe de linktekst of bijbehorende context het doel duidelijk moet maken. Kies bij voorkeur zelfstandig begrijpelijke namen.
Na aankomst moet de paginakop de keuze bevestigen. “Kantooronderhoud” hoort niet zonder uitleg uit te komen op een pagina met de titel “Onze expertise”. Overweeg op dieper gelegen pagina’s een kruimelpad als dat de hiërarchie verduidelijkt. Het toont de sitestructuur, niet de browsegeschiedenis van de bezoeker.
Herhaalde navigatie moet op verschillende pagina’s dezelfde onderlinge volgorde houden, zoals WAI over consistente navigatie uitlegt. Spreek gezamenlijke namen af, inclusief vertalingen, in plaats van elke kopbalk los te bewerken.
Controleer het mobiele menu en toetsenbordgebruik
Bekijk het werkende menu op een smal scherm met de langste vertaalde namen. Open het vanuit een artikel, een dienstenpagina en de aanvraagpagina. Zijn de keuzes nog te onderscheiden en kun je het menu sluiten zonder je plek kwijt te raken? Een schermafbeelding van de desktopversie geeft daarop geen antwoord.
WAI’s uitleg over menuopmaak behandelt zichtbare focus, vergrote tekst en toestanden die ook zonder kleur herkenbaar zijn. Controleer dat in de gebouwde versie.
Leg de muis weg. Doorloop de route met Tab en Shift+Tab, activeer links met Enter en controleer menuknoppen met Enter en de spatiebalk. De focus mag niet achter een gesloten paneel verdwijnen. Opent het menu als modaal venster over de pagina, laat de ontwikkelaar dan het focusgedrag en het sluiten demonstreren.
Vraag bij submenu’s om bediening met toetsenbord en aanraking en een alternatief via de bovenliggende pagina; zie WAI’s uitleg over uitklapmenu’s. Opent de bovenliggende optie zelf ook een pagina, maak dan het verschil tussen die link en de submenuknop duidelijk. Laat beide handelingen demonstreren.
WAI’s uitleg over menustructuur behandelt benoemde navigatiegebieden en een technisch herkenbare huidige pagina. Zo kunnen hulptechnologieën de zichtbare structuur begrijpen.
Een voorbeeld om zelf te gebruiken
Stel je een bedrijf voor gebouwonderhoud voor. Dit is een hypothetisch voorbeeld, geen klantresultaat. De voorgestelde kopbalk bevat “Oplossingen”, “Expertise”, “Kennis” en “Verbinden”. Een nieuwe officemanager wil weten of het bedrijf regelmatig onderhoud verzorgt in diens plaats voordat er een gesprek wordt aangevraagd.
De route kan zijn: dienstenoverzicht → kantooronderhoud → werkgebied → aanvraag. Een aangepaste kopbalk zou “Diensten”, “Werkgebied”, “Over ons” en “Contact” kunnen tonen. De pagina voor kantooronderhoud linkt rechtstreeks naar de geografische dekking en biedt daarna een aanvraag aan. Bestaande klanten krijgen een apart benoemde ondersteuningsroute.
Test de kaart voordat je over kleuren discussieert. Geef een proefpersoon de situatie van de officemanager zonder de bedoelde menuoptie te noemen. Noteer de eerste gekozen link, namen waarover twijfel ontstaat en of de bestemming de taak beantwoordt. Zoekt iemand het werkgebied onder “Over ons”, onderzoek die verwachting dan voordat je een extra menuniveau toevoegt.
Houd een beknopt beslislogboek bij in plaats van een algemene notitie als “navigatie verbeteren”. Gebruik één regel per taak: beginpagina, verwachte bestemming, werkelijke keuze, reden voor twijfel, voorgestelde wijziging en verantwoordelijke. Een verkeerde eerste keuze kan wijzen op onduidelijke woorden, een ontbrekende link of een pagina die de vraag niet beantwoordt. Neem niet aan dat alleen het menu het probleem is. Herhaal dezelfde taak na de wijziging en noteer wat onduidelijk blijft. Begin ook via een gedeelde link naar een dienst: bezoekers moeten zich kunnen oriënteren zonder eerst de homepage te hebben gezien.
Maak belangrijke pagina’s bereikbaar via duidelijke links
Laat echte <a href="…">-links met beschrijvende tekst controleren. Googles richtlijnen voor links leggen crawlbare links en bruikbare ankertekst uit.
Voor vindbaarheid via zoekmachines en AI nemen we praktisch dezelfde begrijpelijke paginastructuur als uitgangspunt: expliciete onderwerpen, betekenisvolle links en nuttige inhoud op de bestemming. Dat is een redactionele aanpak, geen belofte van indexering, posities of opname in een AI-antwoord. Een leesbare route bepaalt niet wat een andere dienst selecteert.
Opleverchecklist voor de eigenaar
- Elke belangrijke bezoekerstaak heeft een afgesproken bestemming en volgende stap.
- Menunamen beschrijven de pagina’s die ze openen, in elke gepubliceerde taal.
- Iemand kan de belangrijkste taken zonder aanwijzingen proberen; onduidelijkheden worden vastgelegd.
- Mobiele routes en toetsenbordroutes zijn op werkende pagina’s gedemonstreerd.
- Submenu’s, aanduidingen van de huidige pagina en het sluiten van het menu zijn gecontroleerd.
- Belangrijke pagina’s hebben werkende interne links; voor gewijzigde URL’s is er een doorverwijzingsplan.
- Iemand beheert de navigatiekaart en herziet die wanneer diensten of pagina’s veranderen.
Dit is een gerichte oplevercontrole, geen toegankelijkheidscertificering. De WAI-handleiding voor menu’s biedt verdere implementatiehulp. Verandert ook de paginastructuur, gebruik dan de checklist voor websitevernieuwing om het bredere werk te plannen.
Neem je bezoekerstaken en huidige paginalijst mee naar het gesprek over je websiteproject. Bekijk de websitedienst van Digital Studio of begin je websitebriefing met de routes die je klanten het hardst nodig hebben.
