Above the Fold
Above the Fold bezeichnet den Bereich einer Webseite, der ohne Scrollen sofort sichtbar ist – jener Bildschirm-Ausschnitt, den ein Besucher in den ersten Sekundenbruchteilen wahrnimmt und auf dessen Grundlage die Entscheidung fällt, ob weiter gelesen oder die Seite verlassen wird.
Above the Fold ist der entscheidende Bildschirm-Abschnitt für die erste Wahrnehmung einer Seite – Hauptbotschaft, Vertrauens-Signale und nächster Schritt müssen hier zusammenkommen, sonst wird der Rest der Seite gar nicht erst gesehen.
In einfachen Worten
Der Begriff stammt aus dem Zeitungs-Druck: „Above the Fold" war alles, was bei der gefalteten Zeitung am Kiosk obenauf zu sehen war – die wichtigste Schlagzeile, das wichtigste Bild. Übertragen auf das Web meint der Begriff den ersten Bildschirm-Inhalt, den ein Besucher ohne Scrollen wahrnimmt. Der weit überwiegende Teil der Aufmerksamkeit konzentriert sich auf diesen ersten Ausschnitt; was darunter platziert ist, wird systematisch seltener gesehen. Eine feste Pixel-Grenze gibt es nicht: Der sichtbare Bereich hängt vom Endgerät, vom Browser-Fenster und von der Bildschirm-Ausrichtung ab. Auf einem Smartphone ist der Ausschnitt deutlich kleiner als am Desktop – und entscheidet trotzdem über die Verweildauer.
Wozu brauche ich das?
Above-the-Fold-Optimierung ist ein zentraler Hebel für die Konvertierungs-Rate jeder Lead-orientierten Seite und jeder Produktseite im Online-Shop. Hauptbotschaft, sichtbare Vertrauens-Signale und ein erkennbarer nächster Schritt müssen sich in diesem Ausschnitt zusammenfinden. Auf mobilen Endgeräten gewinnt der Aspekt zusätzlich an Gewicht, weil dort der sichtbare Bereich kleiner ist und ein Cookie-Banner schnell den verbleibenden Platz aufzehrt.
Beispiel aus der Praxis
Eine typische Ausgangslage: Eine Heizungsbau-Firma platziert oben auf der Startseite ein großes Hero-Bild mit einem inhaltsleeren Slogan, während Telefonnummer und Anfrage-Formular erst nach dem Scrollen erreichbar sind. Mit einem Umbau – sofort sichtbar: konkrete Leistungen, Service-Region, Telefonnummer und ein klarer Aufruf zur Handlung wie „Festpreis-Angebot anfordern" – ziehen die Anrufanfragen aus der mobilen Version sichtbar an. Das Hero-Bild bleibt erhalten, wird aber kompakter und ist nicht länger Selbstzweck.
Wirtschaftlicher Nutzen
Above-the-Fold-Optimierungen gehören zu den wirkungsvollsten UX-Verbesserungen mit dem geringsten technischen Aufwand. Sie kommen ohne neue Inhalte und ohne tiefgreifenden Umbau aus, wirken aber sofort auf jeden Besucher der überarbeiteten Seite. Für Dienstleister mit wenigen, hochwertigen Anfragen pro Monat reicht oft eine handvoll zusätzlicher Anfragen, um die Investition wirtschaftlich zu rechtfertigen; für Shops verstärkt sich der Effekt mit dem Besucher-Volumen.
Typische Fehler
- Ein großes Bild ohne Botschaft platziert – die wertvollste Bildschirm-Fläche wird verschenkt.
- Automatischer Bilderwechsler mit mehreren Botschaften eingesetzt – Besucher sehen in der Regel nur die erste Aussage, der Rest wird ignoriert.
- Cookie-Banner verdeckt den sichtbaren Bereich am Smartphone – ein häufig übersehener Konvertierungs-Killer im mobilen Segment.
- Aufruf zur Handlung („Jetzt anfragen") erst nach dem Scrollen sichtbar – statt im ersten Ausschnitt platziert.
- Nur am Desktop entwickelt, mobile Sicht nicht separat geprüft – auf dem Smartphone verschiebt sich der sichtbare Bereich erheblich.
Worauf achten?
- Keine feste Pixel-Grenze ansetzen – der sichtbare Bereich hängt vom Endgerät und vom Browser-Fenster ab.
- Mobile Sicht zuerst entwerfen – dort ist der sichtbare Bereich am kleinsten und entscheidet für die Mehrheit der Besucher.
- Keine reinen Bühnen-Bilder ohne Aussage einsetzen – jede Bildschirm-Fläche im sichtbaren Bereich ist wertvoll.
- Die Grenze nicht als harte Trennlinie behandeln – auch der Bereich darunter wird gelesen, sobald gescrollt wird.
- Hauptbotschaft und nächster Schritt sind die beiden Pflicht-Elemente im sichtbaren Bereich – alles andere kann darunter folgen.
Häufig gestellte Fragen
Was bedeutet Above the Fold konkret?
Gemeint ist der Bildschirm-Ausschnitt einer Webseite, der ohne Scrollen sofort sichtbar ist. Eine feste Pixel-Grenze gibt es nicht – der Bereich hängt vom Endgerät, vom Browser-Fenster und vom Cookie-Banner ab. Auf dem Smartphone ist der Ausschnitt deutlich kleiner als am Desktop.
Welche Elemente gehören in den sichtbaren Bereich?
Drei Bausteine sollten sich darin zusammenfinden: die Hauptbotschaft der Seite, sichtbare Vertrauens-Signale (Bewertungen, Logos, Region) und ein erkennbarer nächster Schritt – etwa ein Aufruf zur Kontaktaufnahme, eine Telefonnummer oder ein Bestell-Button.
Wie wichtig ist Above the Fold am Smartphone?
Besonders wichtig. Der sichtbare Bereich ist am Smartphone deutlich kleiner als am Desktop, und Cookie-Banner können einen erheblichen Anteil des verbleibenden Platzes aufzehren. Wer am Smartphone nicht innerhalb des sichtbaren Bereichs überzeugt, verliert einen großen Teil der Besucher vor dem ersten Scroll.
Wie wirkt sich Above the Fold auf SEO aus?
Indirekt über die Verweildauer und die Absprungrate. Wer im sichtbaren Bereich überzeugt, behält Besucher länger auf der Seite – beide Signale fließen in das Ranking ein. Eine gut gestaltete erste Bildschirm-Sicht ist damit gleichzeitig Konvertierungs- und SEO-Hebel.