Heatmaps på hemsidan: se vad besökarna faktiskt gör

Du tror att besökarna klickar på din "Boka demo"-knapp. Du tror att de scrollar ner till priserna. Du tror att de läser din om-oss-text. Problemet är att du inte vet — du gissar. En heatmap omvandlar gissningar till data, och det krävs ingen utvecklare och ingen budget för att komma igång.

Vad en heatmap egentligen är

En heatmap är en visualisering av hur besökare beter sig på en specifik sida. Tänk dig att hundra personer går in på din startsida — varje musrörelse, varje klick och varje scroll-position registreras. När alla läggs ovanpå varandra får du en bild där varma färger (rött, orange) visar var aktiviteten är hög och källa färger (blått) där det är dött.

Det finns tre huvudtyper av heatmaps att hålla isär:

Click maps — visar exakt var besökarna klickar. Det avslöjar att CTA-knappen du la stort fokus på inte alls klickas, eller att folk klickar på bilder och rubriker som inte är klickbara — en signal om att deras förväntan inte matchar hur sidan är byggd.

Scroll maps — visar hur långt ner besökarna kommer. Ofta är resultatet brutalt. Du ser en tydlig "fold-line" där 60 procent försvinner, och allt under den raden är osynligt för majoriteten. Din viktigaste säljpunkt kanske ligger där ingen ser den.

Move maps — visar var besökarna rör musen. Mindre exakt än click maps, men ger en grov bild av uppmärksamhet på datorer.

Verktyg du kan börja med idag

Du behöver inte betala. Microsoft Clarity är gratis, för obegränsat antal sidor och obegränsad trafik. Det är en seriös produkt — inte ett demo. Skapa konto på clarity.microsoft.com, lägg in en script-tagg (eller via Google Tag Manager) och inom en timme börjar data samlas in.

Hotjar är det andra namnet du hör. Mer polerat, bättre filtrering, men gratis-versionen är begränsad till 35 sessioner per dag. För ett litet företag är Clarity ofta tillräckligt — och bättre på vissa områden som "rage clicks" (när besökare frustrerat klickar på samma sak flera gånger).

Andra alternativ finns — Mouseflow, Lucky Orange, FullStory — men för ett svenskt småföretag är Clarity rätt startpunkt.

Vad du faktiskt ska titta efter

Att installera verktyget är trivialt. Det svåra är att tolka det. Här är frågorna jag alltid ställer när jag öppnar en heatmap första gången:

Klickar någon på CTA-knappen? Räkna andelen besökare, inte totala klick. 2 procent som klickar "Boka demo" på en startsida är normalt. 0,2 procent är ett problem.

Var ligger fold-line? Scroll-mappen visar var hälften av besökarna har lämnat. Ligger din viktigaste säljpunkt under den linjen — flytta upp den. Ofta den enskilt största förbättringen du kan göra.

Klickar folk på saker som inte är klickbara? En produktbild som folk försöker klicka på men inte kan — gratis insikt om att du borde göra den klickbar.

Var dör uppmärksamheten? En lång sida med blått efter tredje skärmen säger att innehållet inte håller — för långt eller fel ordning.

Session recordings — ännu mer värde

Förutom heatmaps spelar både Clarity och Hotjar in faktiska sessioner. Du kan se på film hur en besökare rör sig — var de pausar, var de scrollar fram och tillbaka, var de stänger fliken.

Det är obekvämt första gången. Du ser att din fina rubrik inte fångar någons uppmärksamhet. Men tio session recordings ger dig mer förståelse än hundra antaganden. Tips: börja med sessioner som varar över 30 sekunder — korta besök är ofta felklick eller bots.

GDPR — det här måste du tänka på

Heatmap-verktyg samlar in beteendedata, och i GDPR-mening är det personuppgiftsbehandling. Hanterbart om du gör rätt.

Clarity och Hotjar maskerar som standard text-inmatningar i formulär. Bra — men det räcker inte. Du behöver också:

• Personuppgiftsbiträdesavtal (DPA) med leverantören. Clarity har en standard-DPA i panelen.
• Cookie-banner som faktiskt frågar innan tracking-scriptet körs. Användaren ska aktivt kunna säga nej, och då ska tracking inte starta.
• Information i integritetspolicyn om att du använder heatmap-verktyg och vad de samlar in.

Är du osäker, använd en CMP som CookieYes eller Cookiebot — gratis-versionerna räcker. Maska också all personlig data, inte bara lösenord.

FAQ — vanliga frågor

Hur mycket trafik behöver jag innan en heatmap är användbar? Minst 100 besök per sida för en grov bild, 1000+ för pålitliga mönster. Med mindre trafik bör du i stället titta på enskilda session recordings.

Saktar tracking-scriptet ner sajten? Marginellt. Clarity laddas asynkront och påverkar inte initial render. På en mobil med dålig anslutning kan du tappa några hundradels sekunder.

Hur länge ska jag samla data innan jag agerar? Två till fyra veckor är en rimlig första period. Tidigare än så och du riskerar att överreagera på slumpmässig variation.

Kan jag använda heatmap på en webshop? Ja, men var extra noga med GDPR. Kunddata, leveransadresser och betalningsuppgifter måste maskeras strikt — använd verktygets default-inställningar och testa själv att inget personnummer eller kortnummer hamnar i sessions-inspelningarna.

Nästa steg

Heatmaps är inte målet — de är ett verktyg för att veta var du ska förbättra. När du sett ett mönster är nästa steg att faktiskt ändra något och mäta om beteendet förbättras. Det är där A/B-tester för småföretag kommer in. Om det du upptäcker handlar om att själva säljsidan inte fungerar — börja med grunderna i säljsidor: best practices för konvertering.

Vill du att vi installerar Microsoft Clarity åt dig, sätter upp GDPR-säker konfiguration och hjälper dig tolka första månadens data? Det ingår i Siteflows Synas-paket för 995 kr per månad.

Relaterade artiklar

• A/B-test för småföretag — så vet du vad som funkar — hur du testar två versioner av samma sida och låter datan avgöra vinnaren.
• Säljsidor: best practices för konvertering — vad en bra säljsida innehåller och vilka element du kan ta bort.
• Lokal SEO för småföretag — så syns du i Google Maps — kompletterande trafikkälla för dig som vill nå lokala kunder.