Was ist Above the Fold? (Einfach erklärt)

Above the Fold ist der Bereich einer Website, den Besucher:innen sofort sehen – noch bevor sie scrollen. Genau hier entscheidet sich oft in wenigen Sekunden, ob jemand bleibt oder wieder wegklickt.

Was ist Above the Fold genau?

„Above the Fold“ kommt ursprünglich aus der Zeitungswelt: Das war der Teil der Zeitung, den man auf den ersten Blick sieht, wenn sie gefaltet ist. Auf Websites bedeutet es: alles, was sofort sichtbar ist, bevor man nach unten scrollt. Wichtig: Above the Fold ist kein fixer „Pixel-Bereich“, sondern hängt vom Bildschirm und vom Gerät ab (Desktop, Tablet, Smartphone).

Ist Above the Fold auf Desktop und Mobile das Gleiche?

Nicht ganz – der Inhalt sollte gleich klar sein, aber die Darstellung ist oft anders.

• Desktop: mehr Platz – Text und Bild können nebeneinander stehen
• Tablet: oft kompakter – Elemente rutschen enger zusammen
• Smartphone: weniger Höhe – Headlines, Buttons und Menüs müssen stark reduziert sein

Das Ziel bleibt aber immer gleich: In Sekunden verständlich machen, worum es geht und was der nächste Schritt ist.

Was sollte Above the Fold unbedingt enthalten?

Für Einsteiger-Websites gilt: Keep it simple. Above the Fold braucht nicht viel – aber es muss klar sein.

• 1 klare Headline: Was bietest du an? (ohne Floskeln)
• 1–2 Sätze Erklärung: Für wen ist das und was bringt es?
• Call-to-Action (CTA): z. B. „Kontakt“, „Anfrage“, „Mehr erfahren“
• Vertrauenssignal: z. B. kurze Aussage, Bewertung, „100+ Projekte“ (wenn passend)

Warum ist Above the Fold so wichtig?

Viele Besucher:innen scrollen nicht automatisch. Wenn oben nicht klar wird, was die Website macht, klicken viele sofort zurück.

• Erster Eindruck: entscheidet oft innerhalb weniger Sekunden
• Orientierung: Besucher:innen verstehen sofort „bin ich hier richtig?“
• Mehr Klicks: ein klarer CTA führt schneller zum nächsten Schritt
• Weniger Absprünge: klare Botschaft verhindert Verwirrung

Typische Fehler Above the Fold (und wie du sie vermeidest)

Gerade bei selbstgebauten Websites passieren oben die größten Conversion-Fehler:

• Unklare Headline: „Willkommen“ sagt nichts aus
• Zu viel Text: lange Absätze statt 1 klarer Aussage
• Kein Button: Besucher:innen wissen nicht, was sie tun sollen
• Schlechte Lesbarkeit: Text auf Bild ohne Kontrast
• Mobile ignoriert: oben sieht man nur Menü + riesiges Bild

Above the Fold vs. Navigation/Header – was ist was?

Above the Fold ist nicht gleich Header. Der Header (oben mit Logo/Navigation) liegt zwar meistens „above the fold“, aber Above the Fold ist der gesamte sichtbare Startbereich.

• Header: oberer Bereich mit Logo & Navigation
• Navigation: das Menü (oft im Header)
• Above the Fold: alles, was man ohne Scrollen sieht (inkl. Header und meist Hero)

Fazit: Above the Fold entscheidet, ob Besucher:innen bleiben

Above the Fold ist der sichtbare Startbereich ohne Scrollen. Wenn dort in wenigen Sekunden klar wird, worum es geht und was der nächste Schritt ist, bleibt man länger auf der Website – und klickt eher weiter. Für Einsteiger:innen ist das einer der wichtigsten Bereiche, weil hier oft die größte Wirkung entsteht.

FAQ – kurz & einfach

Was bedeutet „Above the Fold“ bei Websites?

Above the Fold ist der Bereich einer Website, den man sofort sieht, ohne zu scrollen. Dort entscheidet sich oft in wenigen Sekunden, ob Besucher:innen bleiben oder wieder wegklicken. Deshalb sollten Headline, kurze Erklärung und ein klarer nächster Schritt (Button) direkt sichtbar sein – besonders bei Einsteiger-Websites.

Ist Above the Fold das Gleiche wie der Hero-Bereich?

Oft ja – aber nicht immer. Der Hero-Bereich ist meistens der wichtigste Teil „above the fold“, weil er direkt am Anfang steht. Above the Fold meint aber allgemein den gesamten sichtbaren Bereich ohne Scrollen, inklusive Header/Navigation. Mehr dazu: Was ist ein Hero-Bereich?

Wie groß ist Above the Fold?

Es gibt keine feste Größe. Above the Fold hängt vom Gerät und der Bildschirmhöhe ab. Auf einem Smartphone ist der sichtbare Bereich kleiner als am Desktop, und auch Browserleisten oder große Menüs nehmen Platz weg. Darum ist es wichtig, den Startbereich immer auf Mobile, Tablet und Desktop zu testen.

Was sollte Above the Fold unbedingt enthalten?

Eine klare Headline (was bietest du an), 1–2 erklärende Sätze und einen gut sichtbaren Call-to-Action (CTA). Optional sind Vertrauenssignale wie kurze Bewertungen oder ein Hinweis auf Erfahrung – aber nur, wenn es wirklich passt. Wichtig ist: nicht überladen, sondern sofort verständlich.

Warum springen Besucher:innen so schnell ab, wenn Above the Fold schlecht ist?

Weil Menschen online sehr schnell entscheiden. Wenn der Startbereich unklar ist (z. B. „Willkommen“ ohne Aussage), wenn es keinen Button gibt oder wenn man am Handy nur ein großes Bild sieht, fehlt Orientierung. Dann klicken viele zurück, ohne überhaupt zu scrollen. Ein klarer Startbereich reduziert diese Absprünge deutlich.

Ist Above the Fold wichtig für SEO?

Indirekt ja. Google bewertet vor allem, ob Nutzer:innen zufrieden sind. Wenn Besucher:innen sofort wieder abspringen, ist das ein schlechtes Signal. Ein klarer Above-the-Fold-Bereich verbessert Orientierung, Klicks und Verweildauer – und das unterstützt langfristig gute Rankings. Außerdem hilft er, wichtige Inhalte schnell sichtbar zu machen.