Above the fold: waarom de eerste seconden op jouw pagina alles bepalen

Jouw bezoeker landt op je pagina. Binnen drie seconden besluit hij: blijven of wegklikken. Wat hij in die drie seconden ziet — zonder te scrollen — bepaalt alles. Dat zichtbare deel heet "above the fold." En de meeste websites verspillen het aan vage teksten, enorme afbeeldingen of een slider die niemand leest. In dit artikel lees je wat above the fold precies is, waarom het jouw conversieratio maakt of breekt, en hoe je het goed inricht.

Wat is above the fold?

De term komt uit de krantenwereld. Kranten lagen gevouwen op de toonbank. Alles boven de vouw — de fold — moest de lezer overtuigen om de krant te pakken. De grootste koppen, het meest opvallende nieuws, de sterkste foto: dat stond boven de vouw.

Op websites werkt hetzelfde principe. Above the fold is het deel van de pagina dat zichtbaar is zonder te scrollen. Op een desktop is dat gemiddeld de bovenste 800 tot 900 pixels. Op een telefoon 600 tot 700 pixels. Wat daarin staat, bepaalt of de bezoeker verder leest of vertrekt.

Onderzoek toont aan dat bezoekers 57% van hun tijd besteden aan content boven de fold en dat dat percentage verder daalt naarmate ze naar beneden scrollen. De eerste indruk is niet zomaar belangrijk. Het is bijna alles wat telt.

Waarom de meeste websites above the fold verspillen

Open tien willekeurige MKB-websites en je ziet hetzelfde patroon. Een grote hero-afbeelding die het volledige scherm vult. Daaroverheen een vage tekst als "Welkom bij ons bedrijf" of "Samen naar succes." Geen specifieke waardepropositie. Geen reden om te blijven. Geen duidelijke volgende stap.

Die aanpak is begrijpelijk — het ziet er mooi uit. Maar mooi is niet genoeg. Een bezoeker die vanuit een Google-advertentie op je pagina landt, heeft net 3 tot 10 euro aan klikkosten gegenereerd. Die persoon moet binnen seconden weten: ben ik op de juiste plek? Kan dit bedrijf mij helpen? Wat moet ik nu doen?

De drie meest gemaakte fouten

De eerste fout: een fullscreen afbeelding of video zonder tekst. Het ziet er indrukwekkend uit op een presentatie, maar bezoekers scannen tekst, geen sfeerbeelden. Als je waardepropositie pas zichtbaar wordt na scrollen, heb je al een deel van je bezoekers verloren.

De tweede fout: een slider met drie tot vijf wisselende boodschappen. Uit onderzoek blijkt dat minder dan 1% van de bezoekers voorbij de eerste slide klikt. De rest van je slides zijn onzichtbaar. Erger nog: de wisselende content leidt af van je kernboodschap.

De derde fout: geen call-to-action boven de fold. De bezoeker weet misschien wat je doet, maar niet wat de volgende stap is. Moet hij bellen? Scrollen? Een formulier invullen? Zonder duidelijke richting blijft de bezoeker passief — en passieve bezoekers vertrekken.

De vijf elementen van een sterke above the fold

Een effectieve above the fold bevat vijf elementen die samen de bezoeker overtuigen om te blijven. Niet elk element hoeft groot te zijn. Het gaat om de combinatie.

1. Een kop die de waarde benoemt

Niet wat je doet, maar wat het de bezoeker oplevert. "Meer klanten via Google Ads" is sterker dan "Google Ads bureau." "Bespaar 20 uur per maand op je boekhouding" is sterker dan "Boekhouddiensten voor MKB." De kop beantwoordt de vraag: waarom zou ik hier blijven?

2. Een subkop die verduidelijkt

De kop trekt aandacht, de subkop geeft context. Wie ben je, voor wie werk je, en hoe werkt het? Eén tot twee zinnen zijn genoeg. "Wij beheren Google Ads campagnes voor MKB-bedrijven in heel Nederland. Gemiddeld 40% meer conversies in het eerste kwartaal."

3. Een relevante visual

Een afbeelding die aansluit bij je boodschap, niet een generieke stockfoto. Een screenshot van een dashboard met resultaten, een foto van je team aan het werk, of een productafbeelding als je iets tastbaars verkoopt. De visual ondersteunt je tekst, hij vervangt hem niet.

4. Een primaire call-to-action

Eén duidelijke knop die de bezoeker vertelt wat de volgende stap is. "Plan een gesprek", "Vraag een offerte aan" of "Bekijk onze resultaten." Eén CTA, niet drie. Meerdere opties creëren keuzestress en verlagen de klikratio.

5. Sociaal bewijs

Een klein element dat vertrouwen wekt: sterren uit Google Reviews, logo's van bekende klanten, een kort citaat of een getal ("250+ tevreden klanten"). Het hoeft niet groot te zijn. Het moet er wel staan. Sociaal bewijs verlaagt de drempel om actie te ondernemen.

Above the fold op mobiel: andere regels

Meer dan 60% van het webverkeer in Nederland komt van telefoons. Op een klein scherm is boven de fold minder ruimte — en dat verandert de regels. Je kunt niet alles tonen wat op desktop past. Keuzes maken is hier nog belangrijker.

Op mobiel past vaak alleen een kop, een korte subkop en een CTA-knop boven de fold. Dat is genoeg, als de kop sterk is. Vermijd grote hero-afbeeldingen die het hele scherm vullen zonder tekst. Test je pagina altijd op een echt telefoonscherm, niet alleen in een browser-emulator.

Let ook op laadtijd. Een zware afbeelding of video boven de fold vertraagt je pagina, vooral op mobiel. Dat kost je bezoekers (53% verlaat een pagina die langer dan 3 seconden laadt) én het schaadt je SEO-score. Gebruik gecomprimeerde afbeeldingen en lazy loading voor alles onder de fold.

Above the fold en je advertentiecampagnes

Als je betaalt voor verkeer via Google Ads of Meta Ads, is above the fold letterlijk waar je geld landt. Een bezoeker die op je advertentie klikt, verwacht dat de pagina aansluit op wat hij net las. Dat heet message match en het begint boven de fold.

Adverteer je met "SEO bureau voor webshops"? Dan moet de kop op je landingspagina iets zeggen over SEO voor webshops. Niet "Welkom bij ons bureau." Niet "Full-service marketing." De bezoeker moet direct herkennen dat hij op de juiste plek is.

Slechte message match is een van de meest voorkomende redenen voor hoge bouncerates bij betaald verkeer. Je betaalt voor de klik, maar verliest de bezoeker in de eerste seconde. Dat is weggegooid geld. Meer over conversie verbeteren lees je in ons artikel over conversieratio benchmarks.

Hoe test je of jouw above the fold werkt?

De eenvoudigste test: laat iemand die je bedrijf niet kent vijf seconden naar je pagina kijken. Sluit het scherm. Vraag: wat doet dit bedrijf? Voor wie? Wat kun je er doen? Als die persoon het niet kan beantwoorden, is je above the fold niet duidelijk genoeg.

Kijk daarnaast naar je data. Google Analytics toont je bouncepercentage per pagina en per apparaat. Een bouncepercentage boven de 60% op een landingspagina wijst vaak op een probleem boven de fold. Vergelijk desktop en mobiel apart — mobiel heeft vaak hogere bouncerates en daar zit meestal de grootste winst.

Gebruik A/B-testen om varianten te vergelijken. Test een andere kop, een andere CTA-tekst, of het wel of niet tonen van sociaal bewijs. Kleine veranderingen boven de fold kunnen grote impact hebben op je conversieratio. Meer over testen lees je in ons artikel over A/B testen voor beginners.

Praktijkvoorbeelden: wat werkt en wat niet

Een installatiebedrijf had een fullscreen foto van een badkamer als hero. Mooie foto, maar geen tekst, geen CTA, geen reden om te blijven. Bouncepercentage: 72%. Na een herontwerp met een duidelijke kop ("Badkamerrenovatie in 5 werkdagen — vast tarief"), een CTA ("Vraag een offerte aan") en drie Google Review-sterren daalde het bouncepercentage naar 41% en steeg het aantal offerteaanvragen met 85%.

Een SaaS-bedrijf gebruikte een animatie die 4 seconden duurde voordat de kop zichtbaar werd. Op desktop zag het er spectaculair uit. Op mobiel laadde het langzaam en was de kop pas zichtbaar na scrollen. Na het vervangen van de animatie door een statische kop met een demo-CTA steeg de trial-aanmelding met 23%.