Wer seine Conversion Rate verbessern will, investiert meistens in A/B-Tests, bessere Produktbilder oder ausgeklügelte Rabattaktionen. Dabei liegt der eigentliche Hebel in der Praxis oft woanders: Du weißt nicht, was deine Besucher auf deinen Product Pages wirklich machen!!
Das Problem? Viele Ecommerce-Brands arbeiten mit Annahmen statt mit Daten. Sie vermuten, dass Nutzer die Produktbeschreibung lesen, sie denken, dass der Add-to-Cart-Button gut platziert ist – aber sie wissen es nicht.
Genau hier kommen Heatmaps ins Spiel. In diesem Artikel zeige ich dir anhand eines realen Projekts aus unserem Agentur-Alltag, wie du mit Heatmap-Analysen konkrete Schwachstellen aufdeckst und deine Conversion Rate nachhaltig steigerst.
Warum Heatmaps der unterschätzte Hebel für mehr Umsatz sind
Heatmaps zeigen dir visuell, wo deine Besucher klicken, wie weit sie scrollen und welche Bereiche sie komplett ignorieren. Anders als Google Analytics, das dir aggregierte Zahlen liefert, siehst du mit Heatmaps die Verhaltenstendenzen auf Pixel-Ebene.
Die zwei etablierten Tools sind Hotjar und Microsoft Clarity. Hotjar ist der Platzhirsch mit den meisten Features, aber auch deutlich teurer. Microsoft Clarity ist kostenlos, etwas nutzerfreundlicher, sammelt aber weniger granulare Daten.
Aus unserer Erfahrung: Hotjar lohnt sich ab ~40.000–60.000 Sessions pro Monat, weil du dann genug Datenpunkte hast, um statistisch relevante Aussagen zu treffen. Darunter reicht Clarity in den meisten Fällen aus – oder du nutzt Hotjar punktuell für 3–6 Monate, ziehst deine Learnings und kündigst wieder.
Wichtig: Ohne ausreichend Traffic bringen dir Heatmaps keine belastbaren Entscheidungen. Mit 500 Sessions auf einer Produktseite kannst du Tendenzen erkennen, aber kaum fundierte Entscheidungen treffen. Mit 1.500–2.000 Sessions wird es aussagekräftig.
Die 3 wichtigsten Heatmap-Typen für Ecommerce
Bevor wir in die Praxis-Learnings gehen, kurz die drei Heatmap-Typen, die für Product Pages wirklich relevant sind:
1. Scroll Heatmaps
Sie zeigen, wie weit Nutzer auf der Seite nach unten scrollen. Die weiße Linie markiert den durchschnittlichen Fold – also das, was User im ersten Bildschirm sehen, ohne zu scrollen. Alles darunter sieht die Mehrheit nicht.
2. Click Heatmaps (Engagement Zones)
Sie visualisieren, wo Nutzer klicken – und wo sie klicken wollen, obwohl kein Link da ist (sogenannte "Rage Clicks"). Click Heatmaps zeigen dir, welche Elemente Aufmerksamkeit bekommen und welche ignoriert werden.
3. Movement Heatmaps
Sie tracken Mausbewegungen. Diese sind weniger zuverlässig als die ersten beiden Typen, da Mausbewegung nicht automatisch Aufmerksamkeit bedeutet und für Mobile kaum eine Rolle spielt.
Im Ecommerce bringen Scroll-Heatmaps und Click-Heatmaps in der Regel die schnellsten Insights.
Unsere Top 5 Learnings aus live Ecommerce Audits
Für einen Kunden aus dem Gartenbedarfsbereich haben wir die meistbesuchten Produktseiten über einen Zeitraum von sechs Monaten mit Hotjar analysiert. Der Shop macht ~2–5 Mio. EUR Jahresumsatz und liegt damit genau im Sweet Spot unseres ICP.
Das Setup: Standard Shopping Kampagnen auf Google Ads, viel kalter Traffic auf die Produktseiten, jedoch mit einer unterdurchschnittlichen Conversion-Rate.
Learning 1: Above-the-Fold auf Mobile kann deine CVR killen
Die Scroll Heatmap auf Mobile sorgte für den ersten ernüchternden Befund: Oberhalb der durchschnittlichen Fold-Linie waren lediglich das Produktbild und die Mini-Thumbnails sichtbar – weder der Produkttitel noch die Sternebewertung oder weitere Informationen.
Das ist einer der häufigsten Conversion-Killer, die wir sehen, da Nutzer beim ersten Kontakt nicht verstehen, welches Produkt sie vor sich haben.
💡 Pro Tipp: Mobile-Ansicht so optimieren, dass Titel + Social Proof Signale im ersten Bildschirm sichtbar sind. Das kann bedeuten, dass Bilder kompakter werden oder das Layout gestrafft wird.
Learning 2: Social Proof gehört in die oberen 50%
Nur rund 50 % der mobilen Nutzer scrollen so weit, dass sie die Produktbeschreibung erreichen.
Der Wettbewerber hatte Social Proof vier- bis fünfmal über die gesamte Seite verteilt: im Header, in Bewertungen, in Trust-Badges und in den FAQs mit Kundenstimmen.
💡 Pro Tipp: Mindestens ein Social-Proof-Element (z. B. Sternebewertung, Anzahl der Bewertungen oder Trust-Badge) sollte in den oberen 50 % der Seite platziert werden, idealerweise direkt unter dem Produkttitel.
Learning 3: FAQ-Engagement ist conversion-relevanter als gedacht
Das überraschte uns: Eine einzelne FAQ wurde von 2,19% aller Besucher angeklickt. Zum Vergleich: Die durchschnittliche Conversion Rate im deutschen Ecommerce liegt bei 2–2,5%.
Das bedeutet: Fast genauso viele Nutzer interagieren mit einer FAQ, wie im Shop tatsächlich kaufen. FAQs sind kein „Nice-to-have" für SEO, sondern ein conversion-relevantes Element.
💡 Pro Tipp: FAQs nach Relevanz sortieren: Die meistgeklickten Fragen gehören nach oben. Zudem sollten FAQ-Fragen ohne Kommasätze auskommen und stattdessen kurz, direkt und verständlich formuliert sein. Sprich zudem mit dem Support und erkundige dich, welche Fragen dort besonders häufig gestellt werden.
Learning 4: Produktvarianten müssen sofort erkennbar sein
Bei Produkten mit mehreren Varianten zeigte sich ein zentrales Problem: Nutzer kamen über Google Shopping auf die Parent-URL, hatten dort jedoch keine Möglichkeit, eine Variante auszuwählen.
Die Click Heatmap zeigte, dass 20 % der Nutzer auf die Varianten-Buttons klickten, ohne dass eine Aktion ausgelöst wurde. Die Elemente waren nicht interaktiv, sondern lediglich als Labels umgesetzt – ein klassischer UX-Fail.
💡 Pro Tipp: Die Varianten-Auswahl muss technisch funktionieren und visuell eindeutig erkennbar sein (z. B. durch eine Umrandung bei der ausgewählten Variante). Unsere Erfahrung zeigt zudem, dass in den meisten Fällen die kleinste Variante die meistverkaufte ist, da sie für Nutzer die geringste Einstiegshürde darstellt.
Learning 5: Infografiken ziehen Aufmerksamkeit!
Nutzer scannen Produktseiten, sie lesen sie nicht Wort für Wort. Das menschliche Gehirn verarbeitet visuelle Informationen deutlich schneller als Text – ein evolutionärer Vorteil, den erfolgreiche Ecommerce-Brands gezielt nutzen.
Auch in unserem Case ließ sich dieses Verhalten klar beobachten: Icon-basierte Produktfeatures wurden deutlich häufiger geklickt als die darunterliegenden textbasierten Bulletpoints.
💡 Pro Tipp: Identifiziere deine drei bis fünf wichtigsten USPs pro Produkt und visualisiere sie als Icon oder Mini-Infografik. Das zieht Aufmerksamkeit auf sich und wird schneller gescannt – ein klarer Conversion-Hebel für Product Pages.
Was du nach der Heatmap-Analyse konkret ändern solltest
Du hast nun Heatmaps gesammelt – wie geht es weiter? Unser Fünf-Schritte-Prozess im Überblick:
1. Priorisiere nach Traffic
Analysiere zuerst die Produktseiten mit den meisten Sessions. Dort haben Optimierungen den größten Impact.
2. Vergleiche deinen Wettbewerb
Suche dir 2-3 direkte Mitbewerber raus und schaue dir deren Product Pages an. Wo platzieren sie den Social Proof? Wie lösen Sie die Varianten-Auswahl? Welche Elemente haben sie im Fold?
3. Erstelle eine Optimierungs-Roadmap
Liste alle Findings und priorisiere nach Quick Wins vs. größeren Changes. Quick Win: FAQ-Reihenfolge ändern. Bigger Change: komplettes Mobile-Layout überarbeiten.
4. Teste iterativ
Setze nicht alle Änderungen gleichzeitig um, da sich sonst keine Wirkung eindeutig zuordnen lässt. Der Fokus sollte zunächst auf Above-the-Fold-Bereich und Social Proof liegen – hier liegen die größten Hebel.
5. Lass Heatmaps weiterlaufen
Erhebe über einen Zeitraum von 4 bis 6 Wochen neue Daten, nachdem die Änderungen umgesetzt wurden, um zu prüfen, ob sich das Nutzerverhalten verändert hat.
Hotjar vs. Microsoft Clarity: Welches Tool passt zu dir?
Beide Tools basieren auf demselben Grundprinzip, weisen jedoch Unterschiede auf:
Hotjar:
- Mehr Features (Surveys, Feedback-Widgets, Session Recordings mit mehr Filtern)
- Geeignet für größere Accounts mit viel Traffic
- Komplexere Report-Funktionen
Microsoft Clarity:
- Kostenlos
- Einfachere, intuitivere Oberfläche
- Weniger granulare Daten
- Ideal für Shops mit unter 50.000 Sessions pro Monat
💡 Pro Tipp: Liegt dein Traffic unter 50.000 Sessions, starte mit Clarity. Bei höherem Traffic oder wenn du spezifische Features wie Umfragen benötigst, setze für drei bis sechs Monate auf Hotjar, ziehe deine Learnings und wechsle anschließend zu Clarity für die laufende Beobachtung.
