Webanalyse

Heatmap: Definition, Typen und Interpretation

Guillaume Sallé

Leiter Analytics-Content & Glossar

Aktualisiert am June 19, 2026

Kurzdefinition

Die Heatmap ist eine visuelle Darstellung, die einer Webseite überlagert wird und mit Farbverläufen – von kalt zu warm – die Bereiche zeigt, in denen Nutzer am meisten und am wenigsten interagieren: Klicks, Mausbewegungen oder Scrolltiefe. Sie ist ein Werkzeug zur qualitativen Verhaltensanalyse, das traditionelle quantitative Metriken ergänzt.

Wie es funktioniert

Es gibt mehrere Arten von Heatmaps, die jeweils ein anderes Verhalten messen.

Klick-Heatmap: Zeichnet alle Stellen auf, an denen Nutzer klicken, und zeigt, welche Elemente Aufmerksamkeit erregen und welche ignoriert werden – einschliesslich Elemente, die gar nicht klickbar sind, was auf Interface-Verwirrung hindeutet
Bewegungs-Heatmap (Hover Map): Verfolgt Mausbewegungen auf Desktop, die in der Regel mit Lesebereichen korrelieren
Scroll-Heatmap (Scroll Map): Zeigt, wie weit Nutzer nach unten scrollen und wo der tatsächliche Fold für Ihr Publikum liegt
Aufmerksamkeits-Heatmap: Kombiniert Scroll- und geschätzte Verweildauer-Daten, um die tatsächlich gelesenen Bereiche darzustellen

Diese Daten werden über JavaScript-Skripte gesammelt, die Interaktionskoordinaten aufzeichnen und sie über Tausende von Sitzungen aggregieren, um ein repräsentatives Bild zu erzeugen.

Heatmap-Analysen sind besonders nützlich für die CRO (Conversion Rate Optimierung): Sie decken unerwartete Muster auf – Nutzer, die auf nicht klickbare Elemente klicken, strategische Bereiche, die systematisch ignoriert werden, oder CTAs, die unterhalb des Folds platziert sind.

Warum es wichtig ist

Heatmaps füllen einen grundlegenden blinden Fleck der quantitativen Analytics: Sie zeigen nicht nur WAS Nutzer tun, sondern WIE sie es tun und WO genau.

Für ein Produkt- oder UX-Team ist das der Unterschied zwischen: - Zu wissen, dass die Klickrate auf einen Button 2% beträgt - Visuell zu verstehen, warum die restlichen 98% nicht klicken

Sie schliessen die Lücke zwischen Zahlen-Daten (wie viele Personen besuchten diese Seite?) und Verhaltensverständnis (was haben sie getan?). Für Marketing- und CRO-Teams ermöglichen Heatmaps die Validierung von Optimierungshypothesen vor kostspieligen A/B-Tests.

Wie verbessern oder nutzen

1Sammeln Sie Daten über mindestens 1.000 bis 2.000 Sitzungen pro Seite für statistisch signifikante Ergebnisse.
2Analysieren Sie Heatmaps separat nach Gerät (Desktop vs. Mobile): Verhaltensweisen unterscheiden sich erheblich, und eine aggregierte Ansicht kann eine kaputte Mobile-Erfahrung verbergen.
3Prüfen Sie, ob Ihre Haupt-CTAs in den heissen Zonen liegen (stark gesehen und geklickt).
4Identifizieren Sie Klicks auf nicht klickbare Elemente, um Interface-Missverständnisse zu erkennen und die falsche Erwartung zu korrigieren.
5Nutzen Sie Scroll Maps, um zu bestätigen, dass Ihre wichtigsten Inhalte oberhalb des tatsächlichen Folds Ihres Publikums platziert sind.

Mit Sublim

Sublim integriert Scrolltiefe- und Engagement-Verhaltensdaten direkt in sein Analytics-Dashboard. Auch wenn Sublim keine visuellen Heatmaps generiert, liefert es aggregierte Scroll-Tiefen- und Engagement-Metriken pro Seite, die schnell Seiten mit hohem oder niedrigem Engagement identifizieren – ohne invasives Tracking-Skript. Als DSGVO-konformes Werkzeug mit Hosting in Europa werden diese Daten für 100% der Besucher erfasst, einschliesslich der 30–50%, die bei Cookie-basierten Tools ablehnen.

Häufig gestellte Fragen

Was ist der Unterschied zwischen einer Heatmap und einer Session-Aufzeichnung?

Eine Heatmap ist eine aggregierte Sicht der Verhaltensweisen vieler Nutzer auf derselben Seite, dargestellt als Farbverlauf. Eine Session-Aufzeichnung ist die Wiedergabe der individuellen Reise eines bestimmten Nutzers. Die beiden ergänzen sich: Die Heatmap gibt einen globalen Überblick, wo Probleme auftreten, die Aufzeichnung erklärt warum.

Wie viele Sitzungen braucht man, damit eine Heatmap zuverlässig ist?

Im Allgemeinen wird eine Heatmap ab 1.000 bis 2.000 Sitzungen repräsentativ. Darunter können Muster durch einige atypische Verhaltensweisen verzerrt sein. Für Seiten mit geringem Traffic sollten Sie Daten über mehrere Wochen sammeln.

Sind Heatmaps DSGVO-konform?

Das hängt vom Tool und der Konfiguration ab. Aggregierte, anonymisierte Heatmaps, die keine personenbezogenen Daten erfassen, können in der Regel ohne Einwilligung verwendet werden. Individuelle Session-Aufzeichnungen, die Tastatureingaben oder persönliche Inhalte erfassen, erfordern in der Regel eine explizite Einwilligung.

Welche Tools ermöglichen die Erstellung von Heatmaps?

Die bekanntesten Heatmap-Tools sind Hotjar, Microsoft Clarity (kostenlos, ohne Sitzungslimits), Lucky Orange, Crazy Egg und FullStory. Diese werden in der Regel mit einem quantitativen Analytics-Tool wie Sublim oder GA4 kombiniert.