Above the Fold bezeichnet den Bereich einer Website, der ohne Scrollen sofort sichtbar ist. Der Begriff stammt aus dem Zeitungswesen: Was über dem Falz der Zeitung stand, entschied über den Kauf. Online entscheidet dieser erste sichtbare Bereich in wenigen Sekunden darüber, ob Besucher bleiben oder abspringen — er sollte deshalb die Kernbotschaft und eine klare Handlungsaufforderung enthalten.
Was bedeutet Above the Fold?
Above the Fold bezeichnet den Bereich einer Website, der ohne Scrollen sofort sichtbar ist. Der Begriff stammt aus dem Zeitungswesen: Was über dem Falz der gefalteten Zeitung stand, entschied am Kiosk über den Kauf. Online entscheidet dieser erste sichtbare Bereich in wenigen Sekunden darüber, ob Besucher bleiben oder abspringen. Die Herkunft und Übertragung des Begriffs beschreibt der Wikipedia-Artikel Above the fold.
In der Praxis fällt der sichtbare Erstbereich häufig mit der Hero-Section einer Seite zusammen — dem prominenten Kopfbereich mit Bild, Überschrift und Handlungsaufforderung. Above the Fold ist damit ein zentrales Element im Webdesign und in der Conversion-Rate-Optimierung.
Der Begriff prägt die Gestaltung jeder Landingpage, weil hier über Erfolg oder Misserfolg des ersten Eindrucks entschieden wird. Er ist eng mit der gesamten User Experience verknüpft: Ein klarer, schnell erfassbarer Erstbereich signalisiert Professionalität und Orientierung, ein chaotischer oder leerer wirkt abschreckend. Above the Fold ist damit weniger eine feste Zone als ein Gestaltungsprinzip — die Kunst, das Wichtigste zuerst zu zeigen.
Was gehört in den Above-the-Fold-Bereich?
Der sichtbare Erstbereich sollte drei Fragen sofort beantworten: Wo bin ich? Was bekomme ich hier? Was soll ich als Nächstes tun? Typische Elemente sind eine prägnante Überschrift mit dem zentralen Nutzenversprechen — der Value Proposition —, eine unterstützende Unterzeile, ein aussagekräftiges Bild und ein deutlich sichtbarer Call-to-Action, etwa ein Button zur Terminanfrage.
Wichtig ist die Priorisierung: Nicht alles muss nach oben. Wer zu viele Botschaften in den ersten Bildschirm presst, erzeugt visuelles Rauschen und schwächt die Hauptbotschaft. Ein Vertrauenselement wie Social Proof oder eine gute Bewertung stärkt den Erstbereich, ohne ihn zu überladen.
Warum ist Above the Fold wichtig?
Besucher entscheiden innerhalb weniger Sekunden, ob eine Seite ihre Erwartung erfüllt. Ein unklarer oder überladener Erstbereich erhöht die Absprungrate — besonders teuer bei bezahltem Traffic aus Google Ads, wo jeder Klick Geld kostet. Ein klarer Erstbereich verbessert dagegen die Verweildauer und die Conversion-Rate.
Auch technisch spielt der Bereich eine Rolle: Die Ladezeit-Metrik Largest Contentful Paint misst, wie schnell das größte sichtbare Element im Erstbereich erscheint; Googles web.dev dokumentiert die Kennzahl im Detail. Große, unoptimierte Bilder im Above-the-Fold-Bereich verschlechtern diese Werte und damit die Core Web Vitals.
Above the Fold auf verschiedenen Geräten
Eine feste Falzlinie gibt es nicht mehr: Smartphones, Tablets und Desktop-Monitore zeigen unterschiedlich viel Inhalt. Auf dem mobilen Bildschirm ist der sichtbare Bereich deutlich kleiner — dort zählt jede Zeile. Da der Großteil der Zugriffe heute mobil erfolgt und Google die Mobile-First-Indexierung anwendet, sollte der Erstbereich im Sinne von Mobile First zuerst für das Smartphone geplant und dann für größere Bildschirme erweitert werden.
Für eine Kanzlei-Website bedeutet das konkret: Rechtsgebiet, Standort und Kontaktmöglichkeit sollten mobil ohne Scrollen erkennbar sein, idealerweise ergänzt um ein Vertrauenselement wie Google-Bewertungen oder einen Fachanwaltstitel. Ein sauberes Responsive Design sorgt dafür, dass die Prioritäten auf jedem Gerät erhalten bleiben.
Weil sich Bildschirmgrößen und Nutzungssituationen unterscheiden, lohnt es sich, den Erstbereich nicht als starres Bild, sondern als flexible Anordnung zu denken: Auf dem Desktop dürfen Bild und Text nebeneinander stehen, auf dem Smartphone rücken sie untereinander, und weniger Wichtiges wandert nach unten. Entscheidend ist, dass die zentrale Botschaft und die Handlungsaufforderung auf jedem Gerät zuerst ins Auge fallen — alles andere ordnet sich diesem Ziel unter.
Above the Fold optimieren und testen
Der Erstbereich ist einer der wirksamsten Hebel der Optimierung, weil ihn nahezu jeder Besucher sieht. Kleine Änderungen an Überschrift, Bild oder Handlungsaufforderung können die Conversion-Rate deutlich verschieben. Statt auf Bauchgefühl zu setzen, empfiehlt sich ein A/B-Test: Zwei Varianten des Erstbereichs werden parallel ausgespielt, und die Daten entscheiden, welche Formulierung oder welches Motiv besser funktioniert.
Wie Besucher den Bereich tatsächlich wahrnehmen, zeigen Verhaltensanalysen. Eine Heatmap macht sichtbar, welche Elemente Aufmerksamkeit ziehen und wo geklickt wird; sie deckt auf, ob die zentrale Botschaft überhaupt beachtet wird. In Verbindung mit den Grundsätzen guter Usability lässt sich der Erstbereich so schrittweise schärfen, bis Aussage, Blickführung und Handlungsaufforderung zusammenspielen.
Typische Fehler
Ein häufiger Fehler ist der überladene Erstbereich mit zu vielen konkurrierenden Botschaften — die Hauptaussage geht unter. Ebenso schädlich ist das Gegenteil: ein rein dekorativer Hero ohne klare Aussage, der Platz verschwendet, ohne den Besucher weiterzuführen. Auch ein fehlender oder unauffälliger Call-to-Action kostet Conversions.
Technisch problematisch sind große Bilder ohne Größenangaben, die den Cumulative Layout Shift verschlechtern und die Seite ruckeln lassen; ein optimiertes Hero-Bild in modernem Format ist deshalb Pflicht, nicht Kür. Und schließlich der Denkfehler, den Falz wörtlich zu nehmen: Nutzer scrollen selbstverständlich — der Erstbereich muss nicht alles enthalten, sondern zum Weiterlesen motivieren. Googles Leitfaden zur Seitennutzererfahrung fasst die relevanten Signale zusammen.
Above the Fold im Zusammenspiel der Seite
So wichtig der Erstbereich ist — er steht nicht für sich, sondern ist der Einstieg in einen durchdachten Aufbau. Eine gute Informationsarchitektur führt den Besucher vom ersten Nutzenversprechen über Belege und Details bis zur Handlungsaufforderung. Der Above-the-Fold-Bereich weckt das Interesse, der darunterliegende Inhalt löst es ein; beides muss zusammenpassen, sonst entsteht nach dem starken Auftakt Enttäuschung.
Besonders auf Landingpages ist dieses Zusammenspiel entscheidend: Der Erstbereich formuliert das Versprechen, der weitere Conversion-Funnel baut Vertrauen auf und senkt Hürden bis zur Anfrage. Eingebettetes Storytelling hält die Aufmerksamkeit über den Falz hinaus. Der Erstbereich ist damit kein isoliertes Designelement, sondern der Auftakt einer durchgängigen Argumentation, die vom ersten Blick bis zur abschließenden Handlung trägt und an keiner Stelle abreißen sollte.