Webanalyse

Heatmap: Definition, Typen und Interpretation

Guillaume Sallé

Leiter Analytics-Content & Glossar

Aktualisiert am February 22, 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 – sei es bei Klicks, Mausbewegungen oder Scroll-Tiefe. Die Heatmap ist ein Verhaltensanalyse-Tool, das klassische Zahlen-Daten ergänzt.

Wie es funktioniert

Eine Heatmap ist eine Visualisierung, die die Interaktionsintensität durch Farbe codiert: Rote oder orange Bereiche zeigen hohe Interaktionsdichte an, blaue oder kalte Bereiche wenig Interaktion. Es gibt mehrere Heatmap-Typen je nach Messgegenstand. Click Maps erfassen jeden Klick und zeigen, auf welche Elemente Nutzer am meisten klicken – manchmal auch auf nicht klickbare Elemente, was auf Verständnisprobleme der Oberfläche hinweist. Move Maps verfolgen Mausbewegungen, die meist mit visuellen Lesezonen auf Desktop korrelieren. Scroll Maps zeigen, wie weit Nutzer auf einer Seite nach unten scrollen: Welcher Anteil erreicht das Seitenende und wo liegt der reale 'Fold' für Ihre Zielgruppe. Heatmaps sind besonders nützlich, um UX-Probleme zu diagnostizieren: ignorierter CTA, verwirrendes Navigationselement, wichtiger Inhalt zu weit unten platziert. Sie ergänzen quantitative Analytics-Daten um eine qualitative visuelle Dimension des Nutzerverhaltens.

Warum es wichtig ist

Heatmaps schliessen die Lücke zwischen Zahlen-Daten (wie viele Personen besuchten diese Seite?) und Verhaltensverständnis (was haben sie auf dieser Seite getan?). Sie ermöglichen es, UX-Probleme schnell zu erkennen, die in einer klassischen Analytics-Tabelle nicht sichtbar wären. Für Teams, die an Conversion-Rate-Optimierung oder UX-Verbesserung arbeiten, sind Heatmaps oft der erste Untersuchungsschritt vor dem Start von A/B-Tests.

Wie verbessern oder nutzen

Analysieren Sie Heatmaps Ihrer wichtigsten Seiten – Startseite, Produktseiten, Kampagnen-Landing-Pages, Conversion-Seiten. Prüfen Sie, ob Ihre Haupt-CTAs in den heissen Zonen liegen (stark gesehen und geklickt). Identifizieren Sie Klicks auf nicht klickbare Elemente, um Interface-Missverständnisse zu erkennen. Nutzen Sie Scroll Maps, um sicherzustellen, dass Ihr wichtigster Inhalt oberhalb des realen Folds Ihrer Zielgruppe liegt.

Mit Sublim

Sublim integriert eine Scroll-Tiefen-Analyse und aggregierte Verhaltensdaten, die Heatmaps anderer Tools ergänzen. Als DSGVO-Alternative zu GA4 mit Hosting in Europa liefert Sublim anonymisierte Engagement-Daten, um Ihre UX-Analysen zu kontextualisieren, ohne die Privatsphäre Ihrer Besucher zu gefährden.

Häufig gestellte Fragen

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

Eine Heatmap ist eine aggregierte Sicht der Verhalten vieler Nutzer auf derselben Seite, dargestellt als Farbverlauf. Eine Session-Aufzeichnung ist die Wiedergabe des individuellen Pfads eines bestimmten Nutzers. Beide sind komplementär: Die Heatmap liefert die Gesamtsicht, die Aufzeichnung die granulare Sicht.

Sind Heatmaps DSGVO-konform?

Das hängt von der Implementierung ab. Aggregierte und anonymisierte Heatmaps, die keine identifizierbaren personenbezogenen Daten erfassen, können ohne Einwilligung genutzt werden. Individuelle Session-Aufzeichnungen können hingegen als personenbezogene Daten gelten und erfordern in der Regel eine ausdrückliche Einwilligung.

Welche Tools ermöglichen das Erstellen von Heatmaps?

Die bekanntesten Heatmap-Tools sind Hotjar, Microsoft Clarity (kostenlos), Lucky Orange und Crazy Egg. Diese Tools sind auf qualitative Verhaltensanalyse spezialisiert und werden meist mit einem quantitativen Analytics-Tool wie Sublim oder GA4 für eine vollständige Sicht kombiniert.