Een heatmap is een visuele weergave van hoe bezoekers een webpagina gebruiken: waar ze klikken, hoe ver ze scrollen en waar hun muis beweegt. Drukke plekken kleuren warm, genegeerde plekken koud. Samen met sessie-opnames laat een heatmap zien waarom bezoekers niet doen wat je verwacht, iets wat je uit gewone statistieken niet kunt halen. Google […]
Een heatmap is een visuele weergave van hoe bezoekers een webpagina gebruiken: waar ze klikken, hoe ver ze scrollen en waar hun muis beweegt. Drukke plekken kleuren warm, genegeerde plekken koud. Samen met sessie-opnames laat een heatmap zien waarom bezoekers niet doen wat je verwacht, iets wat je uit gewone statistieken niet kunt halen.
Google Analytics vertelt je wat er gebeurt: hoeveel bezoekers, hoeveel aanvragen, welke pagina's. Een heatmap vertelt je hoe het gebeurt. Juist die combinatie maakt het een van de meest praktische hulpmiddelen om een website gericht te verbeteren in plaats van op gevoel.
Drie soorten heatmaps en wat ze laten zien
Er zijn drie hoofdtypen heatmaps: klikmaps, scrollmaps en beweegmaps. Elk type beantwoordt een andere vraag over je pagina. De meeste tools tonen ze alle drie, los voor desktop en mobiel, en dat onderscheid is belangrijk omdat mensen op een telefoon een pagina heel anders gebruiken.
| Type | Wat je ziet | Vraag die het beantwoordt |
|---|---|---|
| Klikmap | Waar bezoekers klikken of tikken | Klikken mensen op de knoppen die ertoe doen, of op dingen die niet klikbaar zijn? |
| Scrollmap | Welk deel van de bezoekers elk stuk van de pagina bereikt | Ziet men de belangrijke informatie en de call-to-action wel? |
| Beweegmap | Waar de muis zich bevindt op desktop | Welke onderdelen trekken aandacht, ook zonder klik? |
De klikmap is het meest direct bruikbaar. Zie je veel klikken op een afbeelding of kopje dat geen link is, dan verwachten bezoekers daar iets. Dat is een signaal om er een link van te maken of de vormgeving aan te passen. Zie je weinig klikken op je belangrijkste knop, dan is die mogelijk te onopvallend of staat hij op de verkeerde plek.
De scrollmap is vaak het meest confronterend. Staat je offerteknop onderaan een lange pagina, dan zie je hoeveel bezoekers die nooit bereiken. Beweegmaps zijn het minst betrouwbaar: de muis volgt niet altijd de ogen, en op mobiel bestaat er geen muis. Gebruik ze als aanvulling, niet als bewijs.
Sessie-opnames: het verhaal achter de klik
Sessie-opnames zijn geanonimiseerde reconstructies van individuele bezoeken: je ziet hoe een bezoeker scrollt, klikt, aarzelt en vertrekt. Waar een heatmap het gemiddelde van honderden bezoeken toont, laat een opname het concrete verhaal van één bezoeker zien. Dat maakt problemen zichtbaar die in gemiddelden verdwijnen.
Denk aan iemand die drie keer op een knop tikt die op mobiel niet reageert, een formulier half invult en dan afhaakt bij een verplicht veld, of heen en weer scrollt omdat hij de prijsinformatie niet vindt. Zulke momenten zie je niet in een rapport, maar wel in een opname.
Bekijk opnames gericht, niet willekeurig. Filter op bezoekers die een belangrijke pagina bezochten maar niet converteerden, of op sessies met veel klikken op dezelfde plek. Tien gerichte opnames leveren meer op dan honderd willekeurige.
Microsoft Clarity of Hotjar?
De twee bekendste tools voor heatmaps en sessie-opnames zijn Microsoft Clarity en Hotjar. Beide bieden klikmaps, scrollmaps en opnames, en beide installeer je met een stukje code op je site, bijvoorbeeld via Google Tag Manager. Het verschil zit vooral in het aanbod eromheen.
- Microsoft Clarity is gratis te gebruiken en biedt heatmaps, opnames en automatische signalen zoals "rage clicks" (herhaald klikken uit frustratie) en "dead clicks" (klikken zonder effect). Het is een laagdrempelige start voor vrijwel elke MKB-website.
- Hotjar heeft een beperkte gratis variant en betaalde pakketten. Naast heatmaps en opnames biedt het feedbackwidgets en korte enquêtes op de pagina, handig als je bezoekers ook direct iets wilt vragen.
Voor de meeste MKB-bedrijven is Clarity een logisch startpunt: je kunt direct beginnen en ziet snel of heatmaps voor jouw site waardevolle inzichten opleveren. Wil je later ook feedback van bezoekers verzamelen, dan is Hotjar of een vergelijkbare tool een optie.
Een heatmap lezen zonder jezelf voor de gek te houden
Een heatmap is pas betrouwbaar met genoeg bezoeken en met de juiste vergelijking. Eén pagina met een handvol bezoekers laat vooral toeval zien. Lees heatmaps per apparaat, per pagina en met een concrete vraag in je achterhoofd, anders zie je vooral wat je wilt zien.
Een paar vuistregels:
- Bekijk desktop en mobiel apart. Een layout die op desktop logisch is, kan op mobiel een eindeloze scroll zijn.
- Wacht op voldoende data. Hoe meer bezoeken, hoe betrouwbaarder het patroon. Bij weinig verkeer kun je beter een langere periode nemen.
- Begin met een vraag. "Waarom vragen zo weinig bezoekers een offerte aan op deze pagina?" levert meer op dan rondkijken.
- Let op veranderde pagina's. Heb je de pagina aangepast, start dan een nieuwe meting; anders vermeng je oude en nieuwe situatie.
- Combineer met je statistieken. Een heatmap laat gedrag zien, je analytics laten zien of dat gedrag tot conversie leidt.
De belangrijkste valkuil: een heatmap levert een hypothese, geen bewijs. Je ziet dat bezoekers je knop missen; je weet nog niet of een andere plek het beter doet. Daarvoor heb je een test nodig.
Privacy en consent, nuchter bekeken
Heatmaps en sessie-opnames registreren gedrag van bezoekers, dus ze vallen onder dezelfde regels als andere analyse- en marketingscripts. In de praktijk betekent dat: laden via je cookiebanner, opnemen in je privacyverklaring en gevoelige invoer afschermen. Met die basis kun je ze gewoon gebruiken.
Zowel Clarity als Hotjar maskeren standaard wat bezoekers in formuliervelden typen, zodat je geen namen, telefoonnummers of andere persoonsgegevens in opnames ziet. Controleer dat na installatie en maskeer zo nodig extra elementen, zoals een klantportaal of pagina's met orderinformatie. Microsoft vraagt voor bezoekers uit de Europese Economische Ruimte bovendien een toestemmingssignaal, net als Google met Consent Mode.
Hoe je dat via je cookiebanner regelt, lees je in ons artikel over de cookiebanner op je website. Zo meet je zo volledig mogelijk en blijft je opzet netjes.
Van inzicht naar A/B-test
Een heatmap wijst aan waar het probleem zit; een A/B-test laat zien of jouw oplossing beter werkt. Die volgorde voorkomt dat je op gevoel gaat verbouwen en achteraf niet weet wat de verandering opleverde. Bij weinig verkeer is een gecontroleerde voor-en-navergelijking het haalbare alternatief.
- Observeer: zie in de scrollmap dat het merendeel van de mobiele bezoekers je offerteknop niet bereikt.
- Formuleer een hypothese: "Als de knop ook direct onder de eerste alinea staat, vragen meer mobiele bezoekers een offerte aan."
- Test: laat de helft van de bezoekers de nieuwe versie zien en de andere helft de oude.
- Meet op conversie, niet op klikken alleen: telt de nieuwe versie meer echte aanvragen?
- Controleer met de heatmap of het gedrag verandert zoals je verwachtte.
Hoe je zo'n test opzet en wanneer de uitkomst betrouwbaar is, lees je in A/B-testen: stoppen met gokken, beginnen met meten. Heatmaps en tests samen vormen de kern van conversie-optimalisatie: meer klanten uit de bezoekers die je al hebt.
Wat heatmaps ons vaak laten zien
Wanneer we heatmaps op MKB-websites bekijken, keren dezelfde patronen terug. Bezoekers klikken op afbeeldingen van projecten in de verwachting meer te zien, terwijl die afbeeldingen nergens naartoe leiden. Belangrijke informatie staat onder een groot sfeerbeeld waar veel mobiele bezoekers nooit voorbij scrollen. En menu-items die voor de eigenaar logisch klinken, worden door bezoekers genegeerd.
Geen van die inzichten vraagt om een nieuwe website. Meestal gaat het om kleine aanpassingen: een link toevoegen, een knop verplaatsen, een tekst scherper maken. Dat sluit aan bij wat een gebruiksvriendelijke website in de kern is: een site die doet wat bezoekers verwachten.
Veelgestelde vragen
Vertragen heatmaps mijn website?
Elk extra script heeft enige invloed, maar heatmaptools laden doorgaans asynchroon, zodat ze de opbouw van je pagina nauwelijks ophouden. Controleer na installatie je laadtijd en Core Web Vitals. Laad de tool via je tagmanager en verwijder hem als je hem niet meer gebruikt.
Hoeveel bezoekers heb ik nodig voor een bruikbare heatmap?
Er is geen vaste grens, maar met een paar bezoekers per dag zie je vooral toeval. Hoe meer bezoeken per pagina en per apparaat, hoe duidelijker het patroon. Heb je weinig verkeer, laat de meting dan langer lopen en focus op je belangrijkste pagina's.
Mag ik sessie-opnames maken van mijn bezoekers?
Ja, mits je het netjes regelt: laden via je cookiebanner, vermelden in je privacyverklaring en gevoelige invoer maskeren. De bekende tools maskeren formuliervelden standaard. Controleer dat na installatie en scherm pagina's met persoonlijke gegevens extra af.
Hoe lang moet ik een heatmap laten lopen?
Laat hem lopen tot je een stabiel patroon ziet, bij de meeste MKB-sites een paar weken. Pas je de pagina aan, start dan een nieuwe meting zodat je oude en nieuwe situatie niet vermengt.
Wil je weten waar bezoekers op jouw website afhaken en wat je daaraan kunt doen? Bekijk hoe we websites bouwen en verbeteren op basis van data, of neem contact op voor een vrijblijvende analyse.
