Voor je een website kunt laten maken, moet je weten hoe je die gaat indelen. En daar lopen heel wat bedrijven op vast. Met deze checklist stel jij snel en makkelijk je websitenavigatie op.
Het ‘gedoe’ van een nieuwe website
Toen ik onlangs een website opleverde aan een klant, bekende die: “Je wil niet weten hoe lang dit al op de planning stond. Maar het is zo’n gedoe om de juiste indeling van een website te bepalen.” Ik lachte, want die uitspraak krijg ik meerdere keren per jaar te horen. Wat zij ‘gedoe’ noemt, is eigenlijk gewoon overweldiging: je weet niet waar te beginnen. En ik durf te wedden dat jij er ook last van hebt.
Het kan makkelijker
De meeste bedrijven maken hun website onnodig ingewikkeld. Ze denken dat ze eerst een dure positioneringsoefening met een consultant moeten doen, die eindigt in een strategisch document van 100 bladzijden. En ja: soms is dat echt nodig. Maar voor kleinere bedrijven kan je meestal zelf in 30 minuten een duidelijke structuur voor het menu van je website uitwerken. Daarom heb ik besloten een stappenplan voor je uit te schrijven, op basis van de talloze websites die ik al voor kmo’s heb gebouwd.
Waar je op vastloopt
Het probleem is niet dat je dit niet kan. Het probleem is dat niemand je ooit heeft uitgelegd hoe het moet. En daardoor voelt het bepalen van de indeling van je website groot en complex, terwijl de basis eigenlijk verrassend eenvoudig is. Het enige wat je nodig hebt, is een blad papier en wat post-its. Laten we samen de oefening doen.
Stap 1: begin met de hoofdnavigatie van je website
We beginnen met het makkelijkste: de dingen waar je niet over hoeft na te denken. In de hoofdnavigatie verwachten lezers altijd dezelfde items: ‘Home’, ‘Diensten/Producten’, ‘Over’ en Contact. Als je die gebruikt, ben je zeker dat gebruikers intuïtief hun weg vinden in de structuur van je website. Neem dus een blad papier en zet die items al bovenaan. Home mag trouwens ook gewoon je logo zijn. Ziezo, de angst voor het witte blad hebben we al overwonnen!

Stap 2: het footermenu van je website
Onderaan je website staat een tweede, kleiner menu: de footer. Ook hier hoef je het warme water niet opnieuw uit te vinden. Er zijn een aantal elementen die hier bijna altijd thuishoren. Noteer alvast: bedrijfsnaam, adres, btw-nummer, privacyverklaring, cookiebeleid, algemene voorwaarden. En vergeet je sociale media en inschrijfknop voor de nieuwsbrief niet. Die staan ook bijna altijd in de footer.

Stap 3: extra’s in de hoofdnavigatie
Het liefst beperken we de hoofdnavigatie (de menubalk bovenaan) tot maximum 7 items. Wat daar niet inpast, verplaatsen we naar een submenu of naar de footer. Naast de standaard 4 items van de eerste stap, kan je dus nog 3 extra’s toevoegen die relevant zijn voor je bezoeker, zoals Blog, Shop, Nieuws, FAQ, Evenementen, Vacatures of Realisaties. Doe dat alleen als die pagina’s ook essentieel zijn voor je bezoeker. Anders mogen ze mee in de footer. Over het algemeen geldt: hoe eenvoudiger je websitenavigatie, hoe beter.

Stap 4: maak je aanbod concreet
Als je maar een beperkt aantal producten of diensten hebt, kan je die ook als aparte items in je hoofdnavigatie zetten. Die komen dan in de plaats van ‘Diensten’ of ‘Producten’. Een tv-persoonlijkheid zou bijvoorbeeld bovenaan kunnen zetten: Spreker, Moderator, Acteur. Een winkel kan in de hoofdnavigatie productgroepen plaatsen zoals Voeding, Supplementen, Snacks. Denk dus eens na over je aanbod en bekijk of je specifieker kunt zijn dan de term ‘Diensten’ of ‘Producten’.

Stap 5: een (optioneel) submenu
Wat niet in je hoofdnavigatie past, krijgt een plaats in een submenu. Dat kan een uitklapmenu zijn, of een link naar een aparte overzichtspagina. Maak er geen vuilnisbak van: je groepeert nog altijd dingen die logisch bij elkaar horen. Zo kunnen de ‘Diensten’ van een marketeer bijvoorbeeld uitklappen tot ‘E-mailmarketing’, ‘SEO’ en ‘Strategie’. Of een aannemer kan ‘Realisaties’ onderverdelen in ‘Nieuwbouw’ en ‘Renovatie’. Denk eraan: achter elk item komt straks een eigen pagina.

Stap 6: doe de test
Er is een valkuil: hoe jij de structuur op papier zet, is niet altijd hoe je klant redeneert. Jij sorteert je producten misschien instinctief per merk (Miele, Bosch), terwijl je klant denkt in soortnamen (wasmachines, droogkasten). Of jij gebruikt een vakterm (SEA) terwijl je klant denkt in spreektaal (adverteren). Doe daarom achteraf de test: laat iemand die niet in je sector zit 1 minuut lang naar je indeling kijken en neem daarna het blad weg. Stel de volgende vragen: is het duidelijk wat ik doe? Is deze indeling logisch voor jou? Zou je snel je weg vinden naar wat je nodig hebt? Gebruikerstesten kunnen je heel wat problemen achteraf besparen. Maak er dus tijd voor.
Wat met een dubbele topnavigatie?
Sommige websites (zoals die van Colruyt) werken met twee navigatiebalken bovenaan: een smalle topbalk met bijvoorbeeld een winkelzoeker, een winkelkarretje of een login, en daaronder de ‘echte’ hoofdnavigatie. Zo’n dubbele websitenavigatie is zinvol in specifieke gevallen, bijvoorbeeld als je 2 versies van je website hebt voor verschillende doelgroepen (klanten en partners). Of als je een belangrijke actie hebt naast gewoon contact opnemen (zoals inloggen). Voor de gemiddelde kmo is dit soort opsplitsing meestal niet nodig. Een eenvoudige hoofdnavigatie werkt vaak beter.
Samengevat
Een goede websitenavigatie bestaat uit een duidelijke hoofdnavigatie, een overzichtelijke footer en een logische structuur qua pagina’s. Beperk je menu tot maximaal 7 items en gebruik herkenbare termen zoals Home, Over en Contact.
Zin om er samen werk van te maken?
Met deze checklist vinden de meeste mensen snel orde in de chaos. Het eerste ontwerp geeft je een antwoord op de vragen die veel webbouwers aan het begin van een samenwerking stellen, zoals: “Wat moet er precies op de website komen? Over hoeveel pagina’s hebben we het?” Heb je zin gekregen om aan de slag te gaan met jouw website? En zoek je nog iemand die niet alleen meedenkt over de websitenavigatie, maar de website daarna ook voor jou bouwt en onderhoudt? Geef me dan gerust een seintje. Ik bezorg je graag een offerte.
