Above the fold is het bovenste deel van een webpagina dat een bezoeker meteen ziet zodra de pagina laadt, zonder te hoeven scrollen. Het is de digitale etalage van je pagina: in dit eerste scherm beslist een bezoeker vaak binnen enkele seconden of hij blijft of vertrekt. Wat hier staat, bepaalt de eerste indruk, de aandacht en uiteindelijk de kans dat iemand actie onderneemt.
Waar komt de term above the fold vandaan?
De term komt uit de krantenwereld. Kranten werden opgevouwen verkocht, waardoor in het schap alleen de bovenste helft zichtbaar was. Die bovenste helft, boven de vouw, was de meest waardevolle plek: hier plaatsten redacties de belangrijkste kop en foto om voorbijgangers te verleiden de krant te kopen.
In webdesign is die logica overgenomen. Het bovenste deel van een webpagina is doorgaans het eerste en soms het enige wat een bezoeker ziet. Alles wat pas na scrollen verschijnt, heet below the fold. De vouw is op het web geen fysieke lijn, maar een denkbeeldige grens die per scherm verschuift.
Waarom is above the fold belangrijk?
Bezoekers scrollen lang niet altijd verder dan het eerste scherm. Wat above the fold staat, krijgt daardoor verreweg de meeste aandacht. Plaats je waardevolle elementen te laag, dan loop je zichtbaarheid en interactie mis. Deze zaken horen daarom bovenaan thuis:
- Kernboodschap: maak in een oogopslag duidelijk wat je aanbiedt en voor wie.
- Call-to-action: zet je belangrijkste call-to-action direct in beeld, zodat de volgende stap voor de hand ligt.
- Vertrouwen: een sterke visual, korte belofte of bewijs van betrouwbaarheid houdt de bezoeker vast.
Op een landingspagina is dit extra kritisch: die pagina heeft meestal één doel, en de bovenste sectie moet dat doel meteen ondersteunen.
Hoe ga je om met verschillende schermformaten?
Door de groei van smartphones, tablets en uiteenlopende browservensters is er geen vaste vouw meer. De vaak genoemde standaard van zeshonderd pixels stamt uit het tijdperk van de gemiddelde computermonitor en geldt allang niet voor elk apparaat. Een desktopbezoeker ziet een breed, laag scherm; een mobiele bezoeker een smal, hoog scherm waarin veel minder past.
De oplossing is responsive design: een indeling die zich aanpast aan het scherm. Ontwerp mobiel eerst, want daar is de ruimte above the fold het schaarst. Bepaal per schermformaat welk ene element absoluut zichtbaar moet zijn, en bouw de rest daaromheen.
Veelgemaakte fouten above the fold
Het is verleidelijk om alles in het eerste scherm te proppen, maar dat werkt averechts. Een overvol bovenscherm zorgt voor verwarring en keuzestress. Let op deze valkuilen:
- Te veel tegelijk: meerdere concurrerende knoppen verzwakken elkaar. Kies één primaire actie.
- Geen scroll-hint: als het scherm helemaal vol lijkt, denken bezoekers dat de pagina daar ophoudt en missen ze de rest.
- Trage of grote visuals: een zware afbeelding bovenaan vertraagt het laden, waardoor de eerste indruk juist tegenvalt.
Geef bezoekers rust en overzicht. Wie ruimte krijgt, kijkt vanzelf verder en komt zo dichter bij een aankoop of aanvraag.
Above the fold en conversie
De bovenste sectie is een van de grootste hefbomen voor je resultaat. Een heldere boodschap en een zichtbare actie hier verhogen direct de kans op conversies. Test verschillende varianten van je koptekst, beeld en knop om te ontdekken wat het beste werkt; kleine aanpassingen boven de vouw hebben vaak een groot effect op het aantal bezoekers dat doorklikt of contact opneemt. Wil je een site die vanaf het eerste scherm overtuigt, dan helpt het om je pagina professioneel te laten opzetten via een website laten maken.
Veelgestelde vragen over above the fold
Betekent above the fold dat niemand naar beneden scrollt?
Nee. Veel bezoekers scrollen wel degelijk, zeker op mobiel waar scrollen een natuurlijke handeling is. Het punt is dat het bovenste scherm de meeste aandacht krijgt en de toon zet; onderaan verlies je geleidelijk publiek.
Moet mijn call-to-action per se above the fold staan?
Je belangrijkste actie hoort in beeld te staan zodra de pagina laadt, zodat niemand hem hoeft te zoeken. Bij langere pagina's kun je de call-to-action verderop gerust herhalen voor bezoekers die eerst willen lezen.
Bestaat er een vaste pixelhoogte voor de vouw?
Nee. Doordat schermen en vensters sterk verschillen, is er geen universele grens. Ga uit van het kleinste scherm van je doelgroep en zorg dat het essentiële daar past.
In het kort: above the fold is het direct zichtbare deel van een pagina zonder scrollen. Zet hier je kernboodschap en belangrijkste call-to-action, ontwerp mobiel eerst en voorkom een overvol scherm dat afleidt in plaats van overtuigt.