Zum Inhalt springen
Kostenlose & unverbindliche Beratung: +49 7143 394 11 0 Erstberatung sichern

Heatmap-Analyse: Typen, Ablauf und richtiges Lesen

Inhaltsverzeichnis
  1. Was ist eine Heatmap?
  2. Die Heatmap-Typen im Vergleich
  3. Wann sich eine Heatmap lohnt
  4. Der Ablauf in fünf Schritten
  5. So lesen Sie eine Heatmap richtig
  6. Datenschutz und Technik: Das klären Sie vorab
  7. Von der Heatmap zum Test
  8. Fünf typische Fehler
  9. Unser Vorgehen bei Beyond Media
  10. Häufig gestellte Fragen
  11. Was ist eine Heatmap bei einer Website?
  12. Welche Heatmap-Typen gibt es?
  13. Wie viele Besucher braucht eine Heatmap?
  14. Brauche ich für Heatmaps eine Einwilligung?
  15. Was ist der Unterschied zwischen Heatmap und A/B-Test?
  16. Kann ich eine Heatmap für das Handy nutzen?
  17. Fazit
  18. Quellen
Netzwerk-Visualisierung vor dunklem Navy-Hintergrund: Die Umrisse einer Webseite aus feinen Linien liegen unter einer weichen Wärmeverteilung in Blau und Violett, die sich an einer Stelle zu einem einzelnen leuchtenden Orange-Punkt (#f47b20) verdichtet, als Sinnbild für die Stelle, an der Besucher am häufigsten klicken. Dünne geschwungene Bahnen deuten Mausbewegungen an. Bewusst als abstrakte Netzwerk-Visualisierung gestaltet, nicht als fotorealistische Aufnahme, nicht als Dashboard-UI-Fenster und nicht als isometrische 3D-Komposition. Keine Logos, keine lesbaren Texte. KI-generiert

Kurz beantwortet: Eine Heatmap zeigt farbig, wo Besucher einer Seite klicken, tippen, scrollen und die Maus bewegen. Aussagekräftig wird die Heatmap-Analyse erst, wenn Sie vorab eine Frage festlegen, eine Seite und einen Gerätetyp getrennt betrachten und genug Besuche sammeln. Sie liefert Hinweise auf Probleme, aber keinen Beweis: Den liefert erst ein anschließender Test.

Eine Seite hat viele Besucher, aber das Formular bleibt leer. Die Zahlen aus der Webanalyse zeigen, dass etwas nicht stimmt, aber nicht, was. Hier hilft eine Heatmap für Ihre Website: Sie macht sichtbar, wohin Besucher schauen, wo sie hängen bleiben und ab welcher Stelle sie nicht weiterlesen. Unten finden Sie die Karten-Arten, den Ablauf, Regeln für das Lesen und die Punkte, die beim Datenschutz zu klären sind.

Was ist eine Heatmap?

Eine Heatmap ist eine Darstellung, die das Verhalten vieler Besucher auf einer Seite übereinanderlegt. Stellen mit viel Aktivität erscheinen warm, also gelb bis rot. Stellen ohne Aktivität bleiben kühl. Die Karte entsteht aus Hunderten oder Tausenden einzelnen Besuchen und zeigt dadurch Muster, die in einer Einzelaufzeichnung untergehen.

Die Heatmap-Analyse ist die Auswertung dieser Karten. Sie beantwortet Fragen wie: Wird der wichtigste Button überhaupt gesehen? Klicken Besucher auf etwas, das gar nicht anklickbar ist? Erreichen sie den Abschnitt mit dem Formular? Als Teil der Conversion-Optimierung steht sie am Anfang: Sie zeigt, wo sich ein Test lohnt.

Wichtig ist die Abgrenzung. Eine Heatmap beschreibt Verhalten, sie erklärt kein Motiv. Warum Besucher an einer Stelle abbrechen, sagen Ihnen erst Nutzerbefragungen, Sitzungsaufzeichnungen oder ein Test.

Die Heatmap-Typen im Vergleich

Es gibt vier gängige Kartenarten. Jede beantwortet eine andere Frage und hat eine eigene Schwäche. Die Tabelle ordnet sie ein.

TypZeigtTypische FrageGrenze
Klick- und TippkarteWo Besucher klicken oder tippenWird der Button gefunden? Klicken Besucher auf Elemente ohne Link?Ein Klick sagt nicht, ob der Besucher danach zufrieden war
Scrollkarte (Scrollmap)Bis zu welcher Stelle Besucher scrollenErreicht der Abschnitt mit dem Formular noch genug Besucher?Sie zeigt die Sichtbarkeit, nicht das Lesen
BewegungskarteWohin der Mauszeiger wandertWelche Bereiche ziehen Aufmerksamkeit an?Gilt nur am Desktop und deckt sich nur lose mit dem Blick
BereichskarteKlicks, auf Elemente oder Blöcke zusammengefasstWelcher Block bekommt, welcher verliert Aufmerksamkeit?Verdeckt Einzelheiten innerhalb eines Blocks

Für die meisten Seiten reichen Klick- und Scrollkarte. Die Bewegungskarte ist nützlich, hat aber die schwächste Aussagekraft, weil Zeigerbewegung und Blick nicht dasselbe sind. Mobil gibt es keinen Zeiger, dort zählen Tippen und Scrollen.

Wann sich eine Heatmap lohnt

Eine Heatmap lohnt sich bei Seiten mit einem klaren Ziel und regelmäßigem Besuch, etwa einer Leistungsseite mit Kontaktformular, einer Landingpage für bezahlten Traffic oder einer Produktseite. Dort lässt sich aus der Karte eine konkrete Frage ableiten.

Weniger sinnvoll ist sie bei Seiten mit sehr wenigen Besuchen. Eine Karte aus einer Handvoll Sitzungen zeigt den Zufall, kein Muster. In dem Fall helfen Nutzerinterviews oder ein Experten-Review mehr. Ebenfalls unnötig ist sie bei einem offensichtlichen Fehler, etwa einem Formular, das nicht abschickt: Das beheben Sie direkt.

Der Ablauf in fünf Schritten

Eine saubere Heatmap-Analyse folgt einer festen Reihenfolge. Die Grafik zeigt sie, darunter steht jeder Schritt im Detail.

Heatmap-Analyse in fünf SchrittenFünf Schritte nebeneinander: Ziel festlegen, Seite und Gerätetyp wählen, ausreichend lange sammeln, Muster lesen, Hypothese für einen Test ableiten.VON DER KARTE ZUR HYPOTHESESCHRITT 1ZielWelche Frage solldie Karte beantworten?SCHRITT 2SeiteEine Seite,ein GerätetypSCHRITT 3LaufzeitGenug BesuchesammelnSCHRITT 4LesenMuster stattEinzelklicksSCHRITT 5HypotheseDaraus einenTest ableiten
Die Analyse beginnt mit einer Frage und endet mit einer Hypothese, die ein Test prüft.
Heatmap-Analyse in fünf SchrittenFünf Schritte untereinander: Ziel festlegen, Seite und Gerätetyp wählen, ausreichend lange sammeln, Muster lesen, Hypothese für einen Test ableiten.VON DER KARTE ZUR HYPOTHESESCHRITT 1ZielWelche Frage soll die Karte beantworten?SCHRITT 2SeiteEine Seite, ein GerätetypSCHRITT 3LaufzeitGenug Besuche sammelnSCHRITT 4LesenMuster statt EinzelklicksSCHRITT 5HypotheseDaraus einen Test ableiten
Die Analyse beginnt mit einer Frage und endet mit einer Hypothese, die ein Test prüft.
  1. Ziel festlegen: Formulieren Sie eine Frage, zum Beispiel: Warum schicken so wenige Besucher das Formular ab? Ohne Frage entsteht nur eine bunte Karte.
  2. Seite und Gerät wählen: Betrachten Sie eine Seite und trennen Sie Desktop, Tablet und Handy. Das Layout unterscheidet sich je Gerät, deshalb dürfen die Karten nicht vermischt werden.
  3. Laufzeit planen: Sammeln Sie, bis die Karte stabil aussieht, und nehmen Sie volle Wochen. Wochentage und Kampagnen verändern das Verhalten. Ändern Sie die Seite während der Messung nicht.
  4. Muster lesen: Achten Sie auf Häufungen, nicht auf einzelne Punkte. Der folgende Abschnitt erklärt die häufigsten Deutungsfehler.
  5. Hypothese ableiten: Halten Sie fest, was Sie ändern und welche Wirkung Sie erwarten. Wie Sie diese Hypothese prüfen, steht im Beitrag A/B-Test: Aufbau, Laufzeit und Auswertung.

So lesen Sie eine Heatmap richtig

Die Farbe verleitet zu schnellen Schlüssen. Fünf Regeln verhindern die häufigsten.

  • Viel Klick heißt nicht viel Nutzen. Eine heiße Navigationsfläche kann auch bedeuten, dass Besucher nach etwas suchen und es nicht finden. Prüfen Sie, ob die Klicks zum Ziel führen.
  • Klicks ins Leere sind ein Signal. Häufen sich Klicks auf ein Bild, eine Überschrift oder ein Preisfeld ohne Link, erwarten Besucher dort eine Funktion. Das ist ein Hinweis auf eine unklare Gestaltung.
  • Die Scrolltiefe fällt ab. Ein Rückgang nach unten ist normal. Eine Eye-Tracking-Studie der Nielsen Norman Group aus 2018 ergab, dass Nutzer rund 57 Prozent ihrer Betrachtungszeit oberhalb der Falz verbrachten, also im ersten Bildschirm. Auffällig wird es, wenn die Tiefe an einer bestimmten Stelle abrupt einbricht, etwa vor dem Formular oder nach einem großen Bild, das wie ein Seitenende wirkt.
  • Segmente trennen. Besucher aus bezahlter Werbung verhalten sich anders als Besucher aus der Suche. Wenn Ihr Werkzeug es erlaubt, trennen Sie nach Quelle und Gerät.
  • Eine Karte ist kein Beweis. Sie zeigt eine Korrelation. Ob eine Änderung mehr Anfragen bringt, zeigt erst der Test.

Ein Beispiel aus der Praxis: Zeigt die Klickkarte einer Leistungsseite, dass Besucher oft auf ein Referenzlogo klicken, das nicht verlinkt ist, liegt die Hypothese nahe, dass sie einen Beleg suchen. Die Änderung wäre ein Link zur passenden Referenz oder ein kurzer Beleg direkt am Logo. Ob das die Zahl der Anfragen verändert, wird getestet.

Fragen zu diesem Thema? Kostenlose Erstberatung

Schildern Sie kurz Ihr Anliegen, wir melden uns zeitnah.

100% kostenlos & unverbindlich. Keine versteckten Kosten.

Datenschutz und Technik: Das klären Sie vorab

Heatmap-Werkzeuge laden ein Skript und erfassen Verhalten. Dabei sind drei Punkte zu klären. Das ist technische Orientierung, keine Rechtsberatung. Für die rechtliche Bewertung wenden Sie sich an Ihre Datenschutzberatung.

  • Einwilligung: Ob und wie das Skript nur nach Zustimmung startet, hängt von Werkzeug und Konfiguration ab. Einzelne verbreitete Heatmap-Tools verlangen für Besuche aus dem EWR, dem Vereinigten Königreich und der Schweiz inzwischen ein gültiges Einwilligungssignal, damit alle Funktionen laufen. Die Einwilligung muss also technisch an das Werkzeug übergeben werden.
  • Eingabefelder: Formularfelder mit persönlichen Daten sollten maskiert sein, damit keine Eingaben in die Auswertung gelangen.
  • Einbindung: Das Skript sollten Sie in der Regel über Ihr Tag-Management-System einbinden und hinter die Einwilligung stellen. Prüfen Sie nach dem Einbau im Browser, dass vor der Zustimmung nichts gesendet wird. Wie Sie Messung und Einwilligung sauber zusammenführen, behandelt unser Bereich Server-Side-Tracking.

Von der Heatmap zum Test

Aus der Karte wird erst durch eine Hypothese ein Auftrag. Eine brauchbare Hypothese hat drei Teile: die Beobachtung, die Änderung und die erwartete Wirkung. Zum Beispiel: Die Scrollkarte zeigt, dass nur ein kleiner Teil der Besucher das Formular erreicht. Wir setzen eine kurze Anfragemöglichkeit weiter nach oben. Wir erwarten mehr abgeschickte Anfragen.

Ob sich ein Test lohnt, entscheidet der Traffic. Bei vielen Besuchern testen Sie, bei wenigen setzen Sie auf qualitative Methoden. Die Entscheidungshilfe dazu steht im Beitrag zum A/B-Test. Den Gesamtrahmen aus Analyse, Hypothese und Test beschreibt der CRO-Leitfaden.

Fünf typische Fehler

  1. Karte ohne Frage: Ohne Ziel lässt sich jede Farbe deuten, und keine Deutung ist belegbar.
  2. Geräte vermischen: Handy und Desktop haben unterschiedliche Layouts. Eine gemeinsame Karte zeigt keines von beiden korrekt.
  3. Zu früh auswerten: Wenige Besuche erzeugen Muster, die der Zufall formt.
  4. Seite während der Messung ändern: Die Karte mischt dann zwei Versionen.
  5. Daten ohne Konsequenz: Wer aus der Karte keine Hypothese ableitet, hat ein Bild gesammelt, aber nichts verbessert.

Unser Vorgehen bei Beyond Media

Beyond Media begleitet Unternehmen seit 2004 bei Online-Marketing und Web-Entwicklung. Bei der Conversion-Optimierung beginnen wir mit der Analyse: Wir prüfen zuerst das Tracking, damit Anfragen korrekt gezählt werden. Danach ziehen wir Heatmaps und weitere Verhaltensdaten heran und leiten daraus priorisierte Hypothesen ab. Erst dann folgt der Test, sofern der Traffic dafür reicht. Der Ablauf steht auf der Seite Conversion-Optimierung.

Sie möchten wissen, was die Heatmaps Ihrer wichtigsten Seiten verraten und welche Änderung zuerst mehr Anfragen bringt? Sprechen Sie mit uns in einer kostenlosen Erstberatung. Wir sehen uns Ihre Seiten an und schlagen die ersten Hypothesen vor.

Häufig gestellte Fragen

Was ist eine Heatmap bei einer Website?

Eine Heatmap ist eine farbige Darstellung des Besucherverhaltens auf einer Seite. Warme Farben zeigen viele Klicks, Tippbewegungen oder Aufmerksamkeit, kühle Farben wenig. Aus vielen einzelnen Besuchen entsteht so ein Muster, das Probleme in Aufbau und Gestaltung sichtbar macht.

Welche Heatmap-Typen gibt es?

Üblich sind die Klick- und Tippkarte, die Scrollkarte, die Bewegungskarte und die Bereichskarte. Für die meisten Seiten genügen Klick- und Scrollkarte. Die Bewegungskarte gilt nur am Desktop und ist die schwächste Aussage.

Wie viele Besucher braucht eine Heatmap?

Eine feste Zahl gibt es nicht. Entscheidend ist, dass die Karte stabil wird, also zusätzliche Besuche das Muster nicht mehr verändern. Sammeln Sie über volle Wochen und trennen Sie nach Geräten. Bei sehr wenig Traffic sind Interviews oft aussagekräftiger.

Brauche ich für Heatmaps eine Einwilligung?

Das hängt vom Werkzeug und seiner Konfiguration ab und ist eine Frage für Ihre Datenschutzberatung. Technisch muss das Skript sauber hinter Ihr Einwilligungsmanagement gestellt werden. Einzelne Anbieter verlangen außerdem ein Einwilligungssignal, bevor sie im EWR alle Funktionen liefern.

Was ist der Unterschied zwischen Heatmap und A/B-Test?

Die Heatmap beschreibt, was Besucher tun, und liefert Hinweise auf Probleme. Der A/B-Test prüft, ob eine Änderung eine Kennzahl wie die Anfragerate verbessert. Beide ergänzen sich: Erst die Analyse, dann die Hypothese, dann der Test.

Kann ich eine Heatmap für das Handy nutzen?

Ja. Dort zeigt sie Tippen und Scrollen statt Mausbewegung. Weil das Layout am Handy anders aufgebaut ist, brauchen Sie eine eigene Karte für diesen Gerätetyp.

Fazit

Eine Heatmap macht Verhalten sichtbar, aber sie entscheidet nichts. Wertvoll wird sie mit einer klaren Frage, getrennten Geräten und einer Hypothese am Ende. Prüfen Sie außerdem vorab, wie das Werkzeug mit der Einwilligung umgeht. Welche Ihrer Seiten sich für eine Analyse eignen und wo sich danach ein Test lohnt, klären wir gern in einer Erstberatung. Den Rahmen dafür bildet unsere Conversion-Optimierung.

Quellen

Alle Quellen abgerufen am 27.10.2026.

Ihr nächster Schritt: eine Erstberatung

Besprechen Sie mit uns, welche nächsten Schritte für Ihr Unternehmen sinnvoll sind.

100% kostenlos & unverbindlich. Keine versteckten Kosten.

Sven Heib
Sven Heib
Gründer und Geschäftsführer
Sven Heib hat Beyond Media 2004 gegründet und ist seither Geschäftsführer. Als Software-Ingenieur brachte er von Anfang an einen technischen Blick auf SEO und Web-Entwicklung mit, aus dem sich die heutige Full-Service-Agentur entwickelt hat.
Sven Heib
Autor
Sven Heib
Gründer und Geschäftsführer

Sven Heib hat Beyond Media 2004 gegründet und ist seither Geschäftsführer. Als Software-Ingenieur brachte er von Anfang an einen technischen Blick auf SEO und Web-Entwicklung mit, aus dem sich die heutige Full-Service-Agentur entwickelt hat.

Mehr erfahren?

Lassen Sie sich von unseren Online-Marketing-Experten beraten, kostenlos & unverbindlich.

Kostenlose Erstberatung anfragen →