Wat houdt 'above the fold' in? Waarom is het belangrijk?

Above the fold, of "boven de vouw", is het deel van een webpagina dat een bezoeker ziet zonder te scrollen. De term komt uit de krantenwereld, waar het belangrijkste nieuws op de bovenste helft van de gevouwen voorpagina stond, zodat het meteen opviel bij de losse verkoop. Online is het het eerste scherm dat iemand ziet zodra je pagina opent, en dat bepaalt vaak of iemand blijft of wegklikt. Wat je daar plaatst, is dus je eerste indruk en je visitekaartje tegelijk. Belangrijk om te weten: de exacte grens van "de vouw" ligt niet vast, want die hangt af van het scherm en apparaat van de bezoeker. Toch loont het om bewust na te denken over wat iedere bezoeker sowieso als eerste ziet, want dat gedeelte doet het meeste werk om iemand te overtuigen verder te kijken.

Omdat bezoekers binnen enkele seconden beslissen of ze blijven of wegklikken. Wat ze in dat eerste scherm zien, weegt het zwaarst in die beoordeling en krijgt gemiddeld meer aandacht dan de rest van de pagina. Een heldere, aantrekkelijke bovenkant met een duidelijke boodschap en call-to-action verleidt de bezoeker om verder te scrollen in plaats van af te haken. Zeker bij bezoekers die vanuit een advertentie op een landingspagina komen, moet meteen duidelijk zijn wat je biedt, waarom het relevant is en wat de volgende stap is. Is dat rommelig of onduidelijk, dan zijn ze zo weer weg. Het above-the-fold-gedeelte bepaalt dus of iemand überhaupt de moeite neemt om je hele boodschap te bekijken. Een sterke eerste indruk is daarmee cruciaal, want een tweede kans om die te maken krijg je online zelden.

Nee, dat is een hardnekkig misverstand. Mensen scrollen wel degelijk, mits de eerste indruk goed genoeg is om nieuwsgierig te maken. Prop je alles bovenaan, dan wordt het onoverzichtelijk en haakt de bezoeker juist af door de information overload. Zet boven de vouw daarom alleen je kernboodschap: een pakkende kop, een heldere belofte of waardepropositie, en een duidelijke call-to-action. De rest van de pagina, zoals details, kenmerken en sociaal bewijs, mag prima onder de vouw staan; dat wordt relevant zodra de bezoeker besluit te scrollen. Het doel van above the fold is niet om alles te tonen, maar om te informeren en te verleiden tot verder lezen. Net als bij een krant hoeft niet alles op de bovenste helft te passen. Focus en rust boven de vouw werken beter dan een overvol eerste scherm.

Dat ligt niet vast, omdat het afhangt van het scherm en apparaat waarop de bezoeker je pagina bekijkt. Op een grote desktopmonitor zie je meer zonder te scrollen dan op een kleine smartphone. Als grove indicatie ligt de vouw op desktop vaak rond de 600 tot 800 pixels, en op mobiel meestal lager, maar door de enorme variatie aan schermformaten is die grens vervaagd. Er is dus geen exact getal dat voor iedereen klopt. Richt je daarom niet op een vaste maat, maar op het gedeelte dat iedere bezoeker sowieso als eerste ziet, en zorg dat je kernboodschap en call-to-action daarbinnen vallen. Test bovendien hoe je pagina er op verschillende apparaten uitziet, want wat op desktop nog boven de vouw staat, kan op mobiel al weggevallen zijn. Denk dus in "wat ziet men eerst", niet in exacte pixels.

Indirect wel. Een slechte eerste indruk leidt tot hogere bouncepercentages en kortere sessies, en dat zijn signalen die Google meeneemt bij het bepalen van je posities. Ook laadsnelheid speelt mee: Google's Largest Contentful Paint, onderdeel van de Core Web Vitals, meet hoe snel het grootste element boven de vouw zichtbaar wordt. Een traag ladend of overvol bovenscherm werkt dus negatief. Voor advertenties (SEA) geldt bovendien dat een relevant en overzichtelijk above-the-fold-gedeelte bijdraagt aan een hogere kwaliteitsscore in Google Ads, en dus lagere klikprijzen. Above the fold is dus geen directe rankingfactor, maar de gevolgen ervan, zoals gebruikersgedrag en laadsnelheid, raken je vindbaarheid wel degelijk. Een sterk, snel en relevant eerste scherm helpt daarom zowel je bezoeker als je positie in zoekmachines. Optimaliseer het dus met beide in gedachten.

Door te testen. Met een A/B-test maak je twee versies van je bovenste scherm die verschillen in één element, bijvoorbeeld de kop, de afbeelding of de call-to-action, en meet je welke versie meer conversies oplevert. Zo baseer je je keuzes op echt gedrag in plaats van op aannames. Daarnaast geven heatmap- en scrolltools inzicht in waar bezoekers klikken en hoe ver ze scrollen, zodat je precies ziet welke elementen aandacht trekken en waar mensen afhaken. Let bij het testen op zowel de desktop- als de mobiele weergave, want die verschillen. Verander steeds maar één ding tegelijk, anders weet je niet wat het effect veroorzaakte. Op basis van die inzichten stem je je kop, beeld en CTA af op wat jouw bezoekers aanspreekt. Optimaliseren van above the fold is doorlopend werk, want kleine wijzigingen kunnen een groot verschil maken.

De term komt oorspronkelijk uit de krantenwereld. Kranten worden dubbelgevouwen bezorgd en verkocht, waardoor alleen de bovenste helft van de voorpagina direct zichtbaar is. Redacteuren plaatsten daarom het belangrijkste nieuws en de pakkendste koppen bewust boven die vouw, zodat een voorbijganger bij de losse verkoop meteen werd getriggerd om de krant te kopen. Online is dit begrip overgenomen: above the fold verwijst naar het eerste scherm dat een bezoeker ziet zodra je webpagina opent, zonder te scrollen. De logica is hetzelfde gebleven: wat direct zichtbaar is, moet de aandacht trekken en overtuigen. Het is als het ware het visitekaartje van je pagina. Het verschil met een krant is dat de "vouw" online niet op een vaste plek ligt, maar varieert per scherm en apparaat. Het onderliggende idee, het belangrijkste eerst tonen, blijft echter onveranderd relevant.

Boven de vouw horen je belangrijkste elementen: een pakkende kop, een korte introductie of heldere belofte, je unieke waarde (USP's) en een duidelijke call-to-action. Samen maken die in één oogopslag duidelijk wat je aanbiedt, waarom het relevant is en wat de volgende stap is. Wees voorzichtig met grote advertenties of pop-ups voor bezoekers die net binnenkomen, want die schrikken eerder af dan dat ze helpen. Prop het scherm bovendien niet vol: focus en rust werken beter dan een overvolle eerste indruk. Met kleine hulpmiddelen, zoals een pijltje of een element dat half zichtbaar is, kun je bovendien laten merken dat er meer te zien is als de bezoeker scrolt. De kern is dus: toon het belangrijkste, houd het overzichtelijk, en verleid de bezoeker om verder te kijken in plaats van alles meteen te willen tonen.

Ja, misschien nog wel belangrijker. Op een smartphone is het zichtbare gedeelte kleiner en de aandacht van de gebruiker korter, waardoor je nog minder ruimte en tijd hebt om te overtuigen. Wat op desktop nog net boven de vouw staat, kan op mobiel al zijn weggevallen, dus je moet extra scherp kiezen wat er als eerste in beeld komt. Zorg dat je kernboodschap en call-to-action ook op een klein scherm meteen zichtbaar, leesbaar en klikbaar zijn. Omdat een groot deel van je bezoekers mobiel komt, kan een sterk mobiel bovenscherm het verschil maken tussen blijven en wegklikken. Test daarom altijd hoe je pagina er op verschillende telefoons uitziet. Een above-the-fold-gedeelte dat op desktop werkt maar op mobiel rommelig oogt, kost je juist bij de grootste groep bezoekers conversies. Optimaliseer dus bewust voor beide.

Ja, en dat werkt twee kanten op. Enerzijds meet Google via de Largest Contentful Paint, onderdeel van de Core Web Vitals, hoe snel het grootste element boven de vouw zichtbaar wordt; een traag ladend bovenscherm werkt daardoor negatief voor je vindbaarheid en gebruikerservaring. Anderzijds is het verstandig om je above-the-fold-gedeelte licht en snel te houden: zware afbeeldingen, video's of scripts die meteen bovenaan laden, vertragen de eerste indruk juist. Optimaliseer daarom je beelden, laad zware elementen indien mogelijk pas later (lazy loading) en houd het bovenscherm overzichtelijk. Een snel en relevant above-the-fold-gedeelte zorgt ervoor dat bezoekers meteen zien waar je pagina over gaat, in plaats van af te haken bij een leeg of langzaam ladend scherm. Snelheid en een sterke eerste indruk gaan hier dus hand in hand, en versterken elkaar in het vasthouden van je bezoeker.