Je kijkt naar je pagina en vindt hem goed. Schoon ontwerp. Duidelijke boodschap. Sterke oproep tot actie. Maar de conversie is laag. Je analytics toont dat bezoekers kwamen en weggingen. Maar het onzichtbare midden, wat ze echt deden op de pagina, blijft een raadsel. Lazen ze je tekst? Vonden ze de knop? Raakten ze in de war? Vertrouwden ze iets niet? Je kunt het niet zien. Je analytics toont alleen wat er gebeurde, niet hoe het gebeurde. Heatmaps laten dit onzichtbare midden zien. Ze tonen precies wat bezoekers doen in elk deel van je pagina. Waar ze op letten. Waar ze klikken. Waar ze scrollen. Waar ze afhaken. Deze duidelijkheid in beeld maakt van een raadsel een inzicht waar je iets mee kunt.
In dit artikel lees je hoe heatmaps werken en waarom ze onmisbaar zijn om het gedrag van bezoekers te begrijpen.
Wat een heatmap is
Een heatmap is een laag over je pagina die de activiteit van bezoekers toont. Elke handeling van een bezoeker wordt vastgelegd. Klikken. Scrollen. Muisbewegingen. Hoe meer handelingen in een gebied, hoe warmer de kleur. Hoe minder handelingen, hoe koeler de kleur.
Heatmaps verzamelen data van veel bezoekers. Een heatmap kan data van 1.000 bezoekers over een week tonen. Ze maakt het gedrag van al die bezoekers samen zichtbaar in één beeld.
Kleuren maken patronen meteen duidelijk. Je hoeft geen cijfers te lezen. Rode gebieden springen eruit. Blauwe gebieden vallen op. Deze duidelijkheid in beeld is de kracht van heatmaps.
Soorten heatmaps
Klik-heatmaps tonen waar bezoekers klikken. Op welke knoppen. Op welke links. Welke onderdelen aandacht krijgen. Klik-heatmaps tonen wat bezoekers interactief vinden.
Scroll-heatmaps tonen hoe ver bezoekers naar beneden scrollen. Hoeveel van de pagina lezen ze? Waar zakt de betrokkenheid? Scroll-heatmaps tonen hoe diep mensen lezen.
Beweging-heatmaps tonen muisbewegingen. Waar bezoekers de muis boven houden. Wat de aandacht trekt. Beweging-heatmaps tonen patronen in aandacht.
Elk type toont ander inzicht. Klikken tonen bedoeling. Scrollen toont betrokkenheid. Beweging toont aandacht. Samen geven ze een compleet beeld.
Wat heatmaps laten zien
Heatmaps laten zien waar bezoekers op letten. Welke onderdelen aandacht krijgen. Welke genegeerd worden. Een belangrijke knop is misschien blauw omdat niemand erop klikt. Misschien staat hij op de verkeerde plek. Misschien is hij onduidelijk. Heatmaps laten het probleem zien.
Heatmaps laten zien hoe belangrijk het scherm zonder scrollen is. Inhoud onder de vouw krijgt minder aandacht. Maar als die belangrijk is, moet ze misschien boven de vouw staan. Heatmaps tonen waar de betrokkenheid daalt.
Heatmaps laten zien waar je verwachting niet klopt. Je denkt dat bezoekers je openingstekst lezen. Een heatmap toont dat ze die overslaan en erdoorheen scrollen. Die mismatch wordt vanzelf zichtbaar.
Heatmaps versus analytics
Analytics vertelt je dat een knop 100 klikken kreeg. Dat is een cijfer. Een heatmap toont je in beeld waar die 100 klikken plaatsvonden. Je ziet het patroon. Soms zijn klikken geconcentreerd. Soms verspreid. Patronen worden duidelijk.
Analytics toont cijfers in totaal. Een heatmap toont de verdeling op de pagina. Samen geven ze een compleet inzicht. Cijfers vertellen je de hoeveelheid. Heatmaps vertellen je de plek.
Tools voor heatmaps
Er zijn veel gespecialiseerde heatmap-tools, gratis en betaald. Deze tools leggen het gedrag van bezoekers vast en maken automatisch heatmaps. Jij installeert een script. De rest doen zij.
Sommige tools zijn gratis met beperkingen. Sommige zijn betaald met meer functies. Kies op basis van wat je nodig hebt. Heb je 10.000 bezoekers per maand? Dan werken gratis tools. Heb je miljoenen? Dan zijn betaalde tools nodig.
In de meeste tools kun je heatmaps filteren. Toon heatmaps alleen voor mobiele bezoekers. Alleen voor nieuwe bezoekers. Alleen voor bezoekers van een bepaalde bron. Filteren toont patronen per segment.
Beperkingen van heatmaps
Heatmaps tonen gedrag in totaal, maar verbergen individuele reizen. Een heatmap toont waar bezoekers in totaal klikken. Maar niet de weg die één bezoeker nam. Daarvoor heb je sessieopnames nodig.
Heatmaps verklaren niet waarom. Een knop krijgt geen klikken. Waarom? Is hij onduidelijk? Staat hij op de verkeerde plek? Is de belofte zwak? Heatmaps tonen het wat, maar niet het waarom. Combineer ze met kwalitatieve data voor een compleet beeld.
Heatmaps kunnen misleiden. Een rood gebied kan veel klikken per ongeluk betekenen. Klikken op het verkeerde onderdeel. Veel activiteit is niet altijd goede activiteit.
Veelgestelde vragen
Hoeveel bezoekers hebben we nodig voor betrouwbare heatmaps?
Minstens 100 tot 200 bezoekers voordat er patronen ontstaan. Bij minder bezoekers zijn patronen ruis. Bij duizenden zijn patronen duidelijk. De meeste tools hebben een minimum voordat ze heatmaps tonen. Met de websitebouwer van WEMASY zet je dit direct op je website op.
Werken heatmaps op mobiel?
Ja. Veel tools ondersteunen heatmaps voor mobiel. Mobiele heatmaps tonen tikpatronen in plaats van klikpatronen. Dat is belangrijk, want mobiel werkt anders dan desktop.
Kunnen heatmaps mijn site vertragen?
Nauwelijks. Scripts voor heatmaps zijn licht gemaakt. Ze zouden de snelheid van je pagina niet merkbaar moeten beïnvloeden. Maar test je eigen tool om het zeker te weten.
Moeten we heatmaps aan bezoekers laten zien?
Nee. Heatmaps zijn interne analytics-tools. Bezoekers zien ze niet. Ze zijn er voor jou, om het gedrag van bezoekers te begrijpen, niet voor de ervaring van bezoekers.
Hoe lang moeten we heatmapdata verzamelen?
Minstens een week voordat er patronen ontstaan. Een maand is beter. Langer verzamelen neemt meer variatie in bezoekers mee en geeft betrouwbaardere patronen.
Kunnen we heatmaps gebruiken om fraude of bots op te sporen?
Een beetje. Gedrag van bots ziet er vaak anders uit dan gedrag van mensen. Ongebruikelijke klikpatronen of razendsnelle handelingen kunnen op bots wijzen. Maar heatmaps zijn niet gemaakt om fraude op te sporen.