Above the Fold

Above the Fold ist der Bereich einer Webseite, der im Browserfenster sichtbar ist, sobald ein Besucher die Seite aufruft – bevor er scrollt, klickt oder auf irgendeine Weise interagiert. Alles, was über diese anfängliche Ansichtsgrenze hinausgeht, befindet sich below the fold (unterhalb der Falz).

Der Begriff beschreibt den ersten bildschirmfüllenden Inhalt: die Überschrift, das Hero-Bild, die Navigation und jeden Call-to-Action, der ohne Scrollen geladen wird. Es ist der Bereich mit der höchsten Sichtbarkeit auf jeder Seite.

Was bedeutet „above the fold“?

Im Webdesign bezeichnet Above the Fold (oft als ATF abgekürzt) den sichtbaren Bereich einer Webseite, bevor gescrollt wird. Die „Falz“ (Fold) ist die imaginäre Linie am unteren Rand des Browserfensters – die Grenze zwischen dem, was ein Besucher sofort sieht, und dem, was erst durch eine Aktion sichtbar wird.

Der Begriff beschreibt keine feste Pixelhöhe. Auf einem 27-Zoll-Desktop-Monitor kann die Falz bei etwa 900–1.000 Pixeln von oben liegen. Auf einem Smartphone im Hochformat sind es möglicherweise nur 500–600 Pixel. Die Falz verschiebt sich mit jedem Gerät, jeder Bildschirmgröße, jeder Browser-Symbolleiste und jeder Zoomeinstellung.

Drei Fragen, die der Above-the-Fold-Bereich fast augenblicklich beantworten sollte:

1. Worum geht es auf dieser Seite? – eine klare, aussagekräftige Überschrift
2. Warum sollte ich bleiben? – ein Nutzenversprechen oder eine Vorteilsaussage
3. Was soll ich als Nächstes tun? – ein sichtbarer Call-to-Action oder Navigationshinweis

Starten Sie noch heute Ihr Affiliate-Programm

Richten Sie erweitertes Tracking in wenigen Minuten ein. Keine Kreditkarte erforderlich.

Demo anfordern 30-Tage-Testversion starten

Woher kommt „above the fold“?

Der Begriff stammt aus dem Print-Zeitungsgeschäft. Gedruckte Zeitungen wurden an Kiosken in der Mitte gefaltet ausliegen. Nur die obere Hälfte der Titelseite war für Passanten sichtbar. Redakteure platzierten die wichtigsten Schlagzeilen, auffälligen Fotos und Leitartikel in diesem Bereich, um Aufmerksamkeit zu erregen und Verkäufe zu fördern.

Die gleiche Logik fand in den 1990er-Jahren Einzug in das frühe Webdesign. Gestalter übernahmen das Konzept der „Falz“, um zu beschreiben, was Nutzer vor dem Scrollen sehen – das digitale Pendant zur Kiosk-Auslage.

Im Gegensatz zu Zeitungspapier hat eine Webseite jedoch keine physische Falte. Die Falz ist virtuell und wird vollständig durch den Viewport des Besuchers definiert.

Warum ist above the fold wichtig?

Above-the-Fold-Inhalte entscheiden darüber, ob ein Besucher bleibt oder geht.

Erste Eindrücke und Absprungrate

Ein Besucher bildet sich innerhalb von etwa 50 Millisekunden einen Eindruck von einer Seite. Wirkt der Above-the-Fold-Bereich überladen, verwirrend oder irrelevant, steigt die Absprungrate. Seiten, die Zweck und Nutzen im anfänglichen Ansichtsbereich klar kommunizieren, weisen messbar niedrigere Abbruchraten auf.

Auswirkung auf Conversions

Calls-to-Action, Anmeldeformulare und wichtige Angebote, die above the fold platziert sind, übertreffen durchweg solche, die weiter unten vergraben sind.

SEO-Auswirkungen

Die Page-Experience-Signale und Core Web Vitals von Google belohnen Seiten, bei denen der Hauptinhalt schnell lädt und sofort zugänglich ist. Die Falz selbst ist zwar kein direkter Ranking-Faktor, aber Seiten, die wesentliche Inhalte hinter aufdringlichen Interstitials oder großen Hero-Bildern verstecken, riskieren eine niedrigere Platzierung. Inhalte, die schwerer zu erreichen sind, rangieren weniger wettbewerbsfähig.

Newsletter abonnieren

Erfahren Sie als Erster von neuen Funktionen und Produkt-Updates.

E-Mail-Adresse

Abonnieren

Wo liegt die Falz auf einer Webseite?

Es gibt keine einheitliche Falzlinie. Die Falz variiert mit:

1. Bildschirmgröße und Auflösung – ein 1920×1080-Desktop-Monitor zeigt weit mehr als ein 375×667-Smartphone-Bildschirm
2. Browser-Chrome – Symbolleisten, Lesezeichenleisten und Registerkarten reduzieren den verfügbaren vertikalen Raum
3. Geräteausrichtung – Quer- vs. Hochformat auf Tablets und Smartphones führt zu unterschiedlichen Falzpositionen

Der häufigste mobile Viewport beträgt etwa 390×660 Pixel. Das bedeutet, dass mobile Besucher grob die Hälfte des vertikalen Inhalts sehen, den Desktop-Besucher sehen – was das mobile Above-the-Fold-Design anspruchsvoller und zugleich kritischer macht.

Wie wird „above the fold“ gemessen?

Webdesigner und Vermarkter verwenden verschiedene Methoden, um zu messen, wo die Falz verläuft:

• Heatmap-Tools (Hotjar, Crazy Egg, Microsoft Clarity) – zeigen die aggregierte Scroll-Reichweite als Farbverläufe
• BrowserStack und reaktive Testtools – simulieren Viewports über verschiedene Geräteprofile hinweg
• Manuelles Testen – Browser auf gängige Breakpoints ziehen und notieren, wo Inhalte abgeschnitten werden

Die 600-Pixel-Faustregel aus den frühen 2000er Jahren ist überholt. Designer behandeln die Falz heute als flexibles Konzept und testen über mindestens fünf Viewport-Breiten: 390px (kleines Smartphone), 428px (großes Smartphone), 768px (Tablet-Hochformat), 1024px (Tablet-Querformat / kleines Laptop) und 1440px (Desktop).

Ist above the fold noch relevant?

Ja – aber nicht so, wie es noch vor einem Jahrzehnt verstanden wurde. Die Vorstellung, dass sämtliche kritischen Inhalte strikt oberhalb der Falz liegen müssen, ist überholt. Nutzer scrollen, und zwar häufig. Social-Media-Feeds, Unendlich-Scroll-Nachrichtenseiten und Kurzvideo-Plattformen haben die Menschen darin geschult, zu wischen und zu scrollen – das ist zur Gewohnheit geworden.

Dennoch entscheiden Above-the-Fold-Inhalte nach wie vor darüber, ob ein Besucher überhaupt zu scrollen beginnt.

Überholte Ratschläge:

• Jeden CTA, jede Überschrift und jedes Bild oberhalb einer starren 600-Pixel-Linie zu platzieren
• Nur für Desktop zu gestalten und mobile Viewports zu ignorieren
• Davon auszugehen, dass Nutzer niemals scrollen

Aktuelle Best Practices:

• Platzieren Sie Ihr zentrales Nutzenversprechen und einen primären CTA above the fold
• Verwenden Sie visuelle Hinweise – teilweise sichtbare Inhalte am unteren Rand, Richtungspfeile, scrollausgelöste Animationen – um zu signalisieren, dass weitere Inhalte darunter existieren
• Gestalten Sie zuerst für den kleinsten gemeinsamen Viewport und verbessern Sie dann für größere Bildschirme

Was gehört above the fold?

Die genaue Zusammenstellung hängt vom Seitentyp ab. Eine Startseite, eine Landing Page und ein Blogartikel verfolgen unterschiedliche Ziele.

Für Startseiten und Landing Pages

1. Eine klare, nutzenorientierte Überschrift – sagen Sie Besuchern, was Sie tun und warum es wichtig ist
2. Eine unterstützende Unterüberschrift – ein Satz, der Kontext oder einen sekundären Nutzen hinzufügt
3. Primärer Call-to-Action-Button – prominent platziert, kontrastreich und handlungsorientiert
4. Hero-Bild oder kurzes Video – relevantes visuelles Element, das die Botschaft verstärkt, ohne den Raum zu dominieren
5. Navigation – sauber, minimalistisch und intuitiv

Für Blogartikel und Inhaltsseiten

1. Artikelüberschrift – beschreibend und keywordreich
2. Beitragsbild – so skaliert, dass es Text nicht unter die Falz drückt
3. Einleitungsabsatz – benennt das Thema und was der Leser gewinnen wird
4. Inhaltsverzeichnis – bei längeren Beiträgen hilft ein Sprungmenü den Lesern bei der Navigation

Für E-Commerce-Produktseiten

1. Produktname und Hauptbild
2. Preis – ohne Scrollen sichtbar
3. In-den-Warenkorb-Button
4. Sternebewertung und Anzahl der Rezensionen – sozialer Beweis auf einen Blick
5. Wichtiges Unterscheidungsmerkmal – kostenloser Versand, Garantie oder besonderes Feature

Wie lässt sich above the fold auf Affiliate-Marketing anwenden?

Affiliate-Vermarkter – ob Werbetreibende, Publisher oder Programm-Manager – verlassen sich auf Above-the-Fold-Platzierungen, um Sichtbarkeit, Klicks und Conversions zu maximieren.

Für Werbetreibende (Unternehmen mit Affiliate-Programmen)

Ihre Affiliate-Landing Pages müssen den Wert sofort vermitteln. Wenn ein weitergeleiteter Besucher auf einer Seite landet und die Überschrift, das Angebot oder der CTA unterhalb der Falz vergraben ist, war der bezahlte Klick verschwendet.

• Testen Sie Landing-Page-Überschriften above the fold mit Ihren leistungsstärksten Affiliates
• Halten Sie das Formular oder den Kaufbutton auf mobilen Geräten im anfänglichen Viewport

Für Publisher (Affiliates, die Angebote bewerben)

Affiliate-Links und Banner, die above the fold platziert sind, erzielen deutlich mehr Impressionen und Klicks als solche in Seitenleisten oder Fußzeilen. Allerdings bestrafen Googles Richtlinien zur Anzeigenplatzierung Seiten, die Inhalte hinter eine Überfülle von Above-the-Fold-Anzeigen verschieben.

• Integrieren Sie Affiliate-CTAs natürlich – kontextuelle Textlinks in den ersten beiden Absätzen übertreffen oft Banneranzeigen
• Vermeiden Sie mehrere Banner übereinander above the fold auf Inhaltsseiten
• Offenlegen Sie Affiliate-Beziehungen klar in der Nähe des Links, nicht versteckt in der Fußzeile

Für Affiliate-Programm-Manager

Wenn Sie Affiliate-Bewerbungen prüfen und die Partnerleistung überwachen, bewerten Sie, wo Ihre Affiliates Ihre Links platzieren. Affiliates, die Ihre Angebote above the fold auf stark frequentierten Seiten positionieren, erzielen tendenziell die meisten Conversions. Nutzen Sie diese Daten, um:

• Die leistungsstärksten Platzierungen zu identifizieren und diese Muster mit schwächer performenden Affiliates zu teilen
• Kreativ-Assets (Banner, Textlinks) in Größen für gängige Above-the-Fold-Dimensionen bereitzustellen
• Auf Compliance zu achten – stellen Sie sicher, dass Affiliates keine irreführenden Platzierungen verwenden, die gegen Ihre Bedingungen verstoßen

Sollten CTAs oberhalb oder unterhalb der Falz platziert werden?

Die kurze Antwort: Platzieren Sie Ihren primären CTA above the fold und ergänzende CTAs darunter.

Ein CTA above the fold erfasst Besucher, die schnell eine Entscheidung treffen. Dies sind Nutzer mit hoher Absicht – sie kamen bereits mit einer Vorstellung dessen, was sie wollen, und brauchen nur den richtigen Anreiz, um zu handeln.

Ein CTA unterhalb der Falz bedient Besucher, die mehr Informationen benötigen. Nachdem sie Vorteile, Testimonials oder Produktdetails gelesen haben, konvertieren sie mit größerer Zuversicht. Diese Conversions weisen oft höhere durchschnittliche Bestellwerte und niedrigere Rücklaufquoten auf.

Keine der beiden Platzierungen ist universell überlegen. Das effektivste Muster, bestätigt durch Tausende von A/B-Tests, lautet:

• Einzelner primärer CTA above the fold – die Aktion, die die meisten Besucher sofort auszuführen bereit sind
• Sekundäre CTAs verteilt unterhalb der Falz – nach jedem wichtigen Abschnitt, der ein überzeugendes Argument liefert
• Sticky CTA auf mobilen Geräten – ein dauerhafter Button, der am unteren Bildschirmrand fixiert bleibt, während der Nutzer scrollt

Testen Sie beide Platzierungen. Verfolgen Sie nicht nur Klicks, sondern auch abgeschlossene Conversions. Ein CTA, der above the fold viele Klicks erzeugt, aber wenige Abschlüsse, spricht möglicherweise die falsche Zielgruppe an. Ein CTA unterhalb der Falz mit weniger Klicks, aber höheren Abschlussraten, könnte besser qualifiziert sein.