Heatmaps richtig lesen: Klick-, Scroll- und Move-Maps für mehr Conversion
6 Min. Lesezeit
Heatmaps sind die intuitivste Ansicht in der Web-Analyse — und die am häufigsten fehlgedeutete. Rote Flecken wirken wie Beweise, sind aber erst einmal nur Häufungen. Was sie bedeuten, hängt davon ab, welche Map du vor dir hast, wie viele Sessions dahinterstehen und was du daneben legst.
Dieser Leitfaden erklärt die drei Map-Typen — Klick, Scroll und Move — so, wie sie technisch entstehen, und leitet daraus ab, wie du sie liest, ohne dich zu täuschen. Am Ende steht das, worum es eigentlich geht: aus Beobachtung eine Conversion-Verbesserung zu machen.
Das Grundprinzip: Aggregat statt Einzelbeobachtung
Eine Heatmap ist ein Aggregat über viele Sessions — keine Verfolgung einzelner Personen. visz.ai folgt nie einem einzelnen Besucher über die Seite; es summiert Interaktionen über Besuche hinweg und rendert das Ergebnis über der Seite.
Daraus folgt die erste Lese-Regel: Eine Heatmap wird mit mehr Sessions aussagekräftiger. Für eine belastbare Scroll-Kurve braucht eine Seite rund 30 Sessions — darunter zeigt visz.ai einen Hinweis auf zu dünne Daten statt einer scheinbar präzisen Kurve.
Und die zweite: Segmentiere, bevor du urteilst. Desktop- und Mobile-Besucher klicken und scrollen unterschiedlich — die Filterleiste baut dir eine Heatmap für eine einzelne Geräteklasse, Traffic-Quelle oder ein Segment. Ein Mischbild aus beiden Welten führt zu Schlüssen, die für keine von beiden stimmen.
Klick-Maps: Wo Absicht sichtbar wird
Klick-Heatmaps zeigen, wo sich Aufmerksamkeit und Absicht konzentrieren — was Besucher tatsächlich anklicken. Der wertvollste Fund ist dabei oft nicht der große Fleck auf deinem Button, sondern der Fleck daneben: Klicks auf nicht-interaktive Elemente, die Besucher für klickbar halten.
Ein Bild, eine Überschrift oder ein Icon, das wiederholt Klicks sammelt, ist eine unbezahlte Design-Rückmeldung: Entweder gehört dort ein Link hin, oder das Element sollte weniger klickbar aussehen. Umgekehrt gilt: Bekommt dein primärer Call-to-Action weniger Klicks als dekorative Elemente in seiner Nähe, konkurriert er visuell — und verliert.
Scroll-Maps: Fold-Linie, 50%-Drop-off, Aufmerksamkeits-Klippe
Eine Scroll-Heatmap entsteht aus der maximalen Scrolltiefe pro Session: Für jedes 5%-Tiefenband (21 Bänder von 0 bis 100 %) zeigt die Kurve, welcher Anteil der Sessions mindestens so weit gescrollt hat. Passt die Seite komplett in den Viewport, zeigt visz.ai ehrlich „Nichts zu scrollen“ statt eines Gradienten.
Drei Markierungen tragen die Interpretation:
- Fold-Linie — bis hierhin sehen Besucher die Seite ohne zu scrollen, abgeleitet aus der medianen Viewport-Höhe. Alles, was verkaufen soll, konkurriert um den Platz darüber.
- 50%-Drop-off — die Seitentiefe, ab der nur noch die Hälfte deiner Besucher weiterliest. Inhalte darunter erreichen strukturell weniger Publikum; ein wichtiger CTA unterhalb dieser Linie hat sein Publikum halbiert, bevor er überhaupt sichtbar wird.
- Aufmerksamkeits-Klippe — das Band mit dem steilsten Abfall zwischen zwei Tiefen. Direkt oberhalb der Klippe steht der Inhalt, nach dem das Interesse abreißt: die präziseste Stelle, um Reihenfolge oder Länge zu überdenken.
Move-Maps: Zögerzonen und Abfluss-Zonen
Move-Heatmaps nutzen die Mausbewegung als Aufmerksamkeits-Proxy. Der Tracker sampelt Cursor-Positionen (gedrosselt auf ~120 ms) in Seiten-Koordinaten — demselben Bezugsrahmen wie Klick-Maps — und aggregiert sie server-seitig in 20-Pixel-Zellen. Wichtig: Move-Maps sind Desktop-only, weil Touch-Geräte kein Hover kennen; für Mobile-Aufmerksamkeit sind sie schlicht die falsche Quelle.
Aus Verweilzeit und Geschwindigkeit leitet visz.ai zwei Zonentypen ab: Zögerzonen — hohe Verweilzeit bei langsamer Bewegung; hier halten Besucher inne, oft weil etwas unklar ist oder ein Call-to-Action fehlt. Und Abfluss-Zonen — der Cursor rauscht ohne Halt hindurch; liegt eine solche Zone über einem klickbaren Element, wird es vermutlich überflogen.
Move-Daten sind ein qualitatives Signal, kein Beweis. Es gibt bewusst keine harte Mindestschwelle — bei dünnen Daten bekommst du einen Hinweis, und die Map wird mit mehr Sessions aussagekräftiger. Behandle Zögerzonen als Fragen an deine Seite, nicht als Antworten.
So liest du Heatmaps, ohne dich zu täuschen
Die häufigsten Fehldeutungen lassen sich mit fünf Prüfungen vermeiden:
- Erst Segment, dann Schluss: Desktop und Mobile getrennt ansehen — ein Mischbild verzerrt beide.
- Datenbasis prüfen: unter ~30 Sessions ist eine Scroll-Kurve Anekdote, keine Evidenz.
- Maps kombinieren: Wenige Klicks auf ein Element unterhalb des 50%-Drop-offs heißen meist „kaum jemand sieht es“ — nicht „niemand will es“. Erst die Scroll-Map macht die Klick-Map lesbar.
- Move nicht auf Mobile übertragen: Move-Maps entstehen nur bei feinem Zeiger (Maus/Trackpad) — Mobile-Aufmerksamkeit gehört in Scroll-Maps.
- Verdacht am Einzelfall prüfen: Hinter jedem Muster stehen echte Sessions — ein Session Replay hinter dem Drop-off zeigt, was die Kurve nur andeutet.
Von der Beobachtung zur Conversion
Der Wert einer Heatmap entsteht erst durch die abgeleitete Änderung: das klick-gesammelte Bild wird ein Link, der CTA wandert über die 50%-Drop-off-Linie, der Abschnitt vor der Aufmerksamkeits-Klippe wird gestrafft, die Zögerzone bekommt eine klarere Formulierung. Danach: dieselbe Map, gleiche Segmente, neuer Zeitraum — und der Vergleich zeigt, ob die These gehalten hat.
In visz.ai findest du alle drei Ansichten unter Heatmaps → Klicks, Scroll und Move, segmentierbar nach Gerät, Zeitraum und Traffic-Quelle. Wie alles im Tracker sind Heatmaps consent-gated — vor der Einwilligung wird nichts erfasst, „Do Not Track“ gewinnt — und die Daten liegen EU-gehostet in Deutschland. visz.ai ist kostenlos.
Sieh es dir auf deiner eigenen Website an
Session Replay, Funnels, Heatmaps und Frustrations-Signale. DSGVO-first, EU-gehostet in Deutschland, und visz.ai ist 100 % kostenlos.
Kostenlos starten