De term komt uit de krantenwereld: kiosken vouwden kranten dubbel, dus alleen wat bóven de vouw stond, moest de voorbijganger verleiden tot kopen. Op websites heet alles wat zonder scrollen zichtbaar is “above the fold” — en de wet van de kiosk geldt online onverminderd. Binnen enkele seconden beslist een bezoeker of hij blijft of wegklikt, en die beslissing valt vrijwel volledig op dat eerste scherm. Wat daar staat, is dus geen kwestie van smaak maar van strategie.
De drie vragen die het eerste scherm moet beantwoorden
Een bezoeker die binnenkomt — vaak via Google of een advertentie, zelden via je homepage — scant in een oogopslag drie dingen. Waar ben ik? (wat doet dit bedrijf), is dit voor mij? (herken ik mijn probleem of behoefte) en wat kan ik hier doen? (wat is de volgende stap). Beantwoordt je eerste scherm die drie vragen niet, dan scrollt een deel van je bezoekers heus wel verder — maar een groter deel is al weg. De klassieke fout: een prachtige sfeerfoto met alleen een merknaam en een menu. Mooi, maar het beantwoordt geen enkele van de drie vragen.
De bouwstenen van een sterk eerste scherm
- Een concrete kopregel. Zeg wat je doet en voor wie, in klantentaal: “Boekhouding zonder gedoe voor zzp’ers” verslaat “Welkom bij Financio”. Vermijd vaagtaal als “wij ontzorgen”.
- Een ondersteunende subregel die het belangrijkste bezwaar of voordeel adresseert: binnen welke termijn, voor welke prijs, met welk resultaat.
- Eén duidelijke call-to-action. De belangrijkste knop (“Vraag offerte aan”, “Bekijk het assortiment”) hoort boven de vouw, in een opvallende kleur, met één primaire actie — niet drie gelijkwaardige knoppen.
- Beeld dat iets bewijst. Een foto van je echte werk, product of team zegt meer dan een stockfoto van glimlachende mensen aan een vergadertafel.
- Direct vertrouwen. Een reviewscore, aantal klanten of bekende logo’s — klein, maar zichtbaar zonder te scrollen.
Er bestaat niet één vouw
Belangrijke nuance: dé vouw bestaat niet. Een breed beeldscherm, een laptop en een telefoon tonen elk een ander stuk van je pagina — en op mobiel, waar bij de meeste sites de meerderheid van de bezoekers zit, is de ruimte boven de vouw schaars. Ontwerp daarom mobiel-eerst: kopregel, subregel en knop moeten op een telefoonscherm passen zónder dat een cookiebanner of een te hoog menu alles wegdrukt. Controleer het gewoon op je eigen telefoon en op een gemiddelde laptop; wat jij op je grote beeldscherm ziet, is niet wat je bezoeker ziet.
Boven de vouw belooft, eronder bewijst
Above the fold optimaliseren betekent niet alles naar boven proppen. Mensen scrollen prima — áls het eerste scherm daar een reden voor geeft. Zie de vouw als de kop van een krantenartikel: de belofte die nieuwsgierig maakt, waarna de rest van de pagina het bewijs levert met details, cases en antwoorden op bezwaren. En let op de techniek: juist het eerste scherm moet razendsnel laden. Een zware video of niet-geoptimaliseerde hero-afbeelding verpest je Core Web Vitals en laat de bezoeker seconden naar een leeg vlak staren — het duurste lege vlak van je hele site.
Conclusie
Het eerste scherm van je website is je etalage én je elevator pitch: binnen seconden moet duidelijk zijn wat je doet, voor wie en wat de volgende stap is. Bouw het op uit een concrete kopregel, één primaire call-to-action, bewijzend beeld en zichtbaar vertrouwen, ontwerp het mobiel-eerst en houd het bliksemsnel. Boven de vouw win je de aandacht; de rest van de pagina mag hem verzilveren.