“Zorg dat alles boven de vouw staat.”
Die zin is jarenlang de gouden regel geweest in webdesignland. Alles wat belangrijk is — de boodschap, de call-to-action, het beeld — moest op dat eerste scherm staan. Want, zo dacht men: mensen scrollen niet.
Maar tijden veranderen. Gebruikers scrollen wél. Meer dan ooit zelfs. Toch betekent dat niet dat ‘boven de vouw’ geen rol meer speelt. Sterker nog: het is nog steeds belangrijk — alleen op een andere manier.
In dit blog lees je waarom ‘boven de vouw’ niet meer heilig is, wat het wél moet doen, en hoe je dit deel van je website optimaal inzet om aandacht te vangen en mensen door te laten lezen.
Wat is ‘boven de vouw’ precies?
‘Boven de vouw’ (in het Engels: “above the fold”) is een term uit de printwereld. Opgevouwen kranten moesten mensen overtuigen met wat zichtbaar was op het bovenste deel. Dat principe is overgenomen in webdesign: alles wat je ziet zonder te scrollen.
Maar de ‘vouw’ is geen vaste grens. De hoogte van het zichtbare scherm varieert per apparaat:
- Een desktopmonitor toont meer dan een mobiel scherm
- Een browser met veel tabbladen toont minder content
- Sommige gebruikers hebben zoominstellingen of toolbars open
Je kunt dus niet exact voorspellen waar de vouw ligt — maar je kunt wél slim omgaan met wat je bovenin laat zien.
Waarom was ‘boven de vouw’ vroeger zo belangrijk?
In de begintijd van het web gingen ontwerpers ervan uit dat gebruikers niet zouden scrollen. Alles wat er écht toe deed — headline, call-to-action, contact — moest dus direct zichtbaar zijn. Als je het niet boven de vouw liet zien, bestond het niet.
En eerlijk is eerlijk: vroeger wás scrollen ook trager en minder vanzelfsprekend. Maar dat is inmiddels compleet veranderd.
Scrollgedrag anno nu: hoe gedragen gebruikers zich echt?
Mensen scrollen — maar alleen als je ze daar een reden toe geeft.
Uit onderzoek blijkt:
- 74% van de bezoekers scrollt verder dan de vouw
- 57% scrollt minstens tot halverwege de pagina
- 25% leest de hele pagina (bron: Nielsen Norman Group)
Belangrijker nog: de mate van scrolgedrag is afhankelijk van hoe goed de bovenkant je aandacht weet te trekken.
Dus: boven de vouw is geen complete weergave meer, maar een aandachtspoort.
Veelgestelde vragen over ‘boven de vouw’
Moet ik mijn belangrijkste call-to-action boven de vouw zetten?
Niet per se. Je moet eerst context opbouwen. Als je CTA uit het niets komt, werkt die niet. Maar er moet wél iets zijn dat triggert om te blijven en verder te lezen.
Moet mijn hele waardepropositie boven de vouw staan?
Nee. Je hoeft niet alles in één blok te proppen. Maar je moet wel duidelijk maken waar het over gaat. Denk aan een headline + korte subheader.
Wat als bezoekers op mobiel maar één regel zien?
Dan is het extra belangrijk dat je eerste regels raak zijn. Mobiel dwingt je om te kiezen wat écht belangrijk is.
Wat moet er dan wél boven de vouw staan?
De bovenste 600–800 pixels van je pagina moeten:
- Aandacht trekken
Een sterke visuele indruk, boeiende kop of bewegend element helpt. - Verwachtingen scheppen
Wat kan ik hier vinden? Wat is dit voor bedrijf? Voor wie is dit bedoeld? - Nieuwsgierigheid opwekken
Geef net genoeg informatie zodat mensen wíllen scrollen voor meer. - Rust en overzicht bieden
Een rommelige bovenkant schrikt af. Gebruik witruimte, heldere typografie en visuele hiërarchie.
Voorbeeld van een effectieve bovenkant:
- Heldere headline met waardepropositie
- Subkop die het kort toelicht
- Visueel element (foto, illustratie, animatie)
- Eén duidelijke knop of scrollindicator
Voorbeeld: slecht vs. goed ‘boven de vouw’-ontwerp
Slecht:
- Geen headline, alleen een grote afbeelding
- Geen CTA of indicatie om verder te scrollen
- Alles voelt plat of afwezig
Goed:
- Kop: “Websites die klanten opleveren — niet alleen mooi zijn”
- Subkop: “Binnen 3 weken live, zonder technisch gedoe.”
- Knop: “Plan een gratis gesprek”
- Achtergrond: foto of rustige kleur
- Pijl of animatie die uitnodigt tot scrollen
Waarom ‘boven de vouw’ nog steeds belangrijk is
Mensen scrollen pas als ze getriggerd worden. Je moet ze een reden geven. Boven de vouw is dus je enige kans op een eerste indruk. Het is de haak, de pitch, de belofte.
Daarom blijft het belangrijk om dit deel met zorg op te bouwen:
- Het is het eerste wat iemand ziet
- Het bepaalt of iemand blijft
- Het bepaalt de toon voor de rest van de pagina
Kortom: boven de vouw is niet dood — het is geëvolueerd.
Wat kun je doen om boven de vouw beter te benutten?
1. Schrijf een ijzersterke headline
Je headline moet direct duidelijk maken wat je doet en voor wie. Vermijd vage termen. Wees concreet en klantgericht.
2. Gebruik ondersteunende subkoppen
Leg in één zin uit wat je biedt, waarom dat waardevol is, of wat de volgende stap is.
3. Voeg een visueel element toe
Een afbeelding, illustratie of korte animatie maakt de bovenkant aantrekkelijker én helpt bij het overbrengen van je boodschap.
4. Geef een duidelijke CTA (of hint naar actie)
Dit hoeft nog niet de hoofdactie te zijn. Een “Scroll verder” of pijl omlaag is al genoeg.
5. Laat ruimte ademen
Gebruik voldoende witruimte. Te veel elementen boven de vouw zorgen voor verwarring.
Wat als ik een lange salespagina heb?
Juist dan is boven de vouw cruciaal. Het is de teaser voor de rest. Zorg voor:
- Duidelijke structuur met ankerlinks (“Scroll naar: werkwijze – reviews – contact”)
- Sticky navigatie of CTA die blijft hangen
- Visuele opbouw: begin licht, bouw spanning op
Lange pagina’s werken prima — als je mensen bij de hand neemt.
Wat is het verschil tussen mobiel en desktop bij ‘boven de vouw’?
Mobiel:
- Veel minder ruimte
- Mensen zijn gewend te scrollen
- Eerste regels zijn extra belangrijk
Desktop:
- Meer elementen zichtbaar tegelijk
- Meer ruimte voor visuele impact
- Kans om meerdere routes tegelijk te tonen
Je ontwerp moet zich aanpassen aan het schermformaat. Test dus áltijd je vouw op verschillende devices.
Voorbeelden van goed gebruik van ‘boven de vouw’
1. Creatieve studio
Korte zin: “We bouwen merken die bewegen.”
Ondertekst: “Branding, design en strategie voor betekenisvolle bedrijven.”
CTA: “Bekijk ons werk” + pijltje naar beneden
2. SaaS-platform
Headline: “Meer omzet door slimmere e-mails.”
Ondertekst: “Automatiseer je e-mailmarketing in 5 minuten.”
CTA: “Probeer gratis”
Achtergrond: illustratie van dashboard
3. Dienstverlener
Headline: “Jouw online groei begint hier.”
Subkop: “Strategie, webdesign en SEO in één pakket.”
CTA: “Vraag een offerte aan”
Scrollindicator: “Of ontdek hoe we werken ↓”
Checklist: wat moet je boven de vouw geregeld hebben?
- Staat er een heldere headline?
- Is meteen duidelijk wat jij doet of biedt?
- Is het visueel aantrekkelijk (beeld, kleur, ruimte)?
- Wordt de bezoeker uitgenodigd om door te scrollen?
- Is er context of belofte die nieuwsgierig maakt?
- Ziet het er goed uit op mobiel én desktop?
Als je ‘ja’ kunt zeggen op deze punten, dan zit je goed.
Conclusie
‘Boven de vouw’ is niet dood — het is gewoon niet meer alles. Mensen scrollen, ja. Maar alleen als je ze binnen die eerste paar seconden overtuigt dat het de moeite waard is.
Gebruik de bovenkant van je pagina om te verleiden, niet om alles te vertellen. Trek aandacht. Wek vertrouwen. Laat zien dat je iets relevants te bieden hebt. Dan volgt de rest vanzelf.
Want uiteindelijk is het niet de vouw die bepaalt of iemand blijft — maar de waarde die je daarboven laat zien.
Twijfel je of jouw website boven de vouw goed scoort?
We analyseren gratis het eerste scherm van jouw homepage — desktop én mobiel. Je krijgt praktische feedback om direct meer aandacht en conversie te halen uit je belangrijkste pixels.