Above the Fold: Was der erste Bildschirm leisten muss, auf dem Handy und am Desktop

Vieles, was du unten auf deiner Seite sorgfältig ausgearbeitet hast, lesen nur Besucher, die oben einen Grund zum Weiterlesen gefunden haben. Dieser Ratgeber erklärt für Marketingverantwortliche und kleine Unternehmen, was der erste Bildschirm leisten muss, was die Forschung zum Scrollen wirklich zeigt und wie sich Handy und Desktop unterscheiden.

Was bedeutet Above the Fold?

Above the Fold ist der Teil einer Website, den Besucher sehen, ohne zu scrollen. Der Begriff stammt aus dem Zeitungsdruck und meint die obere Hälfte einer gefalteten Titelseite, die am Kiosk sichtbar ist. Alles darunter heißt Below the Fold.

Im Web gibt es keine feste Linie. Die Nielsen Norman Group (abgerufen am 09.11.2026) beschreibt es so: Eine responsive Website hat viele Falzlinien, eine je Gerät und Fenster, und für jeden einzelnen Besucher liegt genau eine davon. Du gestaltest also keine Linie, sondern eine Reihenfolge: Was ist so wichtig, dass es zuerst sichtbar sein muss?

Wie der erste Bildschirm in die Struktur der gesamten Website passt, erklärt der Leitartikel zum Website-Aufbau. Wie die einzelnen Sätze darin formuliert werden, steht im Ratgeber Website-Texte schreiben. Hier geht es um die Frage dazwischen: was überhaupt nach oben gehört.

Scrollen Besucher überhaupt noch?

Ja, Besucher scrollen, aber ihre Aufmerksamkeit nimmt nach unten deutlich ab. In der Eyetracking-Studie der Nielsen Norman Group von 2018 (abgerufen am 09.11.2026) mit 120 Teilnehmenden entfielen rund 57 Prozent der Betrachtungszeit auf den ersten Bildschirm, rund 17 Prozent auf den zweiten und zusammen 81 Prozent auf die ersten drei. Innerhalb des ersten Bildschirms lagen mehr als 65 Prozent der Zeit in der oberen Hälfte.

2010 waren es noch 80 Prozent auf dem ersten Bildschirm, wie die ursprüngliche Studie (abgerufen am 09.11.2026) mit 21 Personen und 541 Seiten zeigte. Besucher scrollen heute also eher, der starke Abfall an der Falz blieb. Die Auswertung von 2015 (abgerufen am 09.11.2026) fand, dass die 100 Pixel direkt über der Falz 102 Prozent mehr Betrachtungszeit erhielten als die 100 Pixel direkt darunter.

Dazu kommt die Zeit. Laut einer Auswertung bei der Nielsen Norman Group (abgerufen am 09.11.2026), die Daten von Microsoft Research nutzt, verlassen Besucher Webseiten häufig nach 10 bis 20 Sekunden. Wer länger gelesen werden will, sollte seinen Nutzen innerhalb von 10 Sekunden klar machen.

Lange Seiten funktionieren trotzdem, wenn sie einen Grund zum Scrollen geben. Die Nielsen Norman Group fasst das knapp zusammen: Menschen scrollen, wenn sie einen Anlass haben. Weiter unten liegende Inhalte werden also gelesen, nur eben nicht von allen, die oben angekommen sind.

Die Einschränkungen gehören dazu: Die Eyetracking-Daten stammen vom Desktop, und die Studie von 2018 berücksichtigt nicht, wie lang die betrachteten Seiten waren. In den hier geprüften Texten der Nielsen Norman Group fanden sich für das Handy keine vergleichbaren Prozentwerte. Christoph Weingärtner, der Autor dieses Ratgebers, lehrt als Dozent Wirtschaftspsychologie und hat in seiner Masterarbeit an der HdM Stuttgart eine eigene Studie mit 216 Befragten zu psychologischen Erfolgsfaktoren im Marketing durchgeführt. Die Aussagen in diesem Abschnitt stützen sich nicht auf diese Studie, sondern auf die genannten Quellen.

Was muss der erste Bildschirm leisten?

Der erste Bildschirm muss vier Fragen beantworten: Bin ich hier richtig, was bekomme ich, warum soll ich das glauben, und was kann ich jetzt tun? Alles andere kann warten, auch wenn es dir wichtig ist.

Der erste Eindruck entsteht schneller, als ein Satz gelesen ist. Google Research (abgerufen am 09.11.2026) berichtet, dass Menschen eine Website in 17 bis 50 Millisekunden ästhetisch beurteilen. Einfache und für die Kategorie typische Gestaltungen schneiden dabei besser ab. Im ersten Bildschirm ist also auch Weglassen eine Entscheidung.

Beim Umbau der Website von Memberspot, wo Christoph Weingärtner CMO war, stand am Ende plus 40 Prozent Website-Conversion-Rate, so das Referenzschreiben des Geschäftsführers. Welchen Anteil der erste Bildschirm daran hatte, lässt sich aus einer solchen Gesamtzahl nicht ablesen. Sie zeigt aber, dass sich solche Umbauten messen lassen.

Was ist auf dem Handy anders?

Auf dem Handy ist der erste Bildschirm kleiner und schneller voll, und in Deutschland kommen dort die meisten Seitenaufrufe her. Laut StatCounter (abgerufen am 09.11.2026) entfielen im Oktober 2026 rund 60,21 Prozent der Seitenaufrufe in Deutschland auf Mobilgeräte, 38,13 Prozent auf Desktop und 1,66 Prozent auf Tablets. Deine eigene Zielgruppe kann davon stark abweichen, B2B-Seiten etwa. Sieh deshalb in deiner Webanalyse nach.

Die häufigsten mobilen Bildschirmgrößen lagen im selben Monat laut StatCounter (abgerufen am 09.11.2026) bei 414 mal 896, 384 mal 832 und 393 mal 873 Bildpunkten. Sichtbar ist davon weniger, weil Browserleisten, Kopfzeile und Einwilligungshinweis Platz belegen.

Daraus folgen drei einfache Regeln. Das Bild steht auf dem Handy unter dem Text oder fällt klein aus. Die Überschrift sollte in drei Zeilen passen. Der Einwilligungshinweis darf den Hauptaufruf nicht verdecken. Google rät außerdem, nicht die ganze Seite mit einem Fenster zu verdecken und stattdessen Banner zu nutzen, die nur einen kleinen Teil des Bildschirms einnehmen (abgerufen am 09.11.2026).

Welche Fehler kosten oben am meisten?

Am meisten kosten Elemente, die den Eindruck erwecken, die Seite sei hier zu Ende, oder die Besucher in die falsche Richtung schicken. Fünf Fehler sind gut dokumentiert.

Falscher Boden. Eine vollflächige Bühne ohne Hinweis auf weitere Inhalte wirkt wie das Ende der Seite. Die Nielsen Norman Group (abgerufen am 09.11.2026) beschreibt, dass in einem Test 6 von 8 Personen nicht bemerkten, dass eine Seite mit vollflächigem Video weiterging. Lass den nächsten Abschnitt angeschnitten sichtbar.

Bildwechsler. Automatisch laufende Bildwechsel zeigen jede Botschaft nur kurz. Im Beispiel von Jakob Nielsen (abgerufen am 09.11.2026) war ein Rabatt nur etwa 20 Prozent der Zeit sichtbar, weil das Element alle 5 Sekunden wechselte. Eine Testperson schloss daraus, es gebe gar keine Angebote.

Vager Hauptaufruf. Ein Button wie „Get Started“ schickte Besucher in Tests der Nielsen Norman Group (abgerufen am 09.11.2026) in eine Anmeldung, bevor sie wussten, worum es geht. Die Tests waren klein, das Muster aber gut nachvollziehbar. Besser passen Formulierungen, die sagen, was danach passiert, wie im Artikel Call to Action: Beispiele.

Das Hauptbild lädt zu spät. Wird das große Bild im ersten Bildschirm verzögert geladen, erscheint es später. Laut web.dev (abgerufen am 09.11.2026) hatten Seiten mit Lazy Loading im Vergleich schlechtere Ladewerte. Der Effekt ist korrelativ, die Empfehlung ist trotzdem eindeutig: Bilder im ersten Bildschirm nicht verzögert laden.

Zu viele Aufrufe. Mehrere gleich große Buttons nebeneinander verlagern die Entscheidung auf den Besucher. Lege einen Hauptaufruf fest und mache die übrigen zu Textlinks.

Beeinflusst der erste Bildschirm das Google-Ranking?

Als eigenes Rankingkriterium nennt Google den ersten Bildschirm in den hier geprüften Dokumenten nicht, mittelbar hat er aber Einfluss. Stand: November 2026.

Der älteste Beleg ist die Änderung von 2012: Seiten mit wenig sichtbarem Inhalt und viel Werbung oben konnten schlechter eingestuft werden (abgerufen am 09.11.2026). Betroffen waren laut Google weniger als 1 Prozent der Suchen, und der Beitrag trägt inzwischen einen Hinweis, dass Teile veraltet sein können. Heute relevanter sind die Hinweise zu aufdringlichen Einblendungen (abgerufen am 09.11.2026) und die Ladezeit des größten sichtbaren Elements. Als gut gilt laut web.dev (abgerufen am 09.11.2026) ein Wert von höchstens 2,5 Sekunden, gemessen am 75. Perzentil der Seitenaufrufe.

Sinnvoll ist also, oben Inhalt zu zeigen und das Hauptelement schnell zu laden. In den hier geprüften Google-Dokumenten steht dagegen nicht, dass ein bestimmtes Keyword im ersten Bildschirm stehen müsse, damit die Seite besser rankt.

Wann gehört etwas bewusst nicht nach oben?

Nicht alles Wichtige muss nach oben, denn ein überfüllter erster Bildschirm erfüllt keine der vier Aufgaben. Entscheidend ist, wie weit dein Besucher schon ist. Die Tabelle hilft bei der Zuordnung.

Ein zu früher Kaufknopf schadet bei erklärungsbedürftigen Angeboten. Die Nielsen Norman Group (abgerufen am 09.11.2026) rät, wichtige Informationen wie Preise zu zeigen, bevor persönliche Daten verlangt werden. Auf einer Landingpage mit einem einzigen Ziel darf der erste Bildschirm dagegen ausschließlich auf diesen Aufruf hinarbeiten.

Wie prüfst du deinen ersten Bildschirm?

Du prüfst ihn am besten mit fremden Augen und auf echten Geräten. Fünf Schritte reichen für eine erste Einschätzung.

Erst danach lohnt sich der Blick in die Daten: Wie viele Besucher scrollen, wie viele springen ab? Eine hohe Absprungrate allein ist nicht automatisch ein Problem, wie der Artikel Absprungrate richtig einordnen zeigt. Wenn du den ersten Bildschirm neu aufbauen willst, gibt dir der Startseiten-Bauplan die Reihenfolge der Abschnitte und Lückentexte vor.

Fazit: Womit fängst du an?

Beginne mit einem Screenshot deines ersten Bildschirms auf dem Handy, inklusive Einwilligungshinweis. Streiche alles, was nicht auf die vier Fragen einzahlt, und lass den nächsten Abschnitt angeschnitten sichtbar. Prüfe die Ladezeit des Hauptbilds, bevor du am Design feilst.

Einen besseren ersten Bildschirm kann dir niemand in Anfragen garantieren. Wenn du wissen willst, wie deiner auf Fremde wirkt und was wir daran ändern würden, nutze die kostenlose Analyse.

Christoph Weingärtner

Gründer von Salesmagnet, Ex-CMO von YOPESO und Memberspot

Dozent für Wirtschaftspsychologie, M.A. Elektronische Medien (HdM Stuttgart), seit 2016 in KI. Bei Memberspot stieg die Website-Conversion-Rate nach dem Umbau um 40 Prozent. Mehr über Christoph · LinkedIn