Heatmap

Eine Heatmap ist eine visuelle Darstellung, die das aggregierte Verhalten vieler Website-Besucher über Farben sichtbar macht. Warme Farben wie Rot und Orange markieren Bereiche mit hoher Aktivität, kühle Farben wie Grün und Blau Bereiche mit geringer Aktivität. So lässt sich auf einen Blick erkennen, wo Besucher klicken, wie weit sie scrollen und welche Bereiche sie ignorieren. Eine Heatmap zeigt Muster im Nutzerverhalten und ist ein Werkzeug zur Optimierung von Benutzerführung und Conversion.

Heatmaps arbeiten mit einem kleinen JavaScript-Code, der auf der Website eingebunden wird. Dieser erfasst Signale wie Klicks, Taps, Mausbewegungen und die Scrolltiefe der Besucher. Die einzelnen Daten werden anonymisiert, an einen Analytics-Dienst übertragen und dort über viele Sitzungen hinweg zu einer farbigen Gesamtdarstellung zusammengefasst. Eine Heatmap zeigt also aggregierte Daten vieler Besucher, nicht das Verhalten einer einzelnen Person.

Die wichtigsten Typen sind die Klick-Heatmap, auf Mobilgeräten Tap-Heatmap, die zeigt, wo geklickt oder getippt wird; die Scroll-Heatmap, die zeigt, wie weit Besucher nach unten scrollen und wo sie abbrechen; die Bewegungs-Heatmap, die Mausbewegungen aufzeichnet; und die Aufmerksamkeits- oder Engagement-Heatmap, die mehrere Signale zu einer gewichteten Gesamtansicht kombiniert. Auf Touch-Geräten erfassen mobile Heatmaps zusätzlich Gesten.

Nur sehr grob. Mausbewegungen sind eine ungefähre Näherung für die Aufmerksamkeit, aber kein zuverlässiger Ersatz für den tatsächlichen Blick. Der Zusammenhang zwischen Mausbewegung und Blickrichtung ist schwach und schwankt stark. Wohin Besucher wirklich schauen, misst allein echtes Eyetracking. Behandeln Sie Bewegungs-Heatmaps daher als groben Hinweis und nicht als Beweis für die Blickführung.

Nein. Heatmaps sind kein direkter SEO- oder Rankingfaktor. Google nutzt Kennzahlen wie Verweildauer oder Absprungrate nicht als direkte Rankingsignale. Heatmaps wirken bestenfalls indirekt, indem eine bessere Nutzererfahrung Besucher länger hält und Conversions steigert. Ihr eigentlicher Nutzen liegt in der Optimierung der Seite für Menschen, also in User Experience und Conversion-Optimierung, nicht in einem vermeintlichen Ranking-Vorteil.

Heatmaps sind vor allem ein Werkzeug für User Experience und Conversion-Optimierung. Sie decken Reibungspunkte auf, etwa Buttons, die übersehen werden, Klicks auf Elemente ohne Funktion, Inhalte, die kaum jemand erreicht, oder Formularfelder, an denen Besucher abbrechen. Daraus lassen sich konkrete Hypothesen für Verbesserungen ableiten, die man anschließend mit A/B-Tests überprüft.

Bekannte Tools sind Microsoft Clarity, ein kostenloses Tool von Microsoft mit Heatmaps, Session-Recordings sowie Rage- und Dead-Click-Erkennung, sowie Hotjar, das seit 2023 zu Contentsquare gehört und Heatmaps mit Recordings und Umfragen kombiniert. Weitere Anbieter sind Crazy Egg und Mouseflow. Wer Wert auf europäisches Hosting und volle Datenkontrolle legt, kann das selbstgehostete Matomo mit seinem Heatmaps-Plugin nutzen.

Ja. Microsoft Clarity ist ein vollständig kostenloses Tool von Microsoft, das seit 2020 verfügbar ist. Es bietet Heatmaps, Session-Recordings sowie die Erkennung von Rage- und Dead-Clicks ohne Kosten. Für viele Websites reicht es als Einstieg völlig aus. Kostenpflichtige Tools wie Hotjar oder Crazy Egg lohnen sich vor allem, wenn man zusätzliche Funktionen wie Umfragen, erweiterte Filter, längere Datenaufbewahrung oder Support benötigt.

Für stabile, aussagekräftige Muster braucht eine Heatmap genügend Datenpunkte pro analysierter Seite. Eine feste Zahl gibt es nicht, aber je mehr Aufrufe vorliegen, desto belastbarer sind die Erkenntnisse. Bei wenig Traffic kann es mehrere Wochen dauern, bis sich verlässliche Muster zeigen, während stark besuchte Seiten schon nach wenigen Tagen verwertbare Ergebnisse liefern. Wichtig ist außerdem, Daten aus verschiedenen Wochentagen und Tageszeiten einzubeziehen.

Heatmap-Skripte verursachen etwas Mehrlast, bei sauberer Einbindung ist der Effekt aber meist gering. Achten Sie darauf, dass das Skript asynchron geladen wird, damit es das Rendern der Seite nicht blockiert. Bei viel Traffic hilft Sampling, also nur einen Teil der Besucher zu tracken, und selektives Tracking, das Heatmaps nur auf den wichtigsten Seiten aktiviert. So bleibt der Performance-Einfluss überschaubar.

Da Heatmap-Tools personenbezogene Interaktionsdaten erfassen, ist in der EU in der Regel eine aktive Einwilligung über ein Cookie-Banner nötig, bevor das Tracking startet; vorab angekreuzte Kästchen sind nicht zulässig. Die Datenschutzerklärung muss das eingesetzte Tool nennen und Datenart und Zweck erklären. Schließen Sie mit dem Anbieter einen Auftragsverarbeitungsvertrag ab, aktivieren Sie die IP-Anonymisierung und berücksichtigen Sie bei US-Anbietern die Datenübertragung in die USA. Anbieter mit EU-Hosting erleichtern die Konformität.

Eine Heatmap zeigt aggregierte Daten vieler Besucher als Farbkarte und macht so übergreifende Muster sichtbar, etwa wo insgesamt am meisten geklickt oder bis wohin gescrollt wird. Eine Session-Recording zeichnet dagegen eine einzelne Sitzung als nachspielbare Aufnahme auf und zeigt im Detail, wie sich eine bestimmte Person über die Seite bewegt hat. Beide ergänzen sich: Die Heatmap zeigt das große Bild, die Recording erklärt einzelne Auffälligkeiten.