Een van de lastigste keuzes bij het inrichten van een website is de menustructuur. Stel, je biedt meerdere diensten aan. Voor je vindbaarheid is het goed om elke dienst een eigen pagina te geven, en die als subpagina’s onder één menu-item te zetten. Maar wat doe je dan met dat bovenste menu-item?
- Je maakt een overzichtspagina
- Niet-aanklikbaar hoofdmenu
- Extra balk onder hoofdmenubalk
- Een mega-menu
1. Een overzichtspagina
Dit is een goede oplossing. Je maakt op de hoofdpagina een algemeen verhaal, met daaronder een overzicht naar de subpagina’s. Dat kan met tekst-linkjes of wat uitgebreider met foto en korte tekst.
Voorbeelden: natuurgeneeskundemargriet.nl/voor-wie of ainevrouwinbalans.nl/werkwijze
Voordeel: De pagina heeft relevante inhoud, maar als hij wordt overgeslagen (op mobiel), dan is dat ook niet heel erg.
Nadeel: Soms houd je het niet goed bij en komt de pagina niet meer overeen met het submenu.
Bij deze optie is de hoofdmenuknop alleen bedoeld om het submenu te tonen. Dus je klikt op het hoofdmenu-item, het submenu rolt uit, je blijft op de pagina waar je bent. Pas als je op een submenu-item klikt, ga je verder.
Een voorbeeld vind je op deze website: het menu-item Extra. Op een telefoon werkt dit extra prettig, omdat bezoekers daar toch vaak direct een subpagina kiezen.
Voordeel: Er is geen ‘loze’ pagina. Het menu werkt op laptop, tablet en telefoon op dezelfde manier.
Nadeel: Bezoekers kiezen voor een menu-item, en worden dan gedwongen om meteen weer een keuze te maken.
Je kunt een tweede menubalk toevoegen, waarin de subpagina’s verschijnen.
Hier krijg je wel een indruk hoe het werkt: relatietherapeut-woerden-utrecht.nl/therapie/relatie-therapie
Voordeel: De subpagina’s staan altijd in het zicht. Handig voor de bezoeker, zeker in combinatie met een sticky menu.
Nadeel: De bezoeker ziet erg veel menumogelijkheden tegelijk. Dat kan een beetje veel zijn.
Heb je veel subpagina’s, bijvoorbeeld verschillende productgroepen, dan kan een gewoon uitklapmenu een lange, onoverzichtelijke lijst worden. Een mega-menu is dan een goede oplossing. Het submenu klapt uit als een breed paneel over de pagina, met de subpagina’s verdeeld over meerdere kolommen. Eventueel met kopjes, een korte uitleg of een afbeelding erbij.
Blocksy Pro, het thema waarmee ik mijn websites bouw, heeft een mega-menu. Een voorbeeld zie je bij het menu-item Producten op infralektra.nl.
Voordeel: De bezoeker ziet in één oogopslag het hele aanbod, netjes geordend. Ook bij veel subpagina’s blijft het overzichtelijk.
Nadeel: Het vraagt wat meer werk om in te richten. En op een telefoon valt het terug op een gewoon uitklapmenu, dus daar moet de volgorde ook logisch zijn.
Welke oplossing je ook kiest: wees consequent en gebruik hem op je hele site.
Twijfel je over het menu van jouw website? Mail me gerust.
Eerste versie april 2017. Geüpdatet oktober 2026.