Was bedeutet Above the Fold?
„Above the Fold" bezeichnet den Bereich einer Website, den man sofort sieht, ohne zu scrollen. Der Begriff stammt aus dem Zeitungsdruck (oberhalb des Falzes).
Dieser erste Bildschirm entscheidet in Sekunden, ob ein Besucher bleibt. Deshalb gehören hierhin die wichtigste Botschaft, ein klarer Nutzen und ein eindeutiger Call-to-Action — nicht nur ein hübsches Bild.
Der erste Bildschirm — verschenkt oder genutzt?
- Großes Deko-Bild ohne Aussage
- Unklar, was die Seite anbietet
- Button erst nach dem Scrollen
- Nutzen im ersten Satz klar
- Vertrauen (z. B. Bewertung) sichtbar
- Eindeutiger Call-to-Action sofort da
Der sofort sichtbare Bereich entscheidet in Sekunden, ob ein Besucher bleibt oder abspringt.
Wo genau der „Fold" liegt, hängt vom Gerät ab: Auf einem kleinen Smartphone ist deutlich weniger sofort sichtbar als auf einem großen Monitor. Deshalb plant man den Above-the-Fold-Bereich nicht für eine feste Pixelhöhe, sondern stellt sicher, dass die Kernbotschaft auf den gängigsten Auflösungen ohne Scrollen ankommt. Gerade mobil bedeutet das, sich auf eine starke Aussage und eine Aktion zu beschränken.
Für Ergebnisse zählt dieser Bereich, weil Besucher in wenigen Sekunden entscheiden, ob eine Seite relevant ist. Ein häufiger Fehler ist, ihn mit einem großen Bild ohne Aussage zu füllen oder den Call-to-Action erst weit unten zu platzieren. Zugleich gilt: Niemand erwartet die komplette Botschaft oben. Der Bereich soll neugierig machen und zum Weiterlesen oder Klicken bewegen, nicht alles auf einmal zeigen.
Ein Beispiel aus der Praxis: Ein Handwerksbetrieb ersetzt in seinem Startbereich ein ganzflächiges Stimmungsfoto ohne Text durch eine klare Überschrift wie „Badsanierung aus einer Hand in drei Wochen" samt Schaltfläche für die Terminanfrage. Vorher scrollten viele Besucher gar nicht erst weiter, weil unklar blieb, worum es überhaupt geht. Nach der Umstellung ist der Nutzen schon im ersten sichtbaren Moment erkennbar, und die Anzahl der Anfragen über den Button steigt messbar. Der eigentliche Inhalt der Seite bleibt unverändert, nur die Reihenfolge und Klarheit der oberen Elemente ändert sich.
Häufig wird Above the Fold mit einem starren Bereich verwechselt, den man mit möglichst vielen Informationen vollpacken müsse. Tatsächlich geht es weniger um eine Grenze in Pixeln als um die Frage, was ein Besucher zuerst wahrnimmt und ob ihn das zum Bleiben bewegt. Ebenso wenig bedeutet ein hoch platzierter Call-to-Action, dass Besucher sofort kaufmüde gedrängt werden sollen. Sinnvoller ist es, oben Orientierung und einen ersten Handlungsanreiz zu geben und die Details bewusst weiter unten anzubieten. So bleibt der Einstieg ruhig und trotzdem handlungsleitend.
Wissenswertes rund um Above the Fold
Desktop zeigt mehr als Mobil
Auf einem großen Monitor passt oft eine ganze Sektion in den sofort sichtbaren Bereich, auf dem Smartphone nur Überschrift und ein Button. Deshalb plant man nicht für eine feste Pixelhöhe, sondern für die engste gängige Auflösung.
Zählt für Core Web Vitals
Was oben zuerst geladen wird, bestimmt die gemessene Ladewahrnehmung (LCP). Ein riesiges, unoptimiertes Hero-Bild bremst genau die Kennzahl, die Google für Ranking und Nutzererlebnis heranzieht.
Kein starrer Rahmen mehr
Bei tausenden Bildschirmgrößen gibt es keinen einheitlichen „Fold" mehr. Der Begriff beschreibt heute eher das Prinzip erster sichtbarer Eindruck als eine exakte Linie im Layout.
Nutzer scrollen trotzdem
Ein verbreiteter Denkfehler ist, alles Wichtige müsse oben stehen. Studien zeigen, dass Menschen selbstverständlich scrollen — der obere Bereich soll Orientierung geben und neugierig machen, nicht die komplette Botschaft quetschen.
Falz-Effekt als Signal
Ein bewusst am unteren Rand angeschnittenes Element (halb sichtbare nächste Sektion) signalisiert, dass es weitergeht, und erhöht die Scroll-Tiefe spürbar.
Häufige Fragen zu Above the Fold
- Muss der wichtigste Button immer above the fold sein?
- In der Regel ja, zumindest ein erster klarer Call-to-Action. Besucher sollen sofort erkennen, was sie tun können. Bei längeren Seiten ist es sinnvoll, den CTA zusätzlich weiter unten zu wiederholen, damit er nach dem Lesen erneut präsent ist, ohne dass man zurückscrollen muss.
- Ist Above the Fold im mobilen Zeitalter noch relevant?
- Ja, sogar besonders. Zwar scrollen Nutzer heute selbstverständlich, doch der erste sichtbare Eindruck entscheidet, ob sie überhaupt bleiben. Mobil ist der Bereich kleiner, also muss er noch fokussierter sein: eine klare Botschaft, ein Nutzen, eine Aktion statt überladener Inhalte.
- Was gehört in den Above-the-Fold-Bereich?
- Eine aussagekräftige Überschrift, die den Nutzen sofort vermittelt, ein kurzer erklärender Untertitel und ein eindeutiger Call-to-Action. Optional ein passendes Bild, das die Aussage stützt. Wichtig ist, dass ein Besucher hier ohne Nachdenken versteht, worum es geht und was er als Nächstes tun kann.
- Wie prüfe ich, ob mein Above-the-Fold-Bereich funktioniert?
- Sehen Sie sich Ihre Seite auf verschiedenen Geräten an und fragen Sie sich, ob innerhalb von wenigen Sekunden klar wird, worum es geht und was man tun kann. Hilfreich sind Heatmaps und Scroll-Aufzeichnungen, die zeigen, wie weit Besucher tatsächlich nach unten kommen. Wenn viele Nutzer sofort abspringen, liegt das oft am fehlenden Nutzenversprechen ganz oben. Ein einfacher Test ist, jemanden ohne Vorwissen kurz auf die Seite schauen zu lassen und danach zu fragen, was das Angebot ist. Bleibt die Antwort vage, sollten Sie den oberen Bereich schärfen.
