Scroll-Heatmaps zeigen, wie weit Besucher auf Ihren Seiten nach unten scrollen und wo sie aufhören zu lesen. Nutzen Sie diese Informationen, um zu entscheiden, welche Inhalte am Anfang einer Seite platziert werden sollten und wie lang eine Seite sinnvollerweise sein kann.
Was sind Scroll-Heatmaps?
Ein Scroll-Heatmap ist eine Tiefenansicht einer einzelnen Seite. Statt einzelne Klicks darzustellen, werden horizontale Bänder über einem Screenshot der Seite angezeigt, farblich kodiert nach dem Anteil der Seitenaufrufe, die diese Tiefe erreicht haben. Der obere Seitenbereich wird von jedem erreicht und ist daher am wärmsten; die Farbe wird kühler, je weiter Sie nach unten gehen, da weniger Menschen so weit scrollen.
| Element | Was es bedeutet |
|---|---|
| Tiefenbänder | Der Anteil der Ansichten, die in jeder Tiefe präsent sind |
| Tiefenlineale | Bei 25%, 50% und 75% der Seite der Prozentsatz der Ansichten, die diesen Punkt erreicht haben |
| Marker für durchschnittliche Tiefe | Die durchschnittliche Tiefe, die Besucher auf dieser Seite erreichen |
Farbskala
Das Overlay verwendet die gleiche kontinuierliche Wärmerampе wie das Klick-Heatmap, aber für Scroll neu beschriftet. Die Legende unter dem Heatmap kennzeichnet Weniger Ansichten auf der einen und Mehr Ansichten auf der anderen Seite. Wärmere Bänder oben bedeuten, dass die meisten Besucher diesen Inhalt sahen; kühlere Bänder weiter unten bedeuten, dass weniger Menschen so weit gescrollt haben.
Zugriff auf Scroll-Heatmaps
Heatmaps sind ein kostenpflichtiges Feature und auf Pro und höheren Plänen verfügbar.
Öffnen Sie Heatmaps
Wählen Sie Heatmaps aus der Seitenleiste oder öffnen Sie das Dashboard einer Website und wählen Sie den Tab Heatmaps.
Wählen Sie eine Seite aus
Das linke Panel listet Seiten auf, die Daten gesammelt haben. Verwenden Sie das Suchfeld zum Filtern und klicken Sie auf eine Seite, um sie zu laden.
Wechseln Sie zu Scroll
Verwenden Sie über dem Heatmap den Klick / Scroll-Umschalter, um zur Scroll-Tiefenansicht für dieselbe Seite zu wechseln.
Verständnis der Anzeige
Tiefenbänder
Das Scroll-Heatmap überlagert einen Screenshot Ihrer Seite mit einem sanften vertikalen Farbverlauf. Die Bandfarbe kodiert den Anteil der Seitenaufrufe, die mindestens diese Tiefe gescrollt haben, sodass das Overlay von heiß (alle) oben zu kalt (wenige) weiter unten verblasst.
Sie können:
- Den tatsächlichen Seiteninhalt unter dem Overlay sehen
- Mit den Bildschirmbedienelementen heranzoomen und herauszoomen, oder bei Touch-Geräten pinch verwenden
- Zum Schwenken ziehen, sobald Sie vergrößert haben
Tiefenlineale
Gestrichelte Lineale bei 25%, 50% und 75% der Seitenhöhe sind jeweils mit der Reichweite an diesem Punkt beschriftet, zum Beispiel „62% der Ansichten erreichten diesen Punkt". Diese geben Ihnen konkrete Messpunkte, ohne zu hovern.
Durchschnittliche Tiefe
Ein Marker zeigt die durchschnittliche Tiefe an, die Besucher auf dieser Seite erreichen, berechnet aus der Scroll-Verteilung. Dies ist ein schneller Indikator dafür, wie weit der typische Besucher kommt, bevor er geht oder aufhört.
Der Header über dem Heatmap fasst die Daten zusammen und zeigt die Anzahl der Seitenaufrufe im ausgewählten Zeitfenster zusammen mit der Scroll-Tiefenverteilung.
Zeitbereich
Ein Zeitraum-Selector ermöglicht es Ihnen, das Heatmap auf ein aktuelles Fenster zu beschränken: 7 Tage, 30 Tage, 90 Tage oder 6 Monate. Längere Fenster sind auf höheren Plänen verfügbar; gesperrte Optionen zeigen ein Schloss-Symbol und den Tarif an, der erforderlich ist, um sie freizuschalten.
Ganzseitenansicht
Klicken Sie auf Ganzseitenansicht, um die Seite in einem Vollbild-Inspektor zu öffnen. Die Scroll-Bänder und Lineale folgen dem Screenshot beim Zoomen und Schwenken, was für lange Seiten nützlich ist, bei denen die Inline-Ansicht beengt ist. Drücken Sie Escape oder klicken Sie auf Beenden, um zurückzukehren.
Seiten analysieren
Längere Inhalte
Für Artikel und Blog-Beiträge:
- Wo hören Leser auf?
- Ist die Seite zu lang für die Zielgruppe?
- Halten Bilder und Zwischenüberschriften die Menschen davon ab, die Seite nach unten zu scrollen?
Landing Pages
Für Conversion-Seiten:
- Ist der Call-to-Action oberhalb des Punktes, an dem die meisten Besucher stoppen?
- Wie viele Menschen erreichen das Angebot weiter unten?
- Wo konzentriert sich der Absprung?
E-Commerce-Seiten
Für Produktseiten:
- Erreichen Besucher Rezensionen und Spezifikationen?
- Ist die Schaltfläche zum Kaufen in Reichweite der meisten Ansichten?
Drop-off-Punkte lesen
Ein scharfer Übergang von einem warmen Band zu einem kalten Band bedeutet, dass viele Besucher in dieser Tiefe stoppten. Ein allmähliches Verblassen ist normales Scrollen. Ein früher Bruch deutet normalerweise auf ein Inhalts- oder Layout-Problem an dieser Stelle auf der Seite hin.
Häufige Ursachen für einen frühen Drop-off:
| Ursache | Was zu versuchen ist |
|---|---|
| Schwacher Inhalt | Verbessern Sie die Eröffnung und brechen Sie dichten Text auf |
| Langsames Laden | Optimieren Sie schwere Bilder und Skripte |
| Aufgabe erledigt | Der Besucher bekam, was er wollte, was in Ordnung sein kann |
| Ablenkendes Element | Positionieren Sie es neu oder entfernen Sie es |
Verbesserung der Scroll-Tiefe
- Brechen Sie längere Texte in kürzere Abschnitte auf
- Fügen Sie zwischen Textblöcken visuelle Elemente ein
- Verwenden Sie klare, überzeugende Unterüberschriften
- Wecken Sie Interesse für Inhalte darunter, um einen Grund zum Weiterscrollen zu schaffen
Best Practices
Content-Platzierung
Verwenden Sie die Tiefendaten, um die Seite zu ordnen: Die wichtigsten Inhalte und primären Call-to-Action oben, sekundäre Inhalte weiter unten.
Seitenlänge
Passen Sie die Länge an die Absicht an. Halten Sie Seiten kurz für schnelle Maßnahmen; längere Seiten sind in Ordnung, wenn der Inhalt das Scrollen rechtfertigt und die Tiefendaten zeigen, dass die Menschen den Boden erreichen.
Mobile vs. Desktop
Das Scroll-Verhalten unterscheidet sich je nach Gerät. Erfassen Sie eine Seite über ein sinnvolles Zeitfenster und vergleichen Sie sie mit Ihren Klick- und Sessionsdaten, um zu verstehen, wie Besucher tatsächlich durch sie navigieren.
Kombination mit anderen Daten
Klick und Scroll
Verwenden Sie beide Modi auf der gleichen Seite. Scroll zeigt, welche Inhalte angesehen wurden; Klicks zeigen, was eine Aktion zog. Zusammen geben sie ein vollständigeres Bild davon, wie eine Seite funktioniert.
Sessions
Wenn ein Tiefenmuster eine Frage aufwirft, schauen Sie sich individuelle Session-Aufzeichnungen für die gleiche Seite an, um das „Warum" hinter dem Stopp an bestimmten Stellen zu verstehen.