Above the Fold: was wirklich nach oben gehört
Above the Fold ist ein alter Begriff aus dem Zeitungsdruck. Was über dem Falz lag, wurde am Kiosk zuerst gesehen. Im Web hat sich daraus eine andere, aber ähnlich wichtige Frage entwickelt: Was sieht eine Besucherin, wenn die Seite gerade fertig geladen ist und sie noch nicht gescrollt hat?
Genau dieser Bereich ist auf vielen Unternehmensseiten erstaunlich schwach genutzt. Er wirkt aufgeräumt, zeigt eine Headline, ein Bild, vielleicht einen Button. Aber er sagt zu wenig, zu langsam.
Warum diese Fläche immer noch zählt
Es gibt seit Jahren das Argument, dass der Fold im Web tot ist. Nutzer scrollen sowieso. Das stimmt, aber nur halb. Sie scrollen, wenn sie Grund dazu haben. Der erste sichtbare Bereich liefert genau diesen Grund oder eben nicht.
Wer above the fold nicht versteht, was hier angeboten wird und für wen, scrollt eher aus Höflichkeit als aus Interesse weiter. Das macht einen messbaren Unterschied in Aufmerksamkeit, Verweildauer und Anfragen.
Die drei Fragen, die der Bereich beantworten sollte
Above the fold sollte drei Fragen schnell beantworten:
- Was wird hier angeboten?
- Für wen ist das gedacht?
- Warum lohnt es sich, weiter zu schauen?
Nicht jede Frage muss explizit beantwortet werden. Aber alle drei sollten beim Überfliegen klar werden. Wer sich nach drei Sekunden nichts davon zusammenreimen kann, verlässt die Seite oder verliert das Interesse.
Was viele Seiten dort verschenken
In der Praxis sehen wir oft dieselben Muster:
- grosse Stockbilder ohne Bezug zum Angebot
- Slogans, die kreativ klingen, aber nicht erklären
- Slider, die alle paar Sekunden eine andere Botschaft starten
- Buttons mit "Mehr erfahren" als einzigem Hinweis
- aufwändige Animationen, die das eigentliche Wording überdecken
Jedes dieser Elemente kann an anderer Stelle Sinn ergeben. Im ersten sichtbaren Bereich kosten sie Klarheit.
Eine Struktur, die fast immer trägt
Ein nüchterner Aufbau funktioniert auf erstaunlich vielen Seiten:
- klare Headline, die das Angebot benennt
- kurzer Untertitel, der Zielgruppe oder Nutzen schärft
- ein primärer Call-to-Action, der zur Phase der Besucher passt
- optional ein dezentes visuelles Element, das das Thema stützt
Mehr braucht es selten. Wer hier nicht klar wird, holt es weiter unten kaum wieder ein.
Headline und Untertitel zusammen denken
Die Headline ist nicht alleine verantwortlich. Sie arbeitet mit dem Untertitel zusammen. Wenn die Headline kurz und plakativ ist, sollte der Untertitel präzisieren. Ist die Headline schon erklärend, darf der Untertitel die Tonalität tragen.
Wer beides gleich aufbaut, doppelt sich. Wer nur eines davon beachtet, verliert die andere Ebene.
CTA above the fold: ja, aber nicht laut
Ein primärer CTA gehört in den meisten Fällen schon in den ersten sichtbaren Bereich. Aber er muss zum Informationsstand passen. Wer noch nichts erklärt hat, sollte nicht direkt eine Buchung verlangen.
Hier hängt vieles davon ab, ob die Seite eine Startseite oder eine Landingpage ist. Diese Unterscheidung ist in Startseite oder Landingpage: Welche Seite welche Aufgabe hat genauer beschrieben.
Above the fold ist kein starres Mass
Die Fläche, die als above the fold zählt, hängt von Gerät, Auflösung und Browserleiste ab. Auf Mobilgeräten ist sie kleiner als auf Desktop. Wer above the fold streng nach Pixeln plant, baut sich eine Fessel.
Realistischer ist die Frage: Was sieht ein typischer Nutzer ohne zu scrollen, auf seinem typischen Gerät? Diese Frage hat mehrere Antworten, aber sie alle führen zur selben Disziplin. Klarheit zuerst, Schmuck später.
Pragmatische Empfehlung
Schau dir den ersten sichtbaren Bereich deiner Startseite mit Abstand an. Stell dir vor, du wärst zum ersten Mal hier und hättest drei Sekunden, bevor jemand die Seite wieder schliesst. Was bleibt davon hängen?
Wenn nach diesem Test mehr Bild als Inhalt im Kopf bleibt, ist das ein Signal. Above the fold ist nicht der Ort für die schönste Geste, sondern für die schnellste Klarheit. Die schönen Gesten dürfen direkt darunter folgen.