En heatmap, eller värmekarta, är ett av de mest lättlästa sätten att förstå hur besökare beter sig på en webbsida. I stället för långa tabeller med siffror lägger den ett färgat lager ovanpå själva sidan, där varma färger visar var aktiviteten är hög och kalla färger var den är låg. Du ser vad folk klickar på, hur långt de scrollar, var de rör musen och var fingrarna landar på mobilen.
Vad en heatmap egentligen visar
En heatmap samlar beteende från många besökare och lägger ihop det till en enda bild. Varje enskild besökares klick eller scroll är för litet för att säga något, men när tusen personer beter sig likadant framträder ett mönster. Färgskalan går oftast från blått eller grönt i den kalla änden till gult, orange och rött i den varma. Rött betyder mycket aktivitet, blått betyder lite.
En heatmap beskriver vad som händer, inte varför. Den pekar ut var du ska titta närmare, men svaret på varför något sker får du ofta genom att kombinera kartan med andra data, som sessionsinspelningar eller enkäter. Verktyg som Hotjar och Microsoft Clarity erbjuder både heatmaps och inspelningar, som kompletterar varandra.
De fyra vanliga karttyperna
Klickkarta (click map)
Klickkartan visar var besökarna klickar, eller trycker på mobil. Varje klick blir en punkt, och där många klick samlas blir det varmt. Det här är ofta den mest handfasta kartan, eftersom ett klick är en tydlig avsikt.
Så tolkar du den: leta efter var de varma fläckarna sitter i förhållande till dina viktiga knappar och länkar. Får din främsta uppmaning, till exempel en köp- eller kontaktknapp, de flesta klicken? Besökare klickar ofta på sådant som inte är klickbart, till exempel en rubrik, en bild eller ett ord som ser ut som en länk. Det är en signal om att folk förväntar sig något där, och att du kanske bör göra elementet klickbart. Många analysverktyg räknar sådana klick för sig, som dead clicks.
Scrollkarta (scroll map)
Scrollkartan visar hur långt ner på sidan besökarna tar sig. Överst är det nästan alltid varmt, eftersom alla ser toppen. Längre ner blir kartan kallare, i takt med att besökare hoppar av. Den punkt där färgen tydligt svalnar kallas ofta för brytpunkt eller fold. Kartan visar hur stor andel av besökarna som når en viss höjd. Höjden räknas som en andel av sidan, så kartan gäller den layout den mättes på.
Så tolkar du den: se efter var det stora tappet sker. Ligger din viktigaste information eller din uppmaning nedanför den punkt där bara en liten del av besökarna finns kvar? Då bör du flytta upp den. En scrollkarta är särskilt användbar på långa sidor och artiklar, där du snabbt ser om folk läser klart eller tröttnar halvvägs.
Ett särskilt fynd att leta efter är en så kallad falsk botten. Den uppstår när ett kraftigt avbrott i layouten, till exempel ett brett färgfält eller en rad med mycket tomrum, får sidan att se slut ut trots att den fortsätter. Scrollkartan avslöjar det som ett tvärt tapp mitt på sidan, och lösningen är oftast att lätta upp övergången så att besökaren förstår att det finns mer att se längre ner.
Rörelsekarta (move map eller hover map)
Rörelsekartan bygger på var muspekaren rör sig på datorn. Tanken är att pekaren ibland följer med blicken, så att varma områden kan antyda vart uppmärksamheten riktas. Sambandet mellan pekare och blick är svagt, så den här kartan kräver mest försiktighet.
Så tolkar du den: använd den som en grov fingervisning om vilka delar av sidan som får uppmärksamhet, inte som ett facit. Den fungerar bäst som komplement till klick- och scrollkartan, inte som ensam grund för beslut.
Touch- och tryckkartor på mobil
På mobil finns ingen muspekare, så där mäts tryck och svep i stället för klick och hovring. En touchkarta visar var på skärmen fingrarna landar. Läs mobilkartorna separat från datorkartorna. Tummen når inte överallt lika lätt, och besökare sveper i stället för att flytta en pekare.
Så tolkar du den: kontrollera att viktiga knappar hamnar där tummen når naturligt, och håll utkik efter tryck på element som inte reagerar. Jämför gärna samma sida på mobil och dator, för mönstren är sällan identiska.
Så tolkar du färgerna rätt
Färgskalan är alltid relativ. En heatmap normaliserar sig själv efter den mest aktiva punkten på just den sidan. Rött är inte ett fast antal klick utan det hetaste området i den mätningen. Två kartor går därför inte att jämföra rakt av bara utifrån hur röda de ser ut. En sida med få besökare kan ha lika röda fläckar som en med många, trots att de bakomliggande siffrorna skiljer sig kraftigt.
Därför bör du alltid väga in hur mycket data kartan bygger på. Med för få besökare blir mönstret slumpartat, och en enda ovanlig besökare kan färga bilden. Hur stort underlaget behöver vara skiljer sig dessutom kraftigt mellan karttyperna, eftersom scrollkartan får en mätpunkt per besökare medan klickkartan bara räknar dem som klickar. Se hur många sessioner en heatmap behöver.
Segmentera data i stället för att bara titta på totalen. I verktyg som Hotjar och Clarity kan du ofta filtrera kartan på till exempel mobil mot dator, nya mot återkommande besökare eller olika trafikkällor. Samma sida kan se helt olika ut för de grupperna, och skillnaderna pekar ofta rakt mot vad du bör åtgärda.
Vanliga misstag att undvika
- Att tro att hovring är blick. Muspekaren kan vila stilla medan blicken läser på en helt annan del av skärmen. Vill du veta vart blicken går krävs riktig ögonspårning, inte en musbaserad karta.
- Att jämföra färger mellan sidor. Eftersom skalan är relativ säger rött på en sida inget om rött på en annan. Titta på siffrorna bakom, inte bara på nyansen.
- Att dra slutsatser av för lite data. Ett par hundra besökare kan räcka för en grov bild, men ju viktigare beslut, desto mer underlag bör du kräva.
- Att blanda ihop mobil och dator. Layout och beteende skiljer sig, och en gemensam karta döljer det. Läs enheterna var för sig.
- Att stanna vid kartan. En heatmap visar vad, inte varför. Bekräfta dina hypoteser med inspelningar, enkäter eller ett riktigt test innan du bygger om en sida.
Från karta till förbättring
Använd heatmaps som utgångspunkt för frågor. En kall knapp, ett klick på fel ställe eller en scrollkarta som svalnar för tidigt är alla ledtrådar. I en webbutik spelar det dessutom roll vilken sida du börjar med, eftersom en heatmap bara visar den del av avhoppsskälen som syns i gränssnittet. Vilken sida det bör vara står i guiden ”Var ska du sätta din första heatmap i en webbutik?”. Formulera sedan en hypotes, testa en ändring och mät om det blev bättre.
Senast faktagranskad: 12 augusti 2026. Senast uppdaterad: 8 september 2026