Heatmap: så ser ni var besökarna klickar, scrollar och fastnar

Vad är en heatmap?

En heatmap, på svenska värmekarta, är en bild av en webbsida där färger visar hur besökarna har interagerat med sidan. Röda och gula områden får många klick eller mycket uppmärksamhet, blå områden får lite. Kartan bygger på sammanslagen data från många besök.

Analysverktyg som Google Analytics visar hur många som lämnar en sida. En heatmap visar vad som hände på sidan innan de lämnade: att knappen låg under det de hann se, att de klickade på något som inte gick att klicka på eller att de aldrig kom fram till formuläret. Därför är heatmaps ett av de första verktygen i konverteringsoptimering, före A/B-test och större omgörningar.

Typer av heatmaps och vad de visar

Olika kartor svarar på olika frågor. Microsoft beskriver fem typer i Clarity-dokumentationen:

Klick- och scrollkartor räcker långt för de flesta sidor. Enligt Microsofts beskrivning av scrollkartor visar de i steg om 5 procent hur stor andel som når en viss del av sidan och var de lämnar.

Så läser ni en heatmap och hittar det som stoppar besökarna

1. Börja med en fråga. Välj en sida som har trafik men ger för få förfrågningar eller köp, och bestäm vad ni vill förstå, till exempel varför få fyller i formuläret.
2. Dela upp mobil och dator. Sidans layout skiljer sig och beteendet också. En sammanslagen karta döljer ofta att mobilbesökarna aldrig når knappen.
3. Titta på scrollkartan först. Om bara en liten del av besökarna når erbjudandet eller kontaktvägen är det sidans ordning som behöver ändras, inte knappens färg.
4. Leta efter klick som inte leder någonstans. Klick på bilder, rubriker eller ikoner betyder att besökarna förväntar sig mer information där.
5. Följ upp med inspelningar. Titta på ett urval sessioner från sidan för att förstå sammanhanget bakom mönstret.
6. Skriv ner hypotesen. Till exempel: om vi flyttar kontaktvägen högre upp på mobil så får fler besökare se den och fler skickar en förfrågan. Testa den sedan i ett A/B-test eller genomför förändringen och följ upp den.

Microsoft beskriver också signaler i Clarity Insights som ofta pekar ut problemen snabbare än att granska kartan själv: rage clicks, flera snabba klick på samma ställe som tyder på irritation, dead clicks, klick som inte ger någon respons, och excessive scrolling, mer scrollande än normalt som kan betyda att besökaren inte hittar det hen söker.

Heatmapverktyg: Microsoft Clarity, Hotjar och alternativ

Verktyget är mindre viktigt än att mätningen är rätt uppsatt och att någon faktiskt går igenom datan. Hur Google Analytics och målen ska sättas upp beskriver vi under mätning och spårning, och hur ni väljer vad som ska mätas i guiden om KPI:er.

Heatmaps, cookies och GDPR

Heatmapverktyg läser och lagrar normalt information i besökarens webbläsare och registrerar hur besökaren rör sig på sidan. Därför ska de hanteras i samtyckeslösningen på samma sätt som annan analys. Microsoft skriver i sin dokumentation om Consent Mode att Clarity sedan 31 oktober 2025 kräver en giltig samtyckessignal för besök från EES, Storbritannien och Schweiz för full funktion, och att Clarity då bara sätter cookies efter samtycke.

• Koppla verktyget till er cookiebanner så att det startar först efter samtycke. Se cookiebanner för hur vi sätter upp det.
• Maskera känsliga fält som formulär med personuppgifter så att de inte syns i inspelningar.
• Beskriv verktyget i er integritetspolicy, vilka uppgifter som samlas in och hur länge de sparas.
• Följ leverantörens åldersvillkor. Microsoft anger att Clarity inte ska användas på sajter som riktar sig till personer under 18 år.

Eftersom en del besökare säger nej visar kartan inte alla besök. Det är normalt och påverkar sällan vilka mönster ni ser, men räkna inte antal klick som om de vore alla besökare.

Vanliga fel när företag använder heatmaps

• Titta utan fråga. En karta utan en tydlig fråga ger fina bilder men inga beslut.
• Blanda mobil och dator. Mönstren skiljer sig så mycket att en sammanslagen karta kan peka åt fel håll.
• Dra slutsatser av för få besök. Några tiotal besök ger slumpmässiga mönster. Vänta tills kartan är stabil.
• Tolka klick som resultat. Många klick på ett element är inte samma sak som fler förfrågningar eller köp. Kontrollera mot målen i analysverktyget.
• Glömma att sidan har ändrats. Efter en ändring i layouten gäller den gamla kartan inte längre. Starta en ny period.
• Sakna samtycke. Ett verktyg som startar före samtycke är ett juridiskt problem, oavsett vad kartan visar.

Vi hjälper företag att få fler förfrågningar och köp från den trafik de redan har. I arbetet med konverteringsoptimering sätter vi upp heatmaps och mätning med samtycke, tolkar beteendet, gör om fynden till förbättringar av landningssidor och UX-design och testar det som är osäkert, oavsett om målet är leads eller försäljning i e-handel.

Vanliga frågor om heatmaps