De term above the fold komt uit de krantenwereld. Het is het deel van de voorpagina dat je ziet als de krant dubbelgevouwen op de stapel ligt, nog voordat je hem openslaat. Op een website is het precies hetzelfde: het stuk dat een bezoeker ziet zodra je pagina laadt, zonder dat hij hoeft te scrollen. En net als bij die krant bepaalt dat eerste beeld of iemand verder kijkt of doorloopt.
Wat we vaak zien bij dienstverleners, is dat er veel aandacht gaat naar de rest van de pagina, terwijl juist dit eerste stuk de meeste mensen maakt of breekt. Een bezoeker beslist in een paar tellen of hij denkt: dit is wat ik zoek. Krijgt hij dat gevoel niet, dan is hij weg voordat hij ook maar een woord van de rest heeft gelezen.
In dit artikel kijken we rustig naar wat above the fold echt betekent, waarom het zo zwaar weegt en hoe je het invult zonder in trucjes te vervallen. Geen lijstje regels om af te vinken, wel een manier van kijken die je helpt om die eerste indruk te laten kloppen.
Wat above the fold betekent op een website
Above the fold is alles wat zichtbaar is voordat een bezoeker gaat scrollen. Op een laptop ziet dat er anders uit dan op een telefoon, want het schermformaat verschilt. Toch is het idee hetzelfde: het is je etalage, het eerste wat iemand binnenkrijgt zonder enige moeite te doen.
Veel mensen denken dat bezoekers vanzelf wel verder scrollen als ze nieuwsgierig zijn. Dat klopt deels, maar die nieuwsgierigheid moet wel ergens vandaan komen. Als het bovenste deel van je pagina niet duidelijk maakt waar je voor staat, geef je de bezoeker geen reden om door te gaan. Hij heeft tenslotte tientallen andere tabbladen openstaan.
Het draait dus niet om mooie plaatjes alleen. Het draait om duidelijkheid. Een bezoeker wil binnen een paar seconden begrijpen wat je doet, voor wie je het doet en waarom hij bij jou zou blijven. Lukt dat, dan heb je de aandacht. Lukt het niet, dan is alle moeite die je in de rest van de pagina hebt gestopt voor niets.
Waarom de eerste seconden zo zwaar wegen
Mensen vormen razendsnel een oordeel. Voordat iemand bewust een tekst leest, heeft zijn onderbewuste al een gevoel gevormd over je pagina. Voelt het rommelig, dan ontstaat twijfel. Voelt het rustig en helder, dan ontstaat vertrouwen. En dat gevoel kleurt alles wat daarna komt.
Dit zie je terug bij veel websites: de pagina’s met een rustig, duidelijk bovenstuk houden bezoekers langer vast dan pagina’s die meteen alles tegelijk willen tonen. Niet omdat de ene mooier is dan de andere, maar omdat de bezoeker zich sneller thuis voelt en niet hoeft te zoeken.
Voor een dienstverlener telt dit extra zwaar. Jouw klant kiest geen product uit een schap, hij kiest een partij die hij gaat vertrouwen. Die vertrouwensvraag begint above the fold. Als het bovenste deel van je pagina rust en helderheid uitstraalt, geef je de bezoeker al een eerste reden om te denken: hier zit iemand die het overzicht heeft.
Wat hoort er above the fold thuis
Een sterk bovenstuk hoeft niet vol te staan. Sterker nog, hoe rustiger het is, hoe beter het vaak werkt. Wat er in ieder geval thuishoort, is een heldere boodschap over wat je doet en voor wie. Een bezoeker moet in één zin kunnen begrijpen of hij op de goede plek is.
Daarnaast helpt een korte ondersteunende zin die de belofte concreet maakt. Niet een lijst met alles wat je aanbiedt, maar het belangrijkste dat jouw klant zoekt. En een rustige uitnodiging om een stap te zetten, zoals een knop naar een gesprek of een aanvraag, mag er ook bij. Eén knop is genoeg, niet vijf.
Een beeld kan het geheel versterken, mits het iets toevoegt. Een foto die past bij jouw werk of jouw klant zegt meer dan een willekeurige stockafbeelding. Het gaat er steeds om dat alles samen één duidelijke boodschap vormt, in plaats van een verzameling losse elementen die om aandacht vechten.
De boodschap die meteen raak is
De belangrijkste plek above the fold is je kop. Dat is de zin die de bezoeker als eerste echt leest. Veel websites verspillen die ruimte aan iets over zichzelf, zoals welkom op onze website of een slogan die nergens op slaat. Zonde, want dat is precies de plek om de lezer te raken.
Een goede kop gaat over de klant, niet over jou. Hij benoemt wat de bezoeker wil bereiken of waar hij vanaf wil. Een HR-adviseur die schrijft over rust in je personeelszaken raakt meer dan eentje die schrijft over ruim vijftien jaar ervaring in human resources. Het eerste gaat over de lezer, het tweede over het bedrijf.
De kop bovenaan je pagina is geen titel. Het is de zin waarmee je laat zien dat je de lezer begrijpt.
Test je kop door hem hardop te lezen en je af te vragen: zou mijn ideale klant zich hierin herkennen? Zo niet, dan is er nog winst te halen. Een kop die raak is, doet meer voor je conversie dan welke knop of kleur ook.
Above the fold op mobiel
Steeds meer bezoekers komen via hun telefoon. Op een klein scherm is de ruimte above the fold nog beperkter, dus elke keuze telt zwaarder. Wat op een laptop nog net zichtbaar is, valt op mobiel al onder de vouw. Daarom loont het om je pagina juist op een telefoon te bekijken voordat je tevreden bent.
Op mobiel is rust nog belangrijker. Een grote kop, een korte zin en één knop werken beter dan een bovenstuk dat probeert alles te tonen. De bezoeker scrolt met zijn duim en wil snel snappen waar hij is. Te veel tekst of te veel knoppen maken die eerste indruk juist onrustig.
Let ook op laadsnelheid. Een pagina die traag opbouwt, laat de bezoeker naar een leeg of half geladen scherm kijken, en dat is een slechte eerste indruk. Hoe sneller je bovenstuk verschijnt, hoe groter de kans dat iemand blijft. Snelheid en helderheid gaan op mobiel hand in hand.
De balans tussen above the fold en de rest van de pagina
Above the fold is belangrijk, maar het is niet de hele pagina. Een veelgemaakte denkfout is dat alles bovenaan moet, omdat mensen toch niet scrollen. Dat klopt niet meer. Mensen scrollen prima, zolang het bovenste deel ze een reden geeft om dat te doen.
Zie het bovenstuk daarom als een uitnodiging, niet als een samenvatting. Het hoeft niet je hele verhaal te vertellen. Het hoeft de bezoeker alleen het gevoel te geven dat het de moeite waard is om verder te kijken. De diepere uitleg, de voorbeelden en de antwoorden op vragen mogen rustig daaronder staan.
Wie te veel boven de vouw propt, bereikt vaak het tegenovergestelde. Het wordt druk, de boodschap vervaagt en de bezoeker weet niet waar hij moet kijken. Een rustig bovenstuk dat nieuwsgierig maakt, gevolgd door een pagina die het verhaal verder vertelt, werkt bijna altijd beter. Voor de volledige route van bezoeker naar klant kun je ook ons stuk over conversie optimalisatie voor dienstverleners erbij pakken.
Hoe je above the fold test en verbetert
Je hoeft niet te gokken of je bovenstuk werkt. Je kunt het meten. Kijk in je statistieken hoeveel bezoekers verder scrollen en hoeveel er meteen weer weg zijn. Een hoog percentage dat direct vertrekt, is een signaal dat het bovenste deel de bezoeker niet pakt.
Een fijne manier om te verbeteren is om kleine dingen te proberen en te kijken wat er gebeurt. Een andere kop, een duidelijkere knop, een rustiger beeld. Verander één ding tegelijk, zodat je weet wat het verschil maakt. Zo bouw je stap voor stap aan een bovenstuk dat steeds beter aansluit.
Vraag ook eens iemand die je website niet kent om er vijf seconden naar te kijken en daarna te vertellen wat je doet. Kan diegene het navertellen, dan is je boodschap helder. Lukt dat niet, dan weet je waar je moet bijschaven. Die simpele test zegt vaak meer dan een hele lijst met cijfers.
Verbeteren is bovendien geen eenmalige klus. Wat vandaag goed werkt, kan over een jaar minder passen, bijvoorbeeld omdat je aanbod is veranderd of omdat je een ander type klant aantrekt. Het loont om je bovenstuk af en toe met frisse ogen te bekijken, alsof je er voor het eerst op landt. Klopt de boodschap nog met wie je nu wilt aanspreken, en voelt het nog steeds rustig? Door dat met enige regelmaat te doen, blijft je eerste indruk meegroeien met je bedrijf in plaats van stil te staan.
Above the fold verschilt per type pagina
Niet elke pagina vraagt om hetzelfde bovenstuk. Op je homepage wil de bezoeker vooral snel snappen wie je bent en of hij op de goede plek is. Daar past een brede, heldere boodschap die de deur openzet naar de rest van de site. Het hoeft nog niet over één specifieke dienst te gaan, maar het moet wel meteen duidelijk maken voor wie je er bent.
Op een dienstpagina ligt dat anders. Iemand die daar binnenkomt, heeft vaak al een concrete vraag. Het bovenstuk mag dan directer ingaan op precies die dienst en het probleem dat erbij hoort. De bezoeker is verder in zijn zoektocht, dus een te algemene boodschap voelt hier juist te vaag.
Een landingspagina voor een campagne is weer een verhaal apart. Daar komt iemand binnen met een heel specifieke verwachting, bijvoorbeeld na het klikken op een advertentie. Het bovenstuk moet dan naadloos aansluiten op wat hij net zag, anders haakt hij meteen af. Hoe beter de belofte van de advertentie en het bovenstuk op elkaar passen, hoe rustiger de bezoeker blijft. In alle gevallen geldt: stem je bovenstuk af op waar de bezoeker in zijn zoektocht staat.
Veelgemaakte fouten boven de vouw
De fout die we het meest tegenkomen, is een bovenstuk dat over het bedrijf gaat in plaats van over de klant. Een groot logo, een welkomstzin en een slogan, maar nergens een antwoord op de vraag van de bezoeker. Die loopt dan door zonder ooit te begrijpen wat je voor hem kunt betekenen.
Een tweede valkuil is drukte. Te veel knoppen, te veel tekst, een schuivende reeks beelden die de aandacht steeds wegtrekt. Het voelt voor de maker vaak als veel waarde tonen, maar voor de bezoeker is het vermoeiend. Rust wint het bijna altijd van volheid.
En tot slot: een vage of ontbrekende volgende stap. Als de bezoeker overtuigd is maar niet weet wat hij nu moet doen, raak je hem alsnog kwijt. Eén heldere uitnodiging, zoals plan een strategiegesprek, geeft richting. Wil je breder kijken naar wat een pagina laat converteren, dan sluit ons artikel over een hogere conversie op je website daar goed op aan.
Veelgestelde vragen over above the fold
Wat betekent above the fold precies?
Above the fold is het deel van een webpagina dat een bezoeker ziet zodra de pagina laadt, zonder dat hij hoeft te scrollen. De term komt uit de krantenwereld, waar het de bovenste helft van de dubbelgevouwen voorpagina aanduidt. Op een website is het je eerste indruk: het stuk dat bepaalt of iemand verder kijkt of wegklikt.
Is above the fold nog belangrijk nu mensen wel scrollen?
Ja, het blijft belangrijk. Mensen scrollen inderdaad prima, maar alleen als het bovenste deel ze een reden geeft. Het bovenstuk hoeft niet je hele verhaal te vertellen, maar het moet wel duidelijk maken waar je voor staat en de bezoeker nieuwsgierig genoeg maken om verder te kijken. Zonder die eerste haak haakt iemand af.
Wat moet er above the fold staan?
In ieder geval een heldere kop die over de klant gaat en duidelijk maakt wat je doet en voor wie. Daarnaast een korte ondersteunende zin en één rustige uitnodiging om een stap te zetten, zoals een knop naar een gesprek. Een passend beeld kan het versterken. Houd het rustig: één duidelijke boodschap werkt beter dan veel losse elementen.
Hoe ziet above the fold er op mobiel uit?
Op een telefoon is de ruimte boven de vouw kleiner, dus elke keuze telt zwaarder. Een grote kop, een korte zin en één knop werken het beste. Bekijk je pagina altijd op een telefoon voordat je tevreden bent, en let op laadsnelheid. Een traag of druk bovenstuk maakt op mobiel een slechtere eerste indruk dan op een laptop.
Hoe weet ik of mijn above the fold werkt?
Kijk in je statistieken hoeveel bezoekers verder scrollen en hoeveel er meteen weer vertrekken. Een simpele test werkt ook: laat iemand vijf seconden naar je pagina kijken en vraag wat je doet. Kan diegene het navertellen, dan is je boodschap helder. Verander vervolgens één ding tegelijk en kijk wat het verschil maakt.
Above the fold is geen technisch detail, maar het moment waarop een bezoeker beslist of hij bij je blijft. Geef dat eerste stuk rust, een heldere boodschap die over de lezer gaat en één duidelijke volgende stap, en je legt meteen een goede basis voor de rest van de pagina. Wil je samen kijken of jouw bovenstuk doet wat het moet doen? Plan een strategiegesprek, dan denken we vrijblijvend met je mee.
