Thank you! Your submission has been received!
Oops! Something went wrong while submitting the form.

Maak je navigatie zo dat bezoekers binnen drie klikken vinden

In deze stap zet je een navigatie op met een beperkt hoofdmenu in klanttaal en duidelijke wegwijzers, zodat bezoekers niet rondzwerven maar direct naar de juiste pagina gaan.

Goede website navigatie zorgt dat bezoekers binnen drie klikken vinden waar ze voor komen. De meeste sites hebben menus die te lang zijn, in interne taal staan en geen primaire actie aanwijzen. In deze les bouw je een navigatie waarin elk item een doel heeft en de hoofdactie duidelijk uitspringt, op desktop en op mobiel.

Leren: navigatie als leesteken, niet als kaartenbak

In deze video leg ik uit welke menu-items wel en niet thuishoren in je hoofdmenu, hoe je de mobiele navigatie eenvoudig houdt en welke wegwijzers in de pagina zelf horen.

Begrijpen: hoe maak je goede website navigatie?

Beperk je hoofdmenu tot vijf à zeven items, want de meeste mensen onthouden niet meer in één oogopslag. Gebruik labels die je doelgroep zelf zou typen, niet je interne categorieën. 'Diensten' en 'Wat we doen' werken vrijwel altijd beter dan een vakterm. Plaats de primaire CTA als knop in het menu, in een kleur die afwijkt van de andere items, op elke pagina dezelfde positie.

Karen Nijst van Kahlo Websites wijst op het belang van consistentie: dezelfde plaats, dezelfde tekst, dezelfde kleuren op elke pagina. Inconsistente navigatie kost tijd en vertrouwen. Brander & Brander voegen daar een mobiel-specifieke regel aan toe: op smartphone past een hamburger-menu, maar verberg de primaire CTA niet daarin. Houd de actie-knop zichtbaar boven de hamburger, zodat de mobiele bezoeker er niet voor hoeft te tikken.

De zes onderdelen van werkbare website-navigatie:

  1. Vijf tot zeven hoofditems. In klanttaal, niet in vaktaal of interne categorieën.
  2. Eén primaire CTA. Afwijkende kleur, op elke pagina dezelfde positie en tekst.
  3. Logo links bovenaan. Klikbaar terug naar de homepage, vaste verwachting.
  4. Mobiele variant. Hamburger-menu maar primaire CTA blijft zichtbaar boven de fold.
  5. Breadcrumbs of fase-indicatie. Op deeppages, zodat bezoekers weten waar ze zijn.
  6. Footer-navigatie. Met juridische pagina's en een tweede laag wegwijzers, niet als hoofdnavigatie.

Tim van Internetbureau Slik raadt aan om je navigatie te testen door iemand uit je doelgroep een opdracht te geven (bijvoorbeeld 'vind onze prijzen') en dan stil naast hem te zitten. Wie hapert, raast naar de footer of klikt drie keer voordat hij vindt wat hij zoekt, vertelt je iets over je menu dat je zelf nooit zou opmerken.

Toepassen: de blueprint

Vul de Navigatie Blueprint in: één A4 met je hoofdmenu-items, je primaire CTA-tekst en je footer-structuur. Eén pagina, vijf tot zeven items in het menu, vaste plekken voor logo en CTA. Eén pagina, in vijftien minuten beslist.

De eerste actie kost vijf minuten: tel je menu-items en kijk of er één tussen staat dat in vaktaal is. Vervang dat label vandaag door de woorden die je klant zou typen. Vaak verbetert je vindbaarheid en je conversie merkbaar zonder dat er verder iets aan de site verandert.

Vorige les
Volgende les
content-blueprint
Geen vorige les
Geen volgende les