Website navigatie: zo vindt iedereen wat ze zoeken
Stel je voor: je loopt een supermarkt binnen voor een pak melk. Maar er hangen geen bordjes boven de gangpaden. De zuivel staat tussen de wasmiddelen en de kassa is verstopt achter het magazijn.
Hoe lang blijf je in die winkel? Waarschijnlijk loop je direct naar buiten.
Op het internet is het precies hetzelfde. Je website navigatie is de bewegwijzering van je digitale winkel. Als bezoekers niet binnen 3 seconden vinden wat ze zoeken, zijn ze weg. In dit artikel leer ik je de regels voor een menu dat wél werkt.
Regel 1: Wees saai (Conventies werken)
Als webdesigner wil ik graag creatief zijn, maar bij navigatie is creativiteit je vijand. Bezoekers zijn gewoontedieren.
- Verwachten ze het logo linksboven? Ja. (Zorg dat die aanklikbaar is naar Home!)
- Verwachten ze contact rechtsboven? Ja.
- Verwachten ze een menu horizontaal bovenin? Ja.
Ga het wiel niet opnieuw uitvinden met een zwevend menu links-onderin “omdat dat hip is”. Het verwart je bezoeker en dat kost je conversie.
Regel 2: Duidelijke Labels (Geen cryptische omschrijvingen)
Ik zie vaak ondernemers die ‘leuk’ willen doen met hun menu-items.
❌ Fout: “Onze Reis”, “Wat wij brouwen”, “Verbinden”
✅ Goed: “Over ons”, “Diensten”, “Contact”
Mensen lezen niet, ze scannen. Als ze moeten nadenken over wat er achter een knop zit (“Wat bedoelen ze met ‘Magie’?”), heb je al verloren. Wees glashelder.
Regel 3: De “Regel van 7” (Beperk de keuze)
Ons kortetermijngeheugen kan maar een beperkt aantal opties tegelijk verwerken (volgens de psycholoog George Miller is dat 7, plus of min 2).
Prop je menu niet vol met 12 items. Dat zorgt voor keuzestress. Heb je veel pagina’s? Groepeer ze dan logisch onder een kopje ‘Diensten’ of gebruik een ‘Megamenu’. Houd je hoofdmenu tussen de 5 en 7 items.
Regel 4: De volgorde maakt uit
Mensen onthouden vooral het eerste en het laatste item in een lijstje (het Primacy en Recency effect).
Begin: Je belangrijkste aanbod of ‘Home’.
Midden: De rest.
Eind: Je Call to Action (Contact / Offerte).
Regel 5: Vergeet de Footer niet
De footer (de balk helemaal onderaan) is niet het afvalputje van je site, maar het vangnet. Mensen die helemaal naar beneden scrollen, zijn vaak op zoek naar specifieke informatie en hebben die bovenin niet gevonden.
Zet hier je:
- Algemene voorwaarden & Privacyverklaring (verplicht!).
- Adresgegevens en KVK-nummer.
- Linkjes naar social media.
- Een herhaling van je belangrijkste diensten.
Test het zelf
Open je website eens op je mobiel. Werkt het ‘hamburger-menu’ (die drie streepjes) goed? Zijn je vingers niet te dik voor de linkjes?
Een slechte navigatie is de nummer 1 reden voor een hoge ‘bounce rate’ (mensen die direct weggaan). Wil je dat ik eens kritisch door je site klik en de knelpunten blootleg? Vraag een Gratis Website Scan aan (of neem contact op), dan zorg ik dat de weg naar de kassa vrij is.
Alt-teksten schrijven: zo maak je afbeeldingen SEO-vriendelijk
Je uploadt een afbeelding naar WordPress, plakt hem in je tekst en klikt op ‘Publiceren’. Klaar, toch?
Niet helemaal. Je vergeet namelijk één klein, maar cruciaal veld: de Alternatieve Tekst (of alt-tekst). Veel ondernemers slaan dit over uit luiheid (“Kost te veel tijd”), maar daarmee snijd je jezelf in de vingers. Goede alt teksten schrijven is namelijk essentieel om twee redenen: Google en je bezoekers.
Waarom zijn alt-teksten belangrijk?
1. Google is blind (SEO)
Google wordt steeds slimmer, maar kan nog steeds niet ‘zien’ wat er op een plaatje staat zoals jij en ik dat kunnen. Google leest code. De alt-tekst vertelt de zoekmachine: “Dit is een foto van een rode racefiets in de bergen.”
Zonder alt-tekst weet Google niet waar het plaatje over gaat en word je dus niet gevonden in Google Afbeeldingen. Gemiste kans.
2. Toegankelijkheid (WCAG)
Voor blinden en slechtzienden die gebruikmaken van voorleessoftware (screenreaders), is de alt-tekst onmisbaar. De software leest de tekst hardop voor. Als jij niks invult, hoort de bezoeker: “Afbeelding: IMG underscore 5432 punt JPG”. Dat zegt helemaal niets.
Hoe schrijf je een goede alt-tekst?
Het is geen hogere wiskunde. Je moet gewoon beschrijven wat je ziet. Toch gaat het vaak fout. Hier zijn de regels:
- Wees specifiek: Beschrijf de inhoud van de foto.
- Gebruik je zoekwoord (met mate): Als het relevant is, verwerk je focus keyword erin. Maar ga niet spammen.
- Houd het kort: Een zin is vaak genoeg (max 125 tekens is een goede richtlijn).
- Begin NIET met “Afbeelding van…”: Dat weet de screenreader al.
Voorbeelden: Goed, Slecht en Lelijk
Stel, je hebt een foto van mij (Boris) terwijl ik achter een laptop zit te werken.
❌ Slecht (Nietszeggend):alt="IMG_2025.jpg"
Resultaat: Google snapt het niet, blinde bezoekers horen bestandsnaam.
❌ Slecht (Keyword Stuffing):alt="seo specialist marketing maatwerk website bouwen enschede goedkoop"
Resultaat: Google ziet dit als spam. Niet doen.
⚠️ Matig:alt="Man achter laptop"
Resultaat: Correct, maar een beetje vaag.
✅ Perfect:alt="Boris Kusters voert een technische SEO audit uit op een laptop"
Resultaat: Beschrijvend, relevant en bevat het zoekwoord op een natuurlijke manier.
Wat doe je met decoratieve plaatjes?
Heb je een lijntje, een gekleurd vlak of een icoontje dat puur voor de sier is? Dan hoeft de screenreader dat niet voor te lezen. Dat leidt alleen maar af.
In dat geval laat je de alt-tekst leeg (in code: alt=""). De voorleessoftware slaat de afbeelding dan netjes over.
Waar vul je dit in?
In WordPress is dit simpel. Ga naar je Mediabibliotheek, klik op de foto en vul het veld ‘Alternatieve tekst’ in aan de rechterkant. Doe dit bij voorkeur direct bij het uploaden, dan vergeet je het niet.
Conclusie
Het kost je misschien 10 seconden extra per afbeelding, maar het levert je betere vindbaarheid op én je maakt het internet toegankelijker voor iedereen. Kleine moeite, groot plezier.
Wil je weten of jouw website voldoet aan de richtlijnen voor toegankelijkheid en SEO? Ik check al je afbeeldingen tijdens een SEO Audit. Neem contact op om je site te optimaliseren.
Website toegankelijkheid (WCAG): waarom het belangrijk is
Als ik over website toegankelijkheid begin, zie ik klanten vaak denken: “Maar Boris, mijn doelgroep is niet blind, dus dat is voor mij niet relevant.”
Fout. Een toegankelijke website is niet alleen voor mensen met een zware beperking. Het is voor de man die in de volle zon op zijn scherm kijkt en laag contrast niet kan lezen. Het is voor de vrouw met een gebroken arm die even alleen haar toetsenbord kan gebruiken. En het is voor Google.
Daarnaast komt er in 2025 strenge Europese wetgeving aan (de European Accessibility Act). Tijd om je kop uit het zand te halen. Ik leg je uit wat WCAG is en waarom je er vandaag nog mee moet beginnen.
Wat is WCAG eigenlijk?
Je ziet deze zoekterm steeds vaker in mijn statistieken: “wat is wcag”. Het staat voor Web Content Accessibility Guidelines. Het is de wereldwijde standaard met afspraken om websites bruikbaar te maken voor iedereen.
De richtlijnen zijn opgedeeld in drie niveaus: A (basis), AA (de standaard waar we naar streven) en AAA (voor overheden/specialisten).
3 Redenen waarom jij dit serieus moet nemen
1. Je bereik is groter (25% van de bevolking)
In Nederland hebben miljoenen mensen een functiebeperking. Dat gaat van kleurenblindheid en dyslexie tot motorische beperkingen. Als jouw website niet toegankelijk is, zet je de deur dicht voor 25% van je potentiële klanten. Zonde van de omzet.
2. Google houdt van toegankelijkheid (SEO)
Dit vertellen veel marketeers er niet bij: Toegankelijkheid is pure SEO-winst.
Google is namelijk ook ‘blind’. De zoekmachine ziet je plaatjes niet, maar leest de code. Een site die perfect is ingericht voor screenreaders (met goede koppenstructuur en alt-teksten), is voor Google ook veel makkelijker te begrijpen. Win-win.
3. De Wetgeving (EAA 2025)
Vanaf juni 2025 wordt de European Accessibility Act (EAA) van kracht. Dit verplicht webshops en veel dienstverleners om digitaal toegankelijk te zijn. Wacht dus niet tot je een brief op de mat krijgt, maar regel het nu.
Waar moet je beginnen? 4 Snelle checks
Je hoeft niet direct je hele site te verbouwen. Met deze 4 punten maak je al een enorme sprong vooruit:
- Contrast: Lichtgrijze tekst op een witte achtergrond is hip, maar onleesbaar. Zorg voor voldoende contrast. Tekst moet gewoon knallen.
- Alt-teksten bij afbeeldingen: Geef elk plaatje een beschrijving. Niet
IMG_2034.jpg, maar “Boris werkt aan een WordPress website”. Handig voor blinden én voor Google Images. - Koppenstructuur: Gebruik H1, H2 en H3 logisch. Ga niet van een H2 naar een H5 omdat “die letters kleiner zijn”. Gebruik daar CSS voor.
- Toetsenbord navigatie: Kun je door je website tabben zonder muis? Probeer het eens. Als je vastloopt in je menu, haken mensen af.
Is jouw website klaar voor iedereen?
Toegankelijkheid klinkt misschien als een moetje, maar het maakt je website simpelweg beter, sneller en logischer. Voor iedereen.
Twijfel je of jouw site voldoet aan de basis van website toegankelijkheid WCAG? Ik kan een scan voor je uitvoeren. Neem contact op, dan zorgen we dat niemand voor een dichte deur staat.