Zum Inhalt springen
Conversion12. August 202612 Min.

Heatmaps und Sitzungsaufzeichnungen – so finden Sie heraus, warum Ihre Website nicht konvertiert (2026)

Wie Sie Heatmaps und Sitzungsaufzeichnungen (Microsoft Clarity, Hotjar) zur Diagnose einer Website nutzen: was zu analysieren ist, wie man Klick- und Scroll-Maps liest, Rage Clicks, Datenschutz und DSGVO. Ein praktischer Leitfaden Schritt für Schritt.

Damian Zieliński · dekada72h

Ihre Statistiken sagen Ihnen, dass die Seite hundert Besuche am Tag und eine Conversion-Rate von zwei Prozent hat. Sie sagen Ihnen nicht, warum es nur zwei sind. Sie sagen nicht, ob Menschen den Button nicht bemerken, das Angebot nicht verstehen oder ob die Seite auf ihrem Smartphone schlicht nicht funktioniert. Analytik beantwortet die Frage, wie viele. Heatmaps und Sitzungsaufzeichnungen beantworten die Frage, was geschieht.

Es ist eine der günstigsten Methoden zur Diagnose einer Website, denn die grundlegenden Tools sind kostenlos, und die ersten Erkenntnisse zeigen sich nach wenigen Stunden Aufzeichnungen. Viele Unternehmen installieren sie, werfen einmal einen Blick auf die bunten Karten und kommen nie wieder, weil sie nicht wissen, wie man liest, was sie sehen. Dieser Leitfaden zeigt eine Methode: von der Wahl des Tools bis zu den konkreten Mustern, die sich zu erkennen lohnen.

Free

Kosten für den Start mit Microsoft Clarity bei dem typischen Traffic eines kleinen Unternehmens

2 wks

minimaler Zeitraum der Datenerhebung, bevor Sie Schlüsse ziehen

15-20

Sitzungsaufzeichnungen genügen meist, um wiederkehrende Probleme zu erkennen

Heatmaps und Aufzeichnungen – worin sie sich unterscheiden

Beide Techniken zeigen das Nutzerverhalten, aber auf unterschiedlicher Detailebene.

Heatmaps aggregieren Daten aus vielen Besuchen einer einzelnen Unterseite. Am häufigsten begegnen Ihnen drei Typen:

  • Eine Klick-Map – wo Nutzer klicken oder tippen. Sie zeigt, welche Elemente Aufmerksamkeit auf sich ziehen und ob Menschen an Stellen klicken, die keine Links sind.
  • Eine Scroll-Map – wie viel Prozent der Nutzer eine bestimmte Stelle der Seite erreichen. Sie zeigt, wo das Interesse endet.
  • Eine Cursorbewegungs-Map – wie sich der Cursor am Desktop bewegt. Sie nähert an, worauf Nutzer schauen, ist aber ein indirekter Indikator.

Sitzungsaufzeichnungen sind abspielbare Aufzeichnungen einzelner Besuche: Cursorbewegung, Klicks, Scrollen, Eingaben in Formulare. Sie erlauben es zu sehen, wie ein Mensch die Seite tatsächlich nutzt, einschließlich der Momente des Zögerns und der Frustration.

Eine Heatmap sagt, dass 70 % der Nutzer das Formular nicht erreichen. Aufzeichnungen zeigen, dass ein Teil von ihnen kurz davor stehen bleibt, weil er nicht versteht, was genau er im Gegenzug bekommt.

Tools – was Sie wählen sollten

ToolPreisStärkenFür wen
Microsoft ClarityKostenlosHeatmaps, Aufzeichnungen, Erkennung von Frustration, kein SitzungslimitEinstieg und kleine Unternehmen
HotjarKostenlose Version mit Limits, kostenpflichtige PläneUmfragen, Feedback, Funnels, gute SegmentierungMarketingteams
SmartlookKostenlose Version, kostenpflichtige PläneEvents, Funnels, mobile AppsDigitale Produkte
Lucky OrangeKostenpflichtige PläneLive-Chat, Funnels, UmfragenShops
MouseflowKostenlose Version, kostenpflichtige PläneFormular-Heatmaps, FunnelsShops und Formulare

Die Konditionen können sich ändern, prüfen Sie daher vor der Wahl die aktuellen Preise und Limits.

Die Empfehlung für die meisten kleinen Unternehmen: Beginnen Sie mit Microsoft Clarity. Die Installation dauert ein Dutzend Minuten, kostet nichts und liefert alles, was für eine erste Diagnose nötig ist. Brauchen Sie später Umfragen auf der Seite oder fortgeschrittene Funnels, ergänzen Sie ein zweites Tool.

So bereiten Sie die Daten vor

Eine schlechte Konfiguration führt zu irreführenden Schlüssen. Einige Regeln, die Zeit sparen:

  1. Legen Sie die Frage fest. Was wollen Sie prüfen: Sehen Besucher den Kontakt-Button, warum brechen sie das Formular ab, ist die Produktseite verständlich?
  2. Wählen Sie eine konkrete Unterseite. Beginnen Sie mit einer, die Traffic hat und für das Geschäft wichtig ist.
  3. Trennen Sie die Geräte. Mobil und Desktop sind zwei verschiedene Produkte. Analysieren Sie sie nicht gemeinsam.
  4. Sammeln Sie mindestens zwei Wochen oder einige hundert Besuche pro Unterseite.
  5. Schließen Sie internen Traffic aus – Ihre eigenen Besuche, die Besuche Ihres Teams und Bots.
  6. Segmentieren Sie die Traffic-Quellen. Ein Nutzer aus einer Anzeige verhält sich anders als einer aus der Suchmaschine.

Worauf Sie bei Klick-Maps achten sollten

Eine Klick-Map ist die schnellste Quelle für Erkenntnisse. Achten Sie auf mehrere Muster.

Klicks auf nicht anklickbare Elemente. Menschen klicken auf Fotos, Überschriften, Icons und unterstrichene Wörter, die keine Links sind. Das ist ein Zeichen dafür, dass das Design eine Interaktion suggeriert, die es nicht gibt. Die Lösung: sie zu einem Link machen oder den Stil ändern, damit sie nicht anklickbar wirken.

Ignorierter Haupt-CTA. Der Button, auf den es Ihnen ankommt, hat wenige Klicks, andere Elemente haben viele. Ursachen: schlechter Kontrast, ein wenig aussagender Text, eine Position außerhalb des Blickfelds.

Klicks auf die Navigation statt auf den Inhalt. Wenn Nutzer sofort zum Menü gehen, beantwortet der Inhalt der Seite womöglich ihre Frage nicht.

Verstreute Aufmerksamkeit. Viele Elemente haben eine ähnliche Zahl von Klicks, und keines dominiert. Die Seite führt nicht zu einem Ziel.

Klicks auf Elemente, die nicht funktionieren. Ein Dropdown, das sich auf einem Gerätetyp nicht öffnet, Fotos ohne Zoom, ein Button, der von einem Cookie-Banner verdeckt wird.

Worauf Sie bei Scroll-Maps achten sollten

Eine Scroll-Map hat meist eine charakteristische Form: oben rot, allmählich in Blau übergehend. Am meisten interessieren Sie plötzliche Veränderungen.

  • Ein falscher Boden. Eine Stelle, an der die Farbe abrupt abfällt. Nutzer glauben, die Seite ende, zum Beispiel nach einem weißen Streifen oder einem großen Vollbildfoto. Die Lösung: Hinweise auf die Fortsetzung, eine Änderung des Layouts.
  • Wichtiger Inhalt unterhalb des sichtbaren Bereichs. Sieht nur 15 % der Nutzer das Kontaktformular, verlieren Sie Kunden nicht am Formular, sondern schon früher.
  • Eine zu lange Seite mit starkem Absprung schon im ersten Drittel. Es lohnt sich, sie zu kürzen oder das Wichtigste weiter nach oben zu verlegen.
  • Der Unterschied zwischen Mobil und Desktop. Auf dem Smartphone ist derselbe Inhalt um ein Vielfaches länger, und deutlich weniger Menschen sehen ihn sich an.

Die praktische Schlussfolgerung: Die wichtigen Elemente – der Nutzen, der Beleg, der CTA – sollten an Stellen stehen, die die meisten Besucher sehen.

Sitzungsaufzeichnungen – wie Sie sie ansehen, ohne darin zu versinken

Es gibt Hunderte von Aufzeichnungen. Niemand wird sie alle ansehen. Also filtern Sie.

Filter, die funktionieren:

  • Sitzungen mit Rage Clicks und Dead Clicks,
  • Sitzungen, die mit dem Abbruch eines Formulars endeten,
  • Sitzungen mit JavaScript-Fehlern oder langsamem Laden,
  • mobile Sitzungen mit langer Zeit ohne Interaktion,
  • Sitzungen mit und ohne Conversion auf derselben Unterseite – der Vergleich zeigt den Unterschied.

Was Sie beim Ansehen notieren sollten:

  1. Wo der Nutzer stehen bleibt und wie lange.
  2. Ob er zu einem früheren Teil der Seite zurückgeht, um nach Informationen zu suchen.
  3. Welche Formularfelder er mit Mühe ausfüllt oder korrigiert.
  4. In welchem Moment er die Seite verlässt.
  5. Ob er auf etwas geklickt hat, das Sie nicht vorgesehen hatten.

Die Regel der 15–20 Aufzeichnungen. Nachdem Sie ein Dutzend Sitzungen gesehen haben, beginnen sich dieselben Probleme zu wiederholen. Schreiben Sie sie auf eine Liste und zählen Sie, wie oft jedes auftritt. Es ist eine einfache, aber wirksame Priorisierung.

Formulare – die häufigste Stelle von Verlusten

Ein Formular ist meist der Moment, in dem der Conversion-Verlust am größten ist. Formular-Heatmaps und Aufzeichnungen zeigen, bei welchem Feld Nutzer aufgeben. Die Muster:

  • Das Feld, das den Abbruch auslöst – meist eine Telefonnummer, eine Adresse oder eine Frage nach dem Budget.
  • Eine unklare Fehlermeldung – der Nutzer korrigiert die Daten mehrmals und gibt auf.
  • Ein zu langes Formular auf dem Smartphone – keine automatische Vervollständigung, die falsche Tastatur.
  • Ein unklares Ergebnis des Absendens – der Nutzer weiß nicht, ob das Formular angekommen ist.

Konkrete Regeln für die Gestaltung von Formularen behandelt ein eigener Artikel über Conversion-Formulare. Aufzeichnungen erlauben es zu prüfen, welche davon Ihre Seite verletzt.

Von der Beobachtung zum Test

Die wichtigste Regel: Eine Beobachtung ist keine Schlussfolgerung. Dass jemand einen Button nicht anklickt, bedeutet nicht, dass er in einer anderen Farbe gestrichen werden muss. Ein guter Prozess sieht so aus:

  1. Beobachtung: 70 % der mobilen Nutzer scrollen nicht bis zum Formular.
  2. Hypothese: Das Formular steht zu weit unten, und Nutzer wissen nicht, dass es existiert.
  3. Änderung: Wir fügen im oberen Bereich einen Button hinzu, der zum Formular scrollt, und kürzen den Inhalt darüber.
  4. Test: Wir vergleichen den Anteil gesendeter Formulare und der Besucher, die den Abschnitt erreichen, vor und nach der Änderung, und bei mehr Traffic – in einem A/B-Test.
  5. Entscheidung: Wir rollen aus, verwerfen oder verfeinern.

Bei geringerem Traffic ist ein vollständiger A/B-Test nicht immer möglich. Vergleichen Sie dann Zeiträume mit Vorsicht und ziehen Sie keine Schlüsse aus kurzen Läufen. Über die Grundsätze sauberer Tests schreiben wir im Artikel über A/B-Testing für Landingpages.

Datenschutz und DSGVO

Sitzungsaufzeichnungen und Heatmaps erfassen Daten zum Nutzerverhalten und unterliegen daher den Datenschutzvorschriften. Das praktische Minimum:

  • Einwilligung, wenn das Tool Cookies oder ähnliche für die Analyse erforderliche Technologien nutzt, und das Starten des Skripts erst nach deren Erteilung.
  • Maskierung von Textfeldern, Passwörtern, Zahlungsdaten und allem, was personenbezogene Daten enthalten kann.
  • Abschalten der Aufzeichnung auf Seiten mit sensiblen Informationen (dem Kundenbereich, Zahlungen).
  • Ein Auftragsverarbeitungsvertrag mit dem Anbieter des Tools.
  • Eine Beschreibung in der Datenschutzerklärung – Zweck, Rechtsgrundlage, Speicherdauer.
  • Begrenzung der Speicherdauer der Aufzeichnungen auf das notwendige Minimum.

Eine vollständige Übersicht der Pflichten finden Sie im Artikel über die DSGVO auf einer Firmenwebsite. Hier gilt es sich zu merken: Zeichnen Sie nicht mehr auf, als Sie brauchen, und stellen Sie die Aufzeichnung nicht ohne Zweck auf Dauerbetrieb.

Die häufigsten Fehler

  1. Schlüsse aus einigen Dutzend Aufrufen, die als Tatsachen behandelt werden.
  2. Vermischung von Mobil und Desktop in einer Analyse.
  3. Änderungen ohne Hypothese – die Farbe eines Buttons statt der Ursache des Problems.
  4. Kein Filtern der Aufzeichnungen und das Ansehen zufälliger Sitzungen.
  5. Installieren und vergessen – das Tool sammelt Daten, und niemand schaut hinein.
  6. Ignorieren des Datenschutzes – keine Maskierung und keine Einwilligungen.
  7. Eine vom Geschäftsziel losgelöste Analyse – eine hübsche Karte ist kein Ergebnis.
  8. Zu viel auf einmal – fünf Elemente ändern, danach weiß niemand, was gewirkt hat.

Ein einfacher Plan für die erste Woche

Tag 1. Installieren Sie das Tool über einen Tag Manager mit Auslösung nach der Einwilligung, richten Sie die Maskierung von Feldern und den Ausschluss Ihrer eigenen IP-Adresse ein.

Tage 2–14. Sammeln Sie Daten. Ändern Sie in dieser Zeit die analysierten Unterseiten nicht.

Tag 15. Wählen Sie eine Unterseite von größter geschäftlicher Bedeutung. Sehen Sie sich die Klick- und Scroll-Map getrennt für Mobil und Desktop an.

Tag 16. Sehen Sie sich 15–20 Aufzeichnungen mit einem Filter für Frustration oder abgebrochene Formulare an. Schreiben Sie die wiederkehrenden Probleme auf.

Tag 17. Formulieren Sie drei Hypothesen, ordnen Sie sie nach Wirkung und Umsetzungsaufwand und wählen Sie eine aus.

Ab Tag 18. Setzen Sie die Änderung um und messen Sie die Wirkung. Kehren Sie nach weiteren zwei Wochen zu den Daten zurück.

Eine solche Routine, alle paar Wochen wiederholt, ist eine der kosteneffizientesten Möglichkeiten, eine Website zu verbessern. Sie erfordert weder ein Werbebudget noch den Umbau der Seite. Sie erfordert Aufmerksamkeit und Disziplin, Beobachtungen in Tests zu verwandeln. Die umfassenderen Techniken zur Steigerung der Conversion, aus denen die Hypothesen stammen, finden Sie im Artikel über die Steigerung der Website-Conversion, konkrete Designänderungen im Beitrag zur Website-UX.

Das auch für Ihre Website?

Wir bauen eine Website nach diesem Standard im 72h-Sprint. Oder starten Sie mit einem kostenlosen Audit Ihrer aktuellen Website.

[01] FAQ

Fragen zum Artikel

01

Was sind Heatmaps und wofür dienen sie?

Eine Heatmap ist eine Visualisierung des Nutzerverhaltens auf einer bestimmten Unterseite. Sie zeigt, wo Menschen klicken (eine Klick-Map), wie weit sie scrollen (eine Scroll-Map) und wo sie den Cursor bewegen oder den Bildschirm berühren. So sehen Sie, ob Ihr Button bemerkt wird, ob Besucher auf Elemente klicken, die nicht anklickbar sind, und an welcher Stelle Sie die Aufmerksamkeit verlieren. Es ist ein Diagnosewerkzeug – es beantwortet die Frage, was auf der Seite geschieht, nicht warum. Dafür dienen Sitzungsaufzeichnungen und Gespräche mit Kunden.

02

Welche Heatmap-Tools gibt es und welches sollte ich wählen?

Am beliebtesten sind Microsoft Clarity (kostenlos, bei üblicher Nutzung ohne Traffic-Limit), Hotjar (mit einer kostenlosen Version mit Limits und kostenpflichtigen Plänen), Smartlook, Lucky Orange und Mouseflow. Für ein kleines Unternehmen ist Clarity ein guter Start: kostenlos, einfach zu installieren, und es bietet Heatmaps, Aufzeichnungen und die Erkennung von Frustration. Teurere Tools ergänzen Umfragen, Funnels und eine fortgeschrittenere Segmentierung. Die Wahl sollte von der Frage ausgehen, was Sie genau brauchen, nicht von einer Funktionsliste.

03

Wie viel Traffic brauche ich, damit Heatmaps sinnvoll sind?

Eine Heatmap ist in der Regel ab einigen hundert bis einigen tausend Aufrufen einer Unterseite zuverlässig, je nachdem, wie vielfältig das Verhalten ist. Bei sehr geringem Traffic können einzelne Personen das Bild verzerren. Sitzungsaufzeichnungen sind schon bei einigen Dutzend Besuchen nützlich, weil Sie konkretes Verhalten beobachten und keine Durchschnittswerte. Ist der Traffic gering, beginnen Sie mit Aufzeichnungen und Gesprächen mit Kunden und ergänzen Heatmaps, sobald sich Daten angesammelt haben.

04

Was sind Rage Clicks und Dead Clicks?

Ein Rage Click ist eine Serie schneller Klicks an derselben Stelle, was meist Frustration bedeutet – das Element reagiert nicht oder zu langsam. Ein Dead Click ist ein Klick auf ein Element, das nichts bewirkt, z. B. ein Bild oder ein Text, der wie ein Link aussieht. Beide Signale deuten auf ein Problem im Design oder in der Funktionsweise der Seite hin. Viele Tools (darunter Microsoft Clarity) erkennen sie automatisch und erlauben es, die Aufzeichnungen zu filtern, in denen sie auftraten. Es ist einer der schnellsten Wege, Fehler zu finden, die in Statistiken nicht auftauchen.

05

Sind Sitzungsaufzeichnungen DSGVO-konform?

Sie können es sein, sofern sie korrekt umgesetzt werden. Sie benötigen die Einwilligung des Nutzers, wenn das Tool Cookies oder ähnliche Technologien verwendet, eine Beschreibung des Tools in Ihrer Datenschutzerklärung, einen Auftragsverarbeitungsvertrag mit dem Anbieter und die Maskierung sensibler Felder: Passwörter, Zahlungsdaten, Formulare mit personenbezogenen Daten. Gute Tools erlauben es, standardmäßig alle Textfelder zu maskieren und die Aufzeichnung auf ausgewählten Unterseiten abzuschalten. Die Details der datenschutzkonformen Umsetzung beschreiben wir im Artikel zur DSGVO auf einer Firmenwebsite.

06

Verlangsamen Heatmaps die Website?

Analyse-Skripte haben ihren Preis, gut implementierte Tools laden jedoch asynchron, und der Einfluss auf die Geschwindigkeit ist gering. Dennoch sollten Sie die Wirkung auf die Core Web Vitals immer vor und nach der Einführung prüfen. Am besten laden Sie das Skript erst nach der Einwilligung des Nutzers und über einen Tag Manager und schalten die Aufzeichnung für den Analysezeitraum ein, nicht dauerhaft. Ist die Seite langsam, zeigen gerade Heatmaps und Aufzeichnungen oft, dass Nutzer auf Elemente klicken, die noch nicht geladen sind.

07

Wo beginne ich mit der Analyse von Heatmaps?

Wählen Sie eine wichtige Unterseite – meist die Startseite, die Angebotsseite oder eine Landingpage – und legen Sie die Frage fest, die Sie beantworten wollen, z. B. ob Besucher den Kontakt-Button sehen. Sammeln Sie Daten über mindestens zwei Wochen, trennen Sie Mobil und Desktop und sehen Sie sich dann ein Dutzend oder mehr Sitzungsaufzeichnungen dieser Unterseite an. Notieren Sie sich wiederkehrende Muster, formulieren Sie eine Hypothese und testen Sie eine Änderung. Wer alles auf einmal betrachtet, kommt zu Schlussfolgerungen, die sich nicht überprüfen lassen.

[03] Start

Ihr Sprint kann am Montag starten.

Ein kurzes Gespräch, ein Festpreis innerhalb von 24 h, Sprintstart im gewünschten Slot. Keine Jahresverträge und kein Abo für „WordPress-Wartung“.

  • ✓ Festpreis
  • ✓ Code gehört Ihnen
  • ✓ kein Abo

Nächster freier Slot

— —.— · 09:00

BürozeitenMo–Fr · 09:00–17:00