Welke soorten heatmaps zijn er?
- Klikkaart: toont waar bezoekers klikken of tikken, ook op elementen die geen link zijn.
- Scrollkaart: toont hoe ver bezoekers naar beneden scrollen en welk deel van de pagina de meeste mensen nog zien.
- Bewegingskaart: toont waar de muis beweegt. Op een telefoon bestaat die niet, want daar is geen muis.
- Eyetracking-heatmap: toont waar mensen kijken. Die maak je in een onderzoeksopstelling met een eyetracker, niet met een script op je site.
Een heatmap telt het gedrag van veel bezoekers bij elkaar op. Wil je één bezoek volgen, dan gebruik je een sessie-opname.
Wat leer je van een heatmap?
Onderzoek van Nielsen Norman Group laat zien welke patronen heatmaps blootleggen. In een eyetrackingstudie uit 2006 volgde Jakob Nielsen hoe 232 deelnemers duizenden webpagina’s bekeken. Ze lazen vaak in een F-vorm: twee horizontale banen bovenaan en daarna een verticale baan langs de linkerkant.
In een studie uit 2018 viel ongeveer 57% van de kijktijd boven de vouw, het deel dat je ziet zonder te scrollen. In de vergelijkbare studie uit 2010 was dat nog 80%. Mensen scrollen dus meer, maar de bovenkant van een pagina krijgt nog steeds de meeste aandacht.
Een scrollkaart van je eigen site laat zien of dat ook voor jouw pagina’s geldt. Een klikkaart verraadt bijvoorbeeld foto’s of koppen waarop mensen klikken omdat ze denken dat het een link is.
Voorbeeld: heatmap op een offertepagina
Een hoveniersbedrijf in Apeldoorn bekijkt de klikkaart van de pagina over tuinaanleg. Veel bezoekers klikken op foto’s van projecten, maar die linken nergens heen. De scrollkaart laat zien dat de offerteknop onderaan staat, op een plek die minder dan de helft van de bezoekers bereikt.
Het bedrijf maakt de foto’s klikbaar naar projectpagina’s en zet een tweede offerteknop hoger op de pagina. Of dat werkt, blijkt daarna uit het aantal offerteaanvragen in Google Analytics 4.
Verwar een heatmap niet met
- Sessie-opname: een video-achtige weergave van één bezoek. Een heatmap telt juist veel bezoeken op.
- Heatmap in een spreadsheet: in spreadsheets en dashboards is een heatmap een tabel waarin cellen een kleur krijgen naar hun waarde. Dat is dezelfde techniek, maar dan op andere data.
Veelgestelde vragen over Heatmap
Wat is een heatmap op een website?
Een heatmap is een kleurenkaart over een pagina. Rood betekent veel klikken of aandacht, blauw weinig. Zo zie je snel welke delen bezoekers gebruiken.
Werkt een heatmap ook op mobiel?
Klik- en scrollkaarten wel. Op een telefoon tellen dan tikken in plaats van klikken. Een bewegingskaart werkt niet, want er is geen muis. Bekijk mobiel en desktop apart.
Hoeveel bezoekers heb je nodig voor een heatmap?
Daar is geen vaste grens voor. Met een handvol bezoeken zie je vooral toeval. Wacht tot een pagina genoeg bezoeken heeft om een patroon te tonen.