Heatmaps zijn een van de minst goed begrepen tools in conversie-optimalisatie. Iedereen heeft er één staan via Hotjar of Microsoft Clarity, maar weinig ondernemers weten echt wat ze lezen. Drie patronen zijn vrijwel altijd direct herkenbaar en vertellen je precies waar je conversie wegloopt.
Hieronder de drie, met wat ze betekenen en wat je eraan doet.
Wat een heatmap laat zien
Drie typen heatmaps die elk een ander verhaal vertellen:
- Click heatmap: waar mensen klikken (en proberen te klikken).
- Scroll heatmap: hoe ver bezoekers scrollen voor ze afhaken.
- Move heatmap: waar de muis hangt, vaak een proxy voor waar de aandacht zit.
Microsoft Clarity is gratis en geeft alle drie. Hotjar is iets gepolijster maar betaald. Voor 95% van het MKB is Clarity meer dan voldoende.
Patroon 1: de false bottom
In de scroll heatmap zie je een steile daling op een specifiek punt halverwege de pagina. Bezoekers stoppen massaal met scrollen op exact dezelfde hoogte. Wat het betekent: daar staat een element dat eruit ziet als het einde van de pagina, terwijl er nog veel onder zit.
Klassieke veroorzakers:
- Een grote witruimte na een sectie.
- Een footer-achtige sectie (dark blok met logo of icoontjes).
- Een full-width image die als 'afsluiting' voelt.
Fix: voeg een visuele hint toe dat er meer komt. Een pijl, een tussenkop die uitnodigt, of een sectie die duidelijk doorloopt.
Patroon 2: rage clicks
In de click heatmap zie je een felle hotspot op een element dat geen knop is. Bezoekers klikken meerdere keren op iets dat niet reageert: een statisch icoon, een afbeelding, een tussenkop. Wat het betekent: bezoekers verwachten dat het clickable is.
Vaak voorkomende rage-click locaties:
- Logo's van klanten die niet linken naar hun site.
- Productfoto's die niet vergroten.
- FAQ-items die niet uitklappen.
- Iconen die op knoppen lijken.
Fix: maak het clickable of maak duidelijk dat het niet is. Een hover-effect bij clickable elementen lost veel rage clicks op.
Patroon 3: de scroll cliff
In de scroll heatmap een snelle daling op de overgang van hero naar de eerste content-sectie. Bezoekers haken af voordat ze het echte verhaal lezen. Wat het betekent: je hero overtuigt niet genoeg om door te scrollen.
Veelvoorkomende oorzaken:
- Hero-belofte vaag of generiek.
- Geen sociaal bewijs in de hero.
- Geen visuele uitnodiging om verder te scrollen.
- Te lange hero die op zichzelf compleet voelt.
Welke patronen zitten er op jouw site?
De gratis AI-preview meet de drie hoofdpatronen en wijst aan waar je conversie wegloopt.
Maak gratis mijn AI-previewTools en kostprijs
- Microsoft Clarity: gratis, geeft heatmaps + session recordings. Voor 95% van het MKB perfect.
- Hotjar: betaald, mooie UI, goede filtering. Vanaf €40/maand.
- FullStory: enterprise, dieper inzicht. Vanaf €200/maand.
Begin met Clarity. Installeer in 5 minuten, wacht een week op data, lees de drie patronen. Geen excuus.
Wat je doet met de inzichten
Een heatmap is geen einddoel, het is een diagnose. Drie stappen na inzicht:
- Identificeer het grootste patroon (false bottom, rage click, scroll cliff).
- Formuleer een hypothese: "Als ik X aanpas, dan vermindert patroon Y."
- Test de fix twee weken. Vergelijk de nieuwe heatmap met de oude.
De grootste fout is heatmaps installeren en nooit kijken. Iedereen die het doet, denkt dat hij data-driven is. Wie echt data-gedreven werkt, kijkt elke maand. Plan een vast moment in je agenda, 30 minuten per maand. Op jaarbasis levert dat 6 uur op die typisch tussen 30 en 60% conversiewinst opleveren.