Ratgeber

Above the Fold: was wirklich in den ersten Bildschirm gehört

Above the fold ist der Bereich deiner Website, den Besucher ohne Scrollen sehen. Dorthin gehören drei Dinge: ein klares Nutzenversprechen, EINE Hauptaktion und ein echtes Vertrauenssignal. Der verbreitete Mythos „alles Wichtige muss above the fold“ stimmt nicht: Leute scrollen, wenn der Einstieg überzeugt. Nicht das Scrollen kostet dich Besucher, sondern ein schwacher erster Bildschirm.

Von Sebastian Klenk · Zuletzt aktualisiert: 18. Juni 2026

Above the Fold: was der Begriff heute wirklich bedeutet

Der Ausdruck kommt aus dem Zeitungsdruck: „above the fold“ war die obere Hälfte der gefalteten Zeitung am Kiosk, die der Käufer sofort sah. Online ist es der Teil deiner Seite, der ohne Scrollen sichtbar ist, sobald sie geladen hat. Das Tückische: dieser Bereich hat keine feste Größe. Ein 13-Zoll-Laptop, ein 27-Zoll-Monitor und ein Smartphone hochkant zeigen drei völlig verschiedene Ausschnitte. Es gibt also keine eine Falz-Linie, sondern viele. Genau deshalb ist „passt alles Wichtige above the fold?“ die falsche Frage, sobald du sie wörtlich nimmst.

Was stimmt: Der erste Bildschirm entscheidet, ob jemand bleibt. Er beantwortet in Sekunden die drei stillen Fragen jedes Besuchers. Wo bin ich hier? Was habe ich davon? Was soll ich als Nächstes tun? Beantwortest du die nicht, ist der Besucher weg, bevor er überhaupt zum Scrollen kommt. Above the fold ist kein Container, in den du maximal viel quetschst, sondern dein Einstieg: dein Versprechen und deine Einladung weiterzulesen.

Drei Dinge, die unbedingt in den sichtbaren Bereich gehören

Reduziere den ersten Bildschirm bewusst auf das, was Orientierung schafft. Jedes zusätzliche Element verwässert die Hauptaussage. Drei Bausteine reichen.

Ein klares Nutzenversprechen. Nicht „Willkommen bei Müller GmbH“, sondern was der Besucher konkret bekommt: „Heizung kaputt? Wir sind in 24 Stunden bei dir, Festpreis vorab.“ Die Faustregel für ein gutes Nutzenversprechen lautet: nutzenorientiert statt selbstbezogen.
Eine Hauptaktion. Genau ein primärer Button mit einem klaren Verb: „Termin anfragen“, „Kostenlos testen“, „Tisch reservieren“. Stehen dort drei gleich laute Buttons, hat keiner Vorrang und der Besucher entscheidet sich für gar keinen.
Ein Vertrauenssignal. Eine echte Bewertung, eine Zahl, ein Siegel, ein bekannter Kundenname. Etwas, das sagt: andere haben das schon gemacht und es war gut. Wichtig: echt, nicht erfunden. Ein gefälschter Sterne-Badge fliegt schneller auf, als er nützt.

Mehr braucht der erste Bildschirm nicht. Navigation, Feature-Liste, Preise, FAQ, Footer: all das darf und soll darunter kommen. Der visuelle Anker dieses Bereichs ist oft der Hero Shot, also das Hauptbild ganz oben. Bild und Text müssen zusammen dieselbe Geschichte erzählen, sonst ziehen sie in zwei Richtungen.

Mythos: „Alles Wichtige muss above the fold.“ Stimmt nicht. Menschen scrollen ganz selbstverständlich, sobald der Einstieg sie überzeugt hat. Der erste Bildschirm muss nicht alles sagen, er muss neugierig genug machen, dass du den zweiten überhaupt siehst. Pack also nicht alles nach oben, sondern das eine Richtige.

Scrollen ist nicht der Feind, ein schwacher Einstieg schon

Die alte Angst „bloß nichts unter die Falz“ stammt aus einer Zeit, in der Mausräder neu und Touchscreens nicht erfunden waren. Heute ist Scrollen die natürlichste Geste im Web, besonders am Handy, wo der Daumen ohnehin in Bewegung ist. Wenn Besucher deine Seite verlassen, liegt das fast nie daran, dass etwas zu weit unten stand. Es liegt daran, dass der Einstieg nicht überzeugt hat: unklares Versprechen, Stockfoto ohne Aussage, drei konkurrierende Buttons, eine Headline, die über die Firma redet statt über den Kunden.

Ein konkretes Beispiel: Eine Steuerberatungs-Kanzlei hatte oben ein Bürofoto und die Zeile „Ihr Partner für alle Steuerfragen“. Generisch, austauschbar, sagt nichts. Stärker wäre derselbe Platz mit „Du machst dein Gewerbe, wir deine Steuer. Erstgespräch kostenlos, Antwort am selben Tag.“ plus einem Button „Erstgespräch anfragen“ und der echten Google-Bewertung darunter. Dieselbe Position, dieselbe Bildschirmhöhe, aber jetzt mit Grund weiterzulesen. Ob die zweite Variante wirklich besser konvertiert, weißt du sicher erst, wenn du beide gegeneinander testest. Genau dafür ist ein A/B-Test sinnvoll, wenn du deine Landingpage optimieren willst und genug Besucher kommen. Bei wenig Traffic helfen erfahrungsbasierte Hinweise mehr als ein Test, der monatelang kein Ergebnis liefert.

Mobil vs. Desktop: zwei verschiedene erste Bildschirme

Am Desktop hast du Breite und kannst Bild und Text nebeneinander stellen. Am Handy steht alles untereinander und der sichtbare Bereich ist viel kürzer, oft nur Headline plus angeschnittenes Bild. Wenn dein Button am Desktop schön sichtbar ist, am Handy aber erst nach zwei Wischern auftaucht, verlierst du genau dort Conversions, wo heute die Mehrheit deiner Besucher ankommt.

Prüfe getrennt. Schau dir den ersten Bildschirm einmal am Desktop und einmal am echten Smartphone an, nicht nur im verkleinerten Browserfenster. Adressleiste und Tastatur fressen mobil zusätzlich Höhe.
Headline mobil kürzen. Was am Desktop in einer Zeile steht, läuft am Handy über vier. Eine knappere mobile Variante hält die Hauptaktion im Blick.
Button hoch genug. Die Hauptaktion sollte mobil ohne langes Scrollen erreichbar sein, oder als mitlaufender Button am unteren Rand erscheinen.
Bild dient dem Text, nicht umgekehrt. Ein großflächiges Hero-Bild kann mobil die gesamte erste Höhe einnehmen und Headline plus Button nach unten drücken. Im Zweifel Bild kleiner, Botschaft sichtbar.

Faustregel: Der erste Bildschirm muss auf dem schlechtesten Gerät funktionieren, nicht auf deinem. Wenn ein wenig technikaffiner Handwerkskunde auf seinem drei Jahre alten Android sofort versteht, was du anbietest und wo er klickt, hast du es richtig gemacht.

Above the fold ehrlich gut machen, statt nur voll machen

Es gibt den Reiz, den ersten Bildschirm mit Dringlichkeit aufzuladen: blinkende Counter, „nur noch 2 Plätze frei“, vorausgewählte Häkchen. Das mag kurzfristig Klicks bringen, ist aber ein schlechtes Geschäft. Übertreibst du, fühlt der Besucher sich überrumpelt, und das Vertrauen, das du im selben Bereich mit einem echten Siegel aufbaust, ist sofort wieder weg. Der ehrliche Hebel ist stärker: ein klares Versprechen, ein echtes Vertrauenssignal, eine eindeutige Aktion. Das überzeugt durch Klarheit statt durch Druck, und es hält auch nach dem Klick.

Praktisch heißt das: Bevor du oben noch ein Element hinzufügst, frag dich, ob es eine der drei stillen Fragen beantwortet. Wenn nicht, gehört es weiter nach unten oder ganz weg. Der beste erste Bildschirm ist nicht der vollste, sondern der, nach dem man freiwillig weiterscrollt.

Häufige Fragen

Was bedeutet „above the fold“ konkret?

Der Teil deiner Website, der nach dem Laden ohne Scrollen sichtbar ist. Der Begriff stammt aus dem Zeitungsdruck. Online gibt es keine feste Falz-Linie, weil jedes Gerät einen anderen Ausschnitt zeigt. Entscheidend ist, dass dieser erste Bildschirm Orientierung gibt: Wo bin ich, was habe ich davon, was tue ich als Nächstes.

Muss wirklich alles Wichtige above the fold stehen?

Nein, das ist ein verbreiteter Mythos. Menschen scrollen ganz selbstverständlich, sobald der Einstieg überzeugt. Der erste Bildschirm muss nicht alles sagen, sondern genug Neugier wecken, dass jemand weiterliest. Pack das eine klare Versprechen, eine Hauptaktion und ein echtes Vertrauenssignal nach oben, den Rest darunter.

Was gehört mindestens in den sichtbaren Bereich?

Drei Dinge: ein klares Nutzenversprechen, das sagt, was der Besucher bekommt; genau eine Hauptaktion als deutlicher Button; und ein echtes Vertrauenssignal wie eine Bewertung oder eine Zahl. Mehr verwässert die Botschaft eher, als dass es hilft.

Wie unterscheidet sich above the fold mobil und am Desktop?

Stark. Am Desktop hast du Breite für Bild und Text nebeneinander, am Handy steht alles untereinander und der sichtbare Bereich ist viel kürzer. Prüfe beide getrennt am echten Gerät, kürze die Headline mobil und sorge dafür, dass die Hauptaktion auch am Smartphone ohne langes Scrollen erreichbar ist.

Weiterlesen

Lass deinen ersten Bildschirm kostenlos prüfen und sieh, was Besuchern sofort auffällt.

Website kostenlos scannen