Above the Fold (sichtbarer Bereich)
Above the Fold ist der ohne Scrollen sichtbare Teil einer Webseite, also das Erste, was Besucher beim Laden der Seite sehen.
Das Wichtigste in Kürze
- Der Falz verschiebt sich mit Viewport, Zoom und Browser-Oberfläche; ein fester Pixelwert existiert nicht.
- Sticky Header und Consent-Banner verbrauchen Höhe, bevor eigener Inhalt gezeichnet wird.
- Sichtbarkeit ist keine Überzeugung; ein unpassender CTA scheitert auch oben.
- Prüfen Sie den Falz auf den Höhen, die Ihre Analytics tatsächlich ausweisen.
- Der Quiz-Start-Button gehört auf gängigen Mobilbildschirmen ohne Scrollen ins Sichtfeld.
Im Detail
Above the Fold wird vom Viewport bestimmt, nicht von der Seite. Der Browser zeichnet, was bei aktueller Breite, Höhe und Zoomstufe ins sichtbare Fenster passt, weshalb die Grenze mit jedem Gerät, jeder Browser-Oberfläche und jeder Drehung wandert. Alles, wofür Besucher scrollen müssen, liegt darunter. Weil der erste Bildaufbau zugleich das erste Urteil ist, trägt dieser Bereich die Identität der Seite: für wen sie ist, was sie bietet und welche eine Handlung gerade zur Verfügung steht.
Die nutzbare Fläche schrumpft schneller, als die meisten Teams erwarten. Fixierte Navigationsleisten, Cookie-Banner, Aktionsstreifen und Browser-Werkzeugleisten beanspruchen Höhe, bevor Ihr Inhalt überhaupt beginnt. Große Hero-Bilder drücken den Call-to-Action nach unten, schwere Assets verzögern, wann er überhaupt erscheint. Der Zielkonflikt liegt bei der Vollständigkeit: Jeder Beleg, jede Logoreihe und jeder Nebenlink in diesem Bereich kostet Aufmerksamkeit für die Hauptbotschaft, und ein überfüllter Falz wirkt als Lärm statt als Dichte.
Teams prüfen den Falz auf den zwei oder drei Viewport-Größen, die ihre Analytics dominieren, statt gegen ein Desktop-Mockup zu gestalten. Der Test ist schlicht: Kann eine fremde Person bei dieser Höhe sagen, worum es geht und was als Nächstes zu tun ist? Auf einer Quiz-Landingpage heißt das eine ergebnisorientierte Überschrift, eine Zeile darüber, was die Scorecard liefert, und ein Start-Button, der auf einem gängigen Telefon ohne Scrollen sichtbar bleibt.
Der Falz ist eine Schwelle, keine Mauer. Besucher scrollen bereitwillig, wenn der Seitenanfang es verdient, weshalb es meist nach hinten losgeht, jedes Argument über die Linie zu packen. Der Begriff sagt zudem nichts über Qualität: Eine sichtbare, aber unpassende Handlungsaufforderung konvertiert schlechter als eine, die nach einem Absatz Kontext gefunden wird. Bei erklärungsbedürftigen Käufen fällt die Entscheidung selten im ersten Bildschirm; der Falz kauft Aufmerksamkeit, der Rest verdient den Lead.
Beispiel aus der Praxis
So wird es gemessen
Beginnen Sie damit, ob die Hauptaktion überhaupt gesehen wird. Sichtbarkeits- oder Viewport-Impression-Tracking zeigt, in welchem Anteil der Sitzungen der Button je gerendert wurde, getrennt nach Gerät. Kombinieren Sie das mit dem Largest Contentful Paint, denn ein spät erscheinender Button liegt für ungeduldige Besucher faktisch unter dem Falz. Hohe Absprungrate bei geringer Button-Sichtbarkeit deutet auf das Layout, nicht auf den Text.
Vergleichen Sie danach die Klickrate der oberen Aktion mit derselben Aktion weiter unten. Gewinnt die untere Platzierung auf Mobilgeräten, ist der erste Bildschirm entweder zu voll oder zu langsam. Die Scroll-Start-Rate, also der Anteil der Besucher, die überhaupt scrollen, ist das Begleitsignal: Scrollen fast alle sofort weiter, hat der Einstiegsbildschirm nichts beantwortet.
Häufige Fehler
Gestalter geben den Falz auf einem breiten Desktop-Monitor frei und prüfen nie ein mittelgroßes Telefon, auf dem ein fixierter Header und ein Consent-Banner einen Textstreifen ohne Button übrig lassen. Machen Sie Screenshots bei den drei häufigsten Viewport-Höhen Ihrer Analytics und markieren Sie jeweils die Position der Hauptaktion. Rutscht sie bei einer davon unter die Linie, kürzen Sie die Überschrift oder verringern Sie die Höhe des Hero-Bildes.
Der zweite Fehler ist, den Falz als zu füllenden Behälter zu behandeln. Teams ergänzen eine Logowand, ein Testimonial, drei Links und ein Video, und jedes Element stiehlt der eigentlich wichtigen Aktion Aufmerksamkeit. Entscheiden Sie sich für die eine Handlung, geben Sie ihr den stärksten Kontrast auf dem Bildschirm und schieben Sie alles Übrige nach unten. Dichte im ersten Bildschirm senkt die Klarheit, und Klarheit zählt hier.
Häufig gestellte Fragen
Ist Above the Fold auf dem Handy noch relevant?
Ja, vermutlich sogar stärker als am Desktop. Mobile Bildschirme sind kleiner, sodass der sichtbare Bereich noch weniger Inhalt fasst und es entscheidend ist, mit dem Nutzenversprechen und der Hauptaktion zu beginnen.
Was gehört auf einer Quiz-Landingpage über den Falz?
Eine klare, nutzenorientierte Überschrift, ein einsätziges Versprechen dessen, was das Quiz enthüllt, und ein auffälliger Start-Button. Details, Testimonials und FAQs können unterhalb des Falzes erscheinen, sobald der Besucher scrollt.
Ist der Falz eine feste Position?
Nein. Er verschiebt sich mit Bildschirmgröße, Auflösung und Browserleiste, es gibt also keine feste Pixelgrenze. Gestalten Sie für die häufigsten Viewports und testen Sie, dass Ihr Call-to-Action überall sichtbar bleibt.
Wie hoch ist Above the Fold in Pixeln?
Es gibt keine einzelne Zahl. Die sichtbare Höhe hängt von Gerät, Browser-Oberfläche, Zoom und Ausrichtung ab und ändert sich erneut, sobald ein fixierter Header oder ein Cookie-Banner Platz beansprucht. Entwerfen Sie nicht gegen einen festen Wert, sondern nehmen Sie die häufigen Viewport-Höhen aus Ihren Analytics und prüfen Sie die kleinste davon.
Muss der CTA immer über dem Falz stehen?
Die Handlung sollte sichtbar oder klar ausgeschildert sein, das Formular selbst nicht zwingend. Bei erklärungsbedürftigen Angeboten schlägt ein Button, der zum Formular scrollt, oft ein sofortiges Formular, das Besucher noch nicht ausfüllen wollen. Entscheidend ist, dass der erste Bildschirm den nächsten Schritt unmissverständlich macht.
Beeinflusst Above the Fold die Ladezeit-Werte?
Indirekt. Die Core Web Vitals messen, wann das größte sichtbare Element im ersten Viewport gezeichnet wird, weshalb überdimensionierte Hero-Bilder und spät ladende Schriften Wert und ersten Eindruck zugleich beschädigen. Das Hero-Bild zu komprimieren und seine Schrift vorzuladen verbessert meist Messwert und Conversion-Pfad gleichzeitig.
Wie viel Inhalt gehört über den Falz?
So viel, dass klar wird, für wen die Seite ist, was man bekommt und was als Nächstes zu tun ist. In der Praxis sind das eine Überschrift, eine Stützzeile und eine Aktion, dazu ein Visual, wenn es das Angebot klärt. Alles Weitere konkurriert um dieselben Sekunden und gehört tiefer.
Verändern Cookie-Banner den Falz?
Ja, auf Mobilgeräten oft massiv, weil ein Consent-Dialog bis zur Bestätigung fast den ganzen Bildschirm bedecken kann. Testen Sie die Seite im Zustand vor der Einwilligung, nicht nur danach. Verdeckt das Banner die Überschrift vollständig, verringern Sie seine Höhe oder verankern Sie es unten, damit das Nutzenversprechen den ersten Bildaufbau übersteht.
Ist Above the Fold noch relevant, wenn alle scrollen?
Relevant ist es als Aufmerksamkeitsfilter, nicht als harte Grenze. Scrollen ist Gewohnheit, doch die Entscheidung weiterzuscrollen fällt im ersten Bildschirm. Der Anspruch hat sich verschoben: von alles sichtbar machen zu den Scroll verdienen, weshalb der Seitenanfang heute an Klarheit gemessen wird und nicht an Menge.