Scroll-Heatmaps: So tief lesen Besucher deine Inhalte

So funktionieren Scroll-Heatmaps. Finde heraus, wie weit Besucher scrollen und welche Abschnitte deiner Seite Aufmerksamkeit bekommen.

Entwurf

Du schreibst eine Seite. Den besten Inhalt setzt du ans Ende. Dein stärkstes Angebot. Dein grösster Vorteil. Du bist sicher, dass Besucher ihn sehen. Aber scrollen sie wirklich so weit? Die meisten nicht. Sie landen auf deiner Seite. Sie lesen die Überschrift. Vielleicht den ersten Absatz. Dann scrollen sie weiter. Manche gehen tiefer. Manche scrollen gar nicht. Scroll-Heatmaps zeigen dir genau, wo das Lesen aufhört. Welche Abschnitte Aufmerksamkeit bekommen. Welche Besucher überspringen. Das macht eine harte Wahrheit sichtbar: Inhalt unterhalb der Stelle, an der Besucher aufhören zu scrollen, ist so gut wie nicht vorhanden. Scroll-Heatmaps zwingen dich, eine wichtige Frage zu beantworten. Steht dein bester Inhalt dort, wo Besucher wirklich hinschauen?

Dieser Artikel erklärt, wie Scroll-Heatmaps funktionieren und was sie über deine Content-Strategie verraten.

Was Scroll-Heatmaps zeigen

Scroll-Heatmaps zeigen, wie weit Besucher auf einer Seite nach unten gehen. Sie messen die Scrolltiefe. Wie viele Besucher 25 Prozent weit scrollen. Wie viele 50 Prozent. Wie viele das Ende erreichen. Die Heatmap zeigt das in Farben. Der Seitenanfang ist rot. Tiefes Scrollen ist blau. Der Farbverlauf zeigt, wo die Aufmerksamkeit nachlässt.

Scroll-Heatmaps sind zusammengefasste Daten. Sie vereinen das Verhalten von Hunderten oder Tausenden Besuchern. Ein Besucher scrollt 40 Prozent. Ein anderer 90 Prozent. Die Heatmap bildet daraus den Durchschnitt und zeigt das Muster.

Scroll-Heatmaps zeigen das Interesse pro Abschnitt. Dein Bereich ohne Scrollen bekommt volle Aufmerksamkeit. Dein mittlerer Bereich bekommt teilweise Aufmerksamkeit. Dein unterer Bereich bekommt kaum welche. Dieses Muster zeigt sich auf den meisten Seiten.

Verstehen, was gelesen wird

Die Scrolltiefe verrät dir, welche Inhalte Besucher wirklich nutzen. Eine Seite hat fünf Abschnitte. Die Scroll-Heatmap zeigt den ersten Abschnitt rot. Den zweiten gelb. Den dritten blau. Den vierten orange. Den fünften violett. Dieser Verlauf zeigt, wie das Interesse sinkt.

Nicht jeder Inhalt ist gleich wichtig. Was ohne Scrollen sichtbar ist, sehen alle. Was weiter unten steht, verliert mit jedem Scroll Leser. Wer nicht über den zweiten Abschnitt hinaus scrollt, sieht Abschnitt drei, vier und fünf nie. Das ist wichtig, weil viele Marken wichtige Inhalte weit unten platzieren.

Scroll-Heatmaps erzwingen ein Gespräch über Prioritäten. Wenn dein stärkstes Angebot in Abschnitt vier steht und die meisten Besucher bei Abschnitt zwei aufhören, hast du ein Problem.

Die Leistung einzelner Inhalte erkennen

Welche Abschnitte ziehen Aufmerksamkeit an. Welche führen zum Abbruch. Eine Scroll-Heatmap zeigt das klar. Vielleicht scrollen Besucher schnell durch deine Einleitung. Sie überfliegen sie. Vielleicht werden sie bei deinen Funktionen langsamer. Dort lesen sie. Vielleicht hören sie nach deinen Preisen auf zu scrollen. Die Heatmap zeigt, wo das Interesse Höhen und Tiefen hat.

Abschnitte mit hohem Interesse funktionieren. Abschnitte mit niedrigem Interesse funktionieren nicht. Niedriges Interesse kann heissen: unklarer Inhalt. Oder langweiliger Inhalt. Oder Inhalt, der nicht zur Suche des Besuchers passt. Die Heatmap zeigt das Problem. Die Ursache findest du durch genaues Hinsehen.

Das Fold-Problem aufdecken

Der Fold ist real. Inhalt unterhalb des sichtbaren Bereichs bekommt weniger Aufmerksamkeit als Inhalt darüber. In Scroll-Heatmaps ist das messbar und sichtbar. Der Fold ist nicht willkürlich. Er ist die Stelle, an der Besucher aufhören zu lesen.

Der Fold hängt vom Gerät ab. Auf dem Smartphone liegt er anders als auf dem Desktop. Auf dem Tablet wieder anders. Scroll-Heatmaps zeigen Muster pro Gerät. Mobile Besucher scrollen vielleicht weniger tief als Desktop-Besucher. Oder tiefer. Die Daten zeigen die Wahrheit.

Manche Inhalte MÜSSEN im sichtbaren Bereich stehen. Deine Überschrift. Dein Nutzenversprechen. Dein Call-to-Action. Stehen sie weiter unten, verpassen Besucher sie. Scroll-Heatmaps zeigen, ob deine wichtigsten Inhalte über dem Fold liegen.

Scrolltiefe auf verschiedenen Seiten vergleichen

Jede Seite hat ein eigenes Scrollmuster. Eine Produktseite hat vielleicht 60 Prozent durchschnittliche Scrolltiefe. Ein Blogartikel 80 Prozent. Eine Preisseite 40 Prozent. Diese Unterschiede spiegeln Inhaltstyp und Absicht der Besucher.

Preisseiten haben eine geringe Scrolltiefe, weil Besucher schnell entscheiden. Sie sehen die Preise und gehen. Blogartikel haben eine grosse Scrolltiefe, weil Leser vollständige Informationen wollen. Produktseiten liegen dazwischen, weil sie Information und Entscheidung verbinden.

Wenn du diese Muster kennst, baust du Seiten richtig auf. Eine Preisseite braucht keine fünf Abschnitte, wenn Besucher nur zwei lesen. Ein Blogartikel braucht klare Abschnitte, wenn Leser tief scrollen.

Abbruchstellen finden

Besucher scrollen. Dann hören sie auf. Die Stelle, an der sie aufhören, ist eine Abbruchstelle. Dort ist das Interesse so stark gesunken, dass sie gegangen sind. Scroll-Heatmaps zeigen diese Stellen sofort.

Eine Abbruchstelle weist oft auf ein Problem hin. Vielleicht hat der Inhalt davor nicht überzeugt. Vielleicht ist der Inhalt an dieser Stelle verwirrend. Vielleicht lädt die Seite an dieser Stelle langsam. Vielleicht haben Besucher gefunden, was sie brauchten, und sind zufrieden gegangen. Der Zusammenhang entscheidet, ob der Abbruch schlecht ist.

Wer Abbruchstellen untersucht, verbessert seine Seite. Springen Besucher nach deiner Funktionsliste ab, ist die Liste vielleicht nicht überzeugend. Schreib sie neu. Springen sie nach den Kundenstimmen ab, überzeugen die Stimmen vielleicht nicht. Nimm stärkere.

Häufige Fragen

Was ist eine gute Scrolltiefe in Prozent?

Das hängt vom Seitentyp ab. Bei Landingpages sind 60 bis 80 Prozent stark. Bei Startseiten sind 40 bis 60 Prozent typisch. Bei Produktseiten sind 50 bis 70 Prozent üblich. Blogs erreichen oft 70 bis 90 Prozent. Vergleiche mit ähnlichen Seiten in deiner Kategorie, nicht mit einem beliebigen Richtwert. Mit dem Website-Builder von WEMASY kannst du das direkt auf deiner Website einrichten.

Sollen wir Seiten kürzen, wenn die Scrolltiefe niedrig ist?

Nicht unbedingt. Eine niedrige Scrolltiefe kann heissen, dass Inhalte falsch platziert sind, nicht dass sie weg müssen. Teste, wichtige Inhalte weiter nach oben zu setzen. Oder teste, Abschnitte zu entfernen, und schau, ob das Interesse steigt. Miss, bevor du entscheidest.

Beeinflusst eine langsame Seite die Scrolltiefe?

Ja. Auf langsamen Seiten scrollen Besucher langsamer. Vielleicht brechen sie ab, bevor sie weit gekommen sind. Scroll-Heatmaps zeigen das Symptom. Tools zum Testen der Seitengeschwindigkeit finden die Ursache. Behebe die Geschwindigkeitsprobleme und prüfe die Scrolltiefe erneut.

Können wir das Scrollverhalten einzelner Besucher sehen?

Scroll-Heatmaps zeigen Gesamtmuster, keine einzelnen Wege. Für das Scrollverhalten einzelner Besucher nutzt du Sitzungsaufzeichnungen. Heatmaps zeigen den Wald. Aufzeichnungen zeigen die einzelnen Bäume.

Sollen wir unseren Call-to-Action über dem Fold platzieren?

Meistens ja. Mach einen A/B-Test, um sicherzugehen. Viele Besucher scrollen nicht weit. Ein Call-to-Action im sichtbaren Bereich erreicht sie. Setze aber einen zweiten weiter unten für Besucher, die scrollen. Wiederhole das Angebot mehrmals.

Was, wenn Besucher schnell an Abschnitten vorbeiscrollen?

Schnelles Scrollen kann heissen, dass sie überfliegen, nicht lesen. Oder der Abschnitt ist langweilig. Oder sie kennen den Inhalt schon. Kombiniere Scroll-Heatmaps mit Sitzungsaufzeichnungen, um die Absicht zu verstehen. Schnelles Scrollen ist nicht automatisch schlecht, wenn Besucher konvertieren.

Setz es direkt um,
auf deiner eigenen Website.

Starte kostenlos mit WEMASY und baue deine Seite in wenigen Minuten.