Eine Heatmap stellt Werte als Farbflächen dar. Im Web zeigt sie, an welchen Stellen einer Seite Besucher klicken, scrollen oder die Maus bewegen. Warme Farben wie Rot stehen für viel Aktivität, kalte Farben wie Blau für wenig.
Wie funktioniert eine Heatmap auf Websites?
Der Begriff kommt aus der Datenvisualisierung und wird auch für Börsenkurse oder Tabellen verwendet. Hier geht es um Verhaltensdaten auf Webseiten. Ein Tracking-Skript erfasst Interaktionen von Besuchern, ein Tool legt die aggregierten Werte als Farbebene über ein Abbild der Seite.
Üblich sind vier Typen. Click-Maps zeigen Klicks und Tipps, Scroll-Maps die Tiefe, bis zu der Besucher die Seite lesen, Move-Maps die Mausbewegung und Attention-Maps die Verweildauer in Bereichen. Einzelne Anbieter ergänzen weitere Typen, etwa Friction-Maps für Stellen mit auffällig viel Frust.
Für SEO liefern Heatmaps keine Ranking-Daten. Sie zeigen, ob Besucher einen wichtigen Absatz, eine Tabelle oder einen Call to Action erreichen, und helfen so bei Seitenaufbau und Textlänge (Einschätzung). Die Mausposition ist laut Lazi Akademie nur moderat mit der Blickrichtung korreliert, Mausdaten ersetzen also kein Eye-Tracking.
Beispiel
Die Scroll-Map einer Produktseite zeigt, dass nur ein kleiner Teil der Besucher die Preistabelle am Seitenende sieht. Das Team zieht die Tabelle weiter nach oben und vergleicht danach per A/B-Test die Abschlussquote (fiktives Beispiel).
Häufige Fehler
- Zu wenige Besuche. Als Faustwert gelten laut Berichten 1.000 bis 2.000 Sessions pro Seite.
- Desktop- und Mobildaten zusammenwerfen, obwohl sich Layout und Verhalten unterscheiden.
- Aus der Farbe sofort eine Änderung ableiten, ohne sie mit einem Test zu prüfen.
Datenschutz
Heatmap-Tools erfassen Interaktionen von Besuchern. § 25 TDDDG regelt die Einwilligung für das Speichern von Informationen im Endgerät und den Zugriff darauf. Artikel 6 DSGVO nennt die Rechtsgrundlagen für die Verarbeitung personenbezogener Daten.
Keine Rechtsberatung.
Häufige Fragen
Wofür wird eine Heatmap genutzt? Um sichtbar zu machen, wie Besucher eine Seite tatsächlich nutzen, etwa bei Platzierung von Buttons, Menüs oder Formularen.
Quellen
- Heatmaps (UX) – Lazi Akademielazi-akademie.de
- Heatmap-Anwendung – do.team Glossardo.team
- Interactive Heatmaps – Mouseflowmouseflow.com
- § 25 TDDDG – Gesetze im Internetgesetze-im-internet.de
- Verordnung (EU) 2016/679 (DSGVO), Art. 6 – EUR-Lexeur-lex.europa.eu
Stand: