Je schrijft een pagina. Je zet je beste content onderaan. Je sterkste aanbod. Je grootste voordeel. Je weet zeker dat bezoekers het zien. Maar scrollen ze wel zo ver? De meeste bezoekers niet. Ze komen op je pagina. Ze lezen de kop. Misschien lezen ze de eerste alinea. Dan scrollen ze door. Sommigen scrollen verder. Sommigen scrollen helemaal niet. Scroll-heatmaps laten precies zien waar het lezen stopt. Welke delen aandacht krijgen. Welke delen bezoekers overslaan. Dit inzicht laat een harde waarheid zien: content onder het punt waar mensen stoppen met scrollen, bestaat net zo goed niet. Scroll-heatmaps dwingen je een belangrijke vraag te beantwoorden. Zet je je beste spullen waar bezoekers echt kijken?
Dit artikel legt uit hoe scroll-heatmaps werken en wat ze laten zien over je contentstrategie.
Wat scroll-heatmaps laten zien
Scroll-heatmaps maken zichtbaar hoe ver bezoekers omlaag gaan op een pagina. Ze meten de scrolldiepte. Hoeveel bezoekers scrollen 25 procent omlaag. Hoeveel scrollen 50 procent. Hoeveel komen onderaan. De heatmap laat dit visueel zien. De bovenkant van de pagina is rood. Diep scrollen is blauw. De kleurovergang laat zien waar de aandacht afneemt.
Scroll-heatmaps zijn gebundelde data. Ze combineren het gedrag van honderden of duizenden bezoekers. Een bezoeker scrolt 40 procent. Een ander scrolt 90 procent. De heatmap neemt het gemiddelde van dit gedrag en toont het patroon.
Scroll-heatmaps laten de betrokkenheid per onderdeel zien. Het deel boven de vouw krijgt alle aandacht. Het middendeel krijgt een deel van de aandacht. Het onderste deel krijgt weinig aandacht. Dit patroon zie je op de meeste pagina's.
Begrijp hoe content wordt gelezen
Scrolldiepte laat zien welke content bezoekers echt lezen. Een pagina heeft vijf onderdelen. De scroll-heatmap toont rood voor het eerste onderdeel. Geel voor het tweede. Blauw voor het derde. Oranje voor het vierde. Paars voor het vijfde. Dit patroon van afnemende kleur laat dalende betrokkenheid zien.
Niet alle content is gelijk. Content boven de vouw wordt door iedereen gezien. Content onder de vouw verliest bij elke scroll kijkers. Een bezoeker die niet voorbij het tweede onderdeel scrolt, ziet onderdeel drie, vier en vijf nooit. Dat is belangrijk, want veel merken zetten belangrijke content onder de vouw.
Scroll-heatmaps dwingen een gesprek af over de prioriteit van je content. Staat je sterkste aanbod in onderdeel vier en stoppen de meeste bezoekers bij onderdeel twee, dan heb je een probleem.
Zie welke content goed werkt
Welke onderdelen trekken aandacht? Welke onderdelen zorgen voor afhaken? Een scroll-heatmap laat dit duidelijk zien. Misschien scrollen bezoekers snel door je intro. Dan scannen ze. Misschien vertragen bezoekers bij je onderdeel met functies. Dan lezen ze. Misschien stoppen bezoekers met scrollen na je prijzen. De heatmap laat zien waar de betrokkenheid pieken en dalen heeft.
Onderdelen met veel betrokkenheid werken. Onderdelen met weinig betrokkenheid werken niet. Weinig betrokkenheid kan komen door onduidelijke content. Of saaie content. Of content die niet past bij wat de bezoeker zocht. De heatmap wijst het probleem aan. Onderzoek laat de oorzaak zien.
Ontdek het probleem met de vouw
De vouw bestaat echt. Content onder de vouw krijgt minder aandacht dan content erboven. Dat is meetbaar en zichtbaar in scroll-heatmaps. De vouw is niet willekeurig. Het is het punt waar bezoekers stoppen met lezen.
De vouw verschilt per apparaat. Mobiel heeft een andere vouw dan desktop. Een tablet heeft weer een andere vouw. Scroll-heatmaps laten patronen per apparaat zien. Mobiele bezoekers scrollen misschien minder diep dan desktopbezoekers. Of juist dieper. De data laat de waarheid zien.
Sommige content MOET boven de vouw staan. Je kop. Je waardepropositie. Je call-to-action. Staan die onder de vouw, dan missen bezoekers ze. Scroll-heatmaps laten zien of je belangrijkste content boven de vouw staat.
Vergelijk scrolldiepte tussen pagina's
Verschillende pagina's hebben verschillende scrollpatronen. Een productpagina heeft misschien 60 procent gemiddelde scrolldiepte. Een blogartikel 80 procent. Een prijspagina 40 procent. Deze verschillen komen door het type content en wat de bezoeker wil.
Prijspagina's hebben een geringe scrolldiepte, omdat bezoekers snel beslissen. Ze zien de prijzen en gaan weg. Blogartikelen hebben een grote scrolldiepte, omdat lezers de volledige informatie willen. Productpagina's zitten ertussenin, omdat ze informatie en beslissen combineren.
Als je deze patronen begrijpt, bouw je pagina's beter op. Een prijspagina heeft geen vijf onderdelen nodig als bezoekers er maar twee lezen. Een blogartikel heeft duidelijke onderdelen nodig als lezers diep scrollen.
Vind de punten waar bezoekers afhaken
Bezoekers scrollen. Dan stoppen ze. Het punt waar ze stoppen is een afhaakpunt. Daar daalde de betrokkenheid zo ver dat ze weggingen. Scroll-heatmaps laten deze punten visueel zien.
Een afhaakpunt wijst vaak op een probleem. Misschien kon de content boven dat punt niet boeien. Misschien is de content op dat punt verwarrend. Misschien laadt de pagina op dat punt traag. Misschien vonden bezoekers wat ze zochten en gingen ze tevreden weg. De context bepaalt of het afhaken slecht is.
Onderzoek naar afhaakpunten leidt tot verbeteringen. Haken bezoekers af na je lijst met functies, dan is die lijst misschien niet overtuigend. Schrijf hem opnieuw. Haken bezoekers af na je reviews, dan zijn die misschien niet overtuigend. Voeg sterkere toe.
Veelgestelde vragen
Wat is een goed percentage scrolldiepte?
Dat hangt af van het paginatype. Voor landingspagina's is 60 tot 80 procent sterk. Voor homepages is 40 tot 60 procent gebruikelijk. Voor productpagina's is 50 tot 70 procent normaal. Blogs halen vaak 70 tot 90 procent. Vergelijk met vergelijkbare pagina's in je eigen categorie, niet met een willekeurige norm. Met de websitebouwer van WEMASY stel je dit direct in op je website.
Moeten we pagina's inkorten als de scrolldiepte laag is?
Niet per se. Lage scrolldiepte kan betekenen dat de content op de verkeerde plek staat, niet dat je content moet schrappen. Test of je belangrijke content hoger kunt zetten. Of test of de betrokkenheid verbetert als je onderdelen weghaalt. Meet voordat je beslist.
Beïnvloedt een trage pagina de scrolldiepte?
Ja. Bezoekers scrollen trager op trage pagina's. Ze haken misschien af voordat ze ver scrollen. Scroll-heatmaps laten het symptoom zien. Tools om de paginasnelheid te testen vinden de oorzaak. Los snelheidsproblemen op en bekijk de scrolldiepte opnieuw.
Kunnen we het scrollgedrag van individuele bezoekers zien?
Scroll-heatmaps tonen gebundelde patronen, geen individuele reizen. Gebruik sessieopnames voor het scrollgedrag van één bezoeker. Heatmaps laten het bos zien. Opnames laten de losse bomen zien.
Moeten we onze call-to-action boven de vouw zetten?
Meestal wel. Test het met A/B-testen om zeker te zijn. Veel bezoekers scrollen niet ver. Met je call-to-action boven de vouw bereik je ze. Zet voor bezoekers die wel scrollen ook een tweede call-to-action lager op de pagina. Herhaal het aanbod meerdere keren.
Wat als bezoekers snel langs onderdelen scrollen?
Snel scrollen kan betekenen dat ze scannen en niet lezen. Of dat het onderdeel saai is. Of dat ze de content al kennen. Combineer scroll-heatmaps met sessieopnames om te begrijpen wat ze willen. Snel scrollen is niet per se slecht als bezoekers toch converteren.