Above the Fold ist der Bereich Deiner Webseite, den Besucher sehen, bevor sie das erste Mal scrollen. Auf einem Smartphone sind das oft nur ein paar Zentimeter Höhe, auf dem Laptop etwas mehr. In genau diesem Ausschnitt entscheidet sich, ob jemand bleibt oder weiterzieht.
Der Begriff klingt technisch, beschreibt aber eine sehr alltägliche Erfahrung. Du öffnest eine Seite, der erste Eindruck sitzt in Sekunden, und der Rest des Inhalts spielt erst danach eine Rolle. Was Du in diesem Fenster zeigst, bestimmt also, ob der Rest überhaupt gelesen wird.
Woher der Begriff kommt
Der Ausdruck stammt aus der Zeitungswelt. Eine gefaltete Tageszeitung lag am Kiosk so im Stapel, dass nur die obere Hälfte sichtbar war, alles oberhalb des Falzes, „above the fold". Genau dorthin setzten Redaktionen die wichtigste Schlagzeile und das stärkste Bild.
Der Grund war simpel: Diese obere Hälfte musste am Kiosk verkaufen. Wer vorbeiging, sah nur den oberen Teil und entschied danach, ob er zugriff. Die untere Hälfte konnte noch so gut sein, sie spielte für den ersten Impuls keine Rolle.
Im Web hat sich der Begriff gehalten, auch wenn es keine Falz mehr gibt. Der Falz ist heute die untere Kante Deines Bildschirms. Alles, was darüber liegt, ist Dein Schaufenster, und alles darunter wird nur erreicht, wenn dieses Schaufenster überzeugt.
Warum der erste Bildschirm so viel entscheidet
Besucher urteilen schnell. Innerhalb der ersten Sekunden bildet sich ein Eindruck, ob eine Seite das Richtige bietet oder nicht. Dieser Eindruck entsteht fast ausschließlich aus dem, was ohne Scrollen sichtbar ist.
Wer im ersten Fenster nicht versteht, worum es geht, scrollt selten geduldig weiter. Er klickt zurück und probiert das nächste Suchergebnis. Dein bester Inhalt weiter unten bekommt dann gar keine Chance, weil er nie gesehen wird.
Dazu kommt das Verhalten auf dem Smartphone. Der sichtbare Bereich ist dort klein, und die meisten Besucher kommen heute mobil. Ein Layout, das am großen Monitor noch alles Wichtige zeigt, drängt auf dem Handy plötzlich Kernaussage und Button weit nach unten.
Oft frisst auch Technik den Platz, ohne dass es auffällt. Ein hoher Kopfbereich, ein großes Logo oder ein Cookie-Hinweis schieben den eigentlichen Inhalt nach unten. Was Du beim Bauen am Monitor siehst, ist deshalb nicht das, was ein Besucher zuerst auf dem Handy sieht.
Deshalb lohnt der Blick auf die eigene Seite genau in diesem Ausschnitt. Öffne sie auf dem Handy und schau, was Du ohne Wischen siehst. Häufig steht dort ein Begrüßungsspruch oder ein großes Stimmungsbild, aber nicht das, was Besucher eigentlich brauchen.
Was in den sichtbaren Bereich gehört
Drei Dinge sollten im ersten Fenster sofort ablesbar sein. Sie beantworten die stillen Fragen, die jeder Besucher in den ersten Sekunden stellt.
- Klarheit: Worum geht es hier? Eine Hauptüberschrift, die in einem Satz sagt, was Du anbietest, ohne Floskeln und ohne Rätselraten.
- Nutzen: Was habe ich davon? Eine kurze Aussage, die den Vorteil für den Besucher benennt, nicht nur Deinen Firmennamen oder einen abstrakten Claim.
- Nächster Schritt: Was soll ich tun? Ein sichtbarer Button oder Link, der die naheliegende Handlung anbietet, etwa Kontakt, Angebot ansehen oder Termin buchen.
Diese drei Bausteine arbeiten zusammen. Die Überschrift schafft Orientierung, die Nutzen-Aussage gibt einen Grund zu bleiben, und der Button zeigt den Weg nach vorn. Fehlt einer davon, hängt der Besucher in der Luft.
Eine gute Überschrift trägt dabei das meiste Gewicht. Wenn drei fremde Personen Deinen ersten Bildschirm sehen und übereinstimmend sagen, was Du anbietest, hast Du diesen Teil richtig gemacht. Mehr dazu zeigt Dir der Webseite-Grundcheck mit fünf Prüfungen.
Der Mythos vom alles nach oben
Aus all dem ziehen manche den falschen Schluss: Wenn der erste Bildschirm so wichtig ist, muss möglichst viel hinein. Preise, Referenzen, Kontaktformular, drei Buttons, alles oberhalb des Falzes. Das Ergebnis ist ein überladenes Fenster, in dem nichts mehr heraussticht.
Der sichtbare Bereich gewinnt durch Ruhe, nicht durch Fülle. Ein klarer Gedanke, der sofort sitzt, wirkt stärker als fünf Botschaften, die um Aufmerksamkeit ringen. Wer alles betont, betont am Ende nichts.
Auch die Sorge, dass niemand scrollt, ist überholt. Scrollen ist heute eine selbstverständliche Geste, gerade am Smartphone. Besucher scrollen gern weiter, sobald der erste Eindruck ihnen einen Grund dafür gegeben hat. Der erste Bildschirm darf also offen lassen und vor allem neugierig auf den Rest machen.
Diese Aufgabenteilung nimmt Druck heraus. Above the Fold liefert Orientierung und einen Einstieg, der Rest der Seite liefert die Tiefe. Welcher Webdesign-Ansatz dazu passt, hängt von Deinem Projekt ab, ein Überblick steht in den Webdesign-Arten.
Fazit
Above the Fold ist der erste Bildschirm Deiner Webseite, und er trägt eine doppelte Last. Er entscheidet über Bleiben oder Abspringen und legt fest, ob Dein restlicher Inhalt überhaupt gelesen wird. Drei Dinge gehören sicher hinein: Klarheit, Nutzen und ein sichtbarer nächster Schritt.
Den Rest darfst Du getrost nach unten lassen. Ein ruhiger, klarer erster Bildschirm wirkt stärker als ein vollgestopftes Schaufenster. Prüf Deinen sichtbaren Bereich am besten direkt am Handy und achte dabei auch auf die Hierarchie Deiner Überschriften, denn die Hauptüberschrift ist Dein wichtigster Anker.