Heatmaps voor MKB — welke tool werkt?

Wat een heatmap je vertelt (en niet)

Heatmaps tonen aggregatie van gedrag: waar klikken mensen, hoe ver scrollen ze, waar bewegen ze met de muis. Vier types:

• Clickmap — waar klikken mensen (meestal je primaire data)
• Scrollmap — hoe ver scrollen mensen (waar haakt 50%, waar 80% af)
• Movement-map — muisbewegingen (zwak proxy voor aandacht, op desktop)
• Attention-map — gecombineerde score van hoe lang mensen ergens stilstaan

Wat heatmaps NIET vertellen: waarom mensen weggaan. Daarvoor heb je session-recordings (zie session-recording-gids) of directe gebruikersinterviews nodig.

Microsoft Clarity — gratis, eindeloos

Sinds 2020 gratis door Microsoft. Geen sessie-limiet, geen feature-paywalls voor heatmaps + session-recordings.

• Plus: gratis, AVG-compliant met cookie-banner, geïntegreerd met GA4, "rage clicks" en "dead clicks" automatische detectie
• Min: data woont in Azure US/EU (afhankelijk van setup), interface iets minder gepolijst dan Hotjar
• Voor wie: de standaardkeuze voor MKB. Geen reden om iets anders te overwegen als je net begint

Hotjar — beste UX, beperkt gratis

Lang de marktleider. Nederlandse marketers kennen 'm.

• Plus: interface superlekker, surveys ingebouwd, EU-gevestigd (Malta), AVG-DPA standaard
• Min: gratis tier hard beperkt (35 sessies/dag = 1.050/maand), betaald vanaf €32/maand voor 100 sessies/dag
• Voor wie: MKB met budget en focus op gebruikersonderzoek (surveys + heatmaps combineren)

Smartlook — ruime gratis tier

Tsjechische tool, in EU-juridictie.

• Plus: 3.000 sessies/maand gratis (heel ruim), 1-maand-retentie ook gratis, EU-data-mogelijkheid
• Min: minder slick dan Hotjar, beperkte integraties
• Voor wie: MKB met 1.000-3.000 sessies/maand die gratis wil blijven

Mouseflow, FullStory, Lucky Orange — overige opties

Voor MKB-volume meestal te duur of overcompleet:

• Mouseflow: EU-gevestigd, fijn voor compliance, vanaf €24/maand. Goede backup-keuze.
• FullStory: enterprise-tier, vanaf €1.000+/maand. Niet voor MKB.
• Lucky Orange: Amerikaans, AVG-issues mogelijk, vanaf $48/maand. Vermijden voor NL-MKB.

Wanneer heatmaps NIET de oplossing zijn

Drie scenario's:

• Onder 500 sessies/maand. Te weinig data, je ziet ruis ipv patronen. Beter: bekijk 5-10 session-recordings individueel.
• Je weet al wat er kapot is. Formulier van 9 velden, geen mobile-CTA, stockfoto's. Dan eerst fixen, daarna heatmap om te valideren.
• Je hebt geen tijd om wekelijks te kijken. Heatmaps installeren en nooit openen = €/maand voor niets.

Een schoenmaker uit De Ronde Venen had Hotjar 8 maanden draaien — nooit ingelogd. Bij ons in de audit wezen we 6 fixes aan zonder enige heatmap-data. Lift: 80% meer leads in 2 maanden.

De drie patronen om naar te kijken

Als je heatmaps wél nuttig gaat gebruiken, kijk dan vooral naar:

• 1. Scroll-vouw. Waar haakt 50% af? Wat staat er net onder die lijn — verlies je belangrijke content?
• 2. Dead clicks. Mensen klikken op iets dat niet klikbaar is (bv. een vetgedrukt woord of een foto). Maak het klikbaar of pas de styling aan.
• 3. Rage clicks. Herhaalde klikken op één element = frustratie. Vaak een knop die niet reageert door langzame JS of mobile-issue.

Privacy-checklist voor heatmaps

• Cookie-banner met expliciete opt-in voor analytics/recordings
• Tool die input-velden automatisch maskeert (voorkom wachtwoord/CC-data in recordings)
• DPA (Data Processing Agreement) met tool-leverancier
• Privacyverklaring updaten met naam van de tool
• Bij voorkeur EU-gevestigde tool (Hotjar Malta, Smartlook EU, Mouseflow DK)

Wat een heatmap precies wel en niet vertelt

Een heatmap is een visualisatie van wat bezoekers doen op een pagina. Niet wat ze denken, niet waarom ze klikken, niet wat ze willen — alleen wat ze doen. Dat klinkt simpel maar wordt vaak verkeerd geïnterpreteerd. Een hete plek op een heatmap betekent niet dat die plek goed is. Het betekent dat veel mensen daar klikken. Dat kan zijn omdat ze het zoeken, omdat ze dachten dat het een knop was die geen knop is, of omdat ze gewoon nieuwsgierig waren. De heatmap toont het gedrag, jij moet de interpretatie leveren.

Drie hoofdtypen heatmaps bestaan. Click-heatmaps tonen waar mensen klikken. Scroll-heatmaps tonen hoe ver mensen scrollen. Move-heatmaps (alleen op desktop) tonen waar de muis heen beweegt. De eerste twee zijn voor MKB-sites het waardevolst. Move-heatmaps geven extra inzicht in aandacht maar zijn minder betrouwbaar — een muis volgt niet altijd de ogen.

Wat een heatmap niet vertelt: waarom mensen iets doen, hoe ze zich voelden, wat ze verwachtten. Voor die vragen heb je session-recordings of interviews nodig. Een heatmap toont symptomen, niet diagnoses. Gebruik hem in combinatie met andere data, niet als enige bron.

Wat te doen met de inzichten — concrete acties

De grootste valkuil bij heatmaps is observeren zonder actie. Je kijkt naar de visualisatie, knikt instemmend, en doet vervolgens niets. Drie maanden later staat de site er nog precies hetzelfde bij. Een heatmap is alleen waardevol als hij leidt tot een verandering. Schrijf bij elke observatie op: wat is het patroon, wat is mijn hypothese, welke verandering volgt daaruit?

Bijvoorbeeld: scroll-heatmap toont dat 70 procent van bezoekers stopt voor de prijzen-sectie. Hypothese: bezoekers haken af voor ze prijsinformatie zien. Verandering: verplaats prijzen hoger op de pagina, of zet een prijs-teaser in de hero. Meet over twee weken of de afhaak nu verschuift en de conversie verbetert.

Een goed ritme: één heatmap-sessie per maand, twee tot drie concrete observaties per sessie, één daadwerkelijke wijziging per maand. Niet meer. Meer wijzigingen tegelijk vertroebelen wat het effect heeft veroorzaakt.

• Installeer minimaal één heatmap-tool — Microsoft Clarity is gratis, oneindig, en de standaardkeuze voor MKB
• Plaats het script vóór de close-body-tag — niet in de head, dat vertraagt onnodig
• Schakel input-masking in zodat formulier-velden niet zichtbaar worden in recordings
• Sluit interne IP-adressen uit zodat eigen kantoor-bezoeken de data niet vervuilen
• Voeg de heatmap-tool toe aan je cookie-banner als analytische cookie
• Pas je privacyverklaring aan met de naam van de tool en de verwerkingsgrondslag
• Wacht minimaal twee weken voor je conclusies trekt — anders te weinig data
• Vergelijk altijd mobiel en desktop apart — verschillen zijn vaak groot
• Filter op landingspagina — heatmap van de homepage zegt niets over de offerte-pagina
• Documenteer elke observatie in een spreadsheet of notion-pagina — anders vergeet je het
• Combineer met GA4-data om patronen te bevestigen — bounce, exit-rate, scroll-depth
• Kijk minstens vijf recordings per maand — niet alleen heatmaps, ook echte sessies
• Stel scroll-depth-events in via GA4 of via de tool zelf — heatmap toont, events meten
• Anonimiseer recordings volgens AVG — geen e-mailadressen, geen wachtwoorden zichtbaar
• Verwijder oude data na 30 tot 90 dagen — bewaartermijn vastleggen in privacyverklaring

Welke tool past bij welk volume

Voor MKB-sites onder vijfduizend maandelijkse bezoekers is Microsoft Clarity een prima keuze. Gratis, geen sample-limiet, alle features inbegrepen, AVG-vriendelijk in te zetten met juiste config. Het ontbreekt aan native A/B-testfunctionaliteit en aan diepe segmentatie-opties, maar voor de meeste MKB-vraagstukken is het ruim voldoende.

Boven vijfduizend bezoekers wordt Hotjar interessanter. De interface is gepolijster, de feedback-widget (poll, survey) zit ingebouwd, en de export-opties zijn beter. Prijspunt rond honderd euro per maand voor de groei-tier.

Voor enterprise-volume of complexe e-commerce zijn FullStory of Glassbox de keuzes. Hogere kosten, meer features, betere integratie met andere analytics-tools. Voor MKB nooit nodig.

Wat je beter niet doet: twee heatmap-tools tegelijk draaien. Verdubbelt het script-werk, vertroebelt je AVG-administratie en levert geen extra inzicht. Kies één, gebruik die volledig.

AVG en heatmaps — wat moet je echt regelen

De grootste zorg rond heatmap-tools is de privacy. Terecht, want zonder juiste configuratie verzamel je gevoelige data zonder grondslag. De basis is altijd: cookie-banner, opt-in, vermelding in privacyverklaring, data-verwerkings-overeenkomst met de leverancier, input-masking aan zodat formulier-data niet zichtbaar wordt.

Voor Microsoft Clarity geldt: data wordt op Microsoft-servers verwerkt, een DPA is beschikbaar, input-masking kan via configuratie aan. Voor Hotjar gevestigd op Malta met EU-servers: vergelijkbaar. Voor Smartlook: vergelijkbaar. Voor Amerikaanse tools zonder EU-server (oude versies van bepaalde concurrenten) is de privacy-discussie complexer en is een Schrems-II-conform contract vereist.

Praktische regel voor MKB: kies een tool met EU-servers of een sterke privacy-shield-vervanger, schakel input-masking aan, vermeld de tool in de privacyverklaring, vraag opt-in via cookie-banner. Vier stappen, daarna ben je veilig.

Hoe een goede heatmap-analyse stap voor stap gaat

De grootste fout bij heatmap-analyse is doelloos staren. Mensen openen het dashboard, kijken een paar minuten naar de gekleurde plekken, sluiten het tabblad en gaan door met andere zaken. Geen patroon ontdekt, geen actie ondernomen. Een gestructureerde aanpak voorkomt dat.

Stap één: kies één pagina per analyse-sessie. De homepage, een specifieke landingpagina, de contactpagina — een per keer. Niet alles tegelijk. Stap twee: bekijk eerst de scroll-heatmap. Hoe ver scrollen mensen? Waar valt de eerste grote afname? Wat staat er net onder die lijn? Stap drie: bekijk de click-heatmap. Welke elementen krijgen veel klikken? Zijn dat de elementen waarvan jij wil dat ze geklikt worden? Stap vier: zoek dead clicks en rage clicks. Plekken waar mensen klikken zonder dat er iets gebeurt, of plekken waar mensen herhaaldelijk frustreren. Stap vijf: noteer drie observaties.

Stap zes: kijk vijf tot tien recordings die op die specifieke pagina starten. Hoe gedragen mensen zich echt? Wat klopt er niet met wat je verwachtte? Stap zeven: formuleer voor elke observatie een hypothese en een test-bare wijziging. Stap acht: kies de meest belovende wijziging, voer hem door, meet over twee tot vier weken.

Deze aanpak duurt voor een ervaren analist ongeveer een uur per pagina. Voor wie net begint is het meer. Plan er dan twee tot drie uur voor in. Het is geen taak om tussendoor te doen — je hebt rust en focus nodig om patronen te zien.

Recording-bibliotheek opbouwen — wat je écht onthoudt

Een onderschatte waarde van heatmap-tools zoals Clarity en Hotjar zit in de mogelijkheid om recordings te bewaren en te taggen. Bewaar interessante sessies in een eigen bibliotheek. Tag ze op gedrag (afhakers, snelle kopers, twijfelaars, mobiele frustreerders). Over drie maanden heb je een collectie van vijftig sessies die samen een rijk beeld geven van je doelgroep.

Die bibliotheek is goud waard voor productontwikkeling, copywriting en design-beslissingen. In plaats van te discussiëren over wat de klant zou doen, kun je naar echte sessies kijken en het zien. Bij Keurmeesters bouwen we op deze manier een groeiende kennisbank op die nieuwe medewerkers binnen een dag op snelheid brengt.

Belangrijk: anonimiseer altijd, masker formulier-velden, verwijder oude recordings volgens je bewaartermijn, en deel ze alleen intern. Recordings zijn persoonsgegevens — verantwoord omgaan vereist beleid, geen vrijbrief.

Drie patronen die we steeds terug zien — en wat ze betekenen

Bij elke MKB-site die we analyseren komen drie patronen vaak terug. Eerste: bezoekers klikken op statische tekst alsof het een link is. Dat zegt iets over hoe je content visueel is opgebouwd — vetgedrukte termen lijken klikbaar als ze contrasteren met de rest. Oplossing: minder vet, of de tekst echt klikbaar maken.

Tweede: scroll-depth zakt steil rond de tweede schermlengte. Wat daar staat is de hero-onder-de-fold. Voor bezoekers die wel scrollen, is dit de tweede kans op een goede eerste indruk. Vaak staat daar een algemene Over Ons-tekst zonder concrete waarde. Vervang dat door drie sterke argumenten of een visueel bewijs. De scroll-curve trekt direct rechter.

Derde: op mobiel klikken bezoekers in een lege strook naast de hamburger-menuknop. Conclusie: de tap-target is te klein en mensen missen 'm. Maak de hamburger groter, met meer padding, en de miskliks verdwijnen. Vaak gaat de menu-engagement met tientallen procenten omhoog.

Hoe heatmaps en GA4 elkaar versterken

Heatmaps tonen het hoe, GA4 toont het hoeveel. Pas als je beide combineert krijg je een compleet beeld. Een voorbeeld: GA4 vertelt dat je homepage een bounce-rate heeft van 65 procent. Hoog, maar zonder context betekenisloos. Een scroll-heatmap toont dat de meeste bouncende bezoekers wel boven de fold lezen maar nooit verder scrollen. Een recording laat zien dat ze blijven hangen op je headline en daarna sluiten. Conclusie: je headline trekt geen vervolg-aandacht.

Combineer dus altijd kwantitatief (GA4, server-logs) met kwalitatief (heatmaps, recordings, interviews). Eén bron geeft halve antwoorden, twee bronnen geven een echte richting.

Wat doe je vandaag?

• Installeer Microsoft Clarity op je belangrijkste pagina en wacht twee weken op data
• Kijk de eerste vijf recordings die binnenkomen — noteer drie observaties per sessie
• Bekijk de scroll-heatmap van je homepage en check waar de meeste bezoekers stoppen
• Vergelijk mobiele en desktop heatmap apart — welke is anders dan je verwachtte?
• Schrijf één concrete wijziging op die je gaat doorvoeren op basis van wat je zag

FAQ — heatmaps MKB

Door Sofia Bianchi — DesignCheck. Laatst bijgewerkt 16 mei 2026.