Above the Fold – Definition & Erklärung | Glossar Matt & Beck
Startseite Glossar Above the Fold
Webdesign

Above the Fold

Above the Fold bezeichnet den Bereich einer Website, der ohne Scrollen sofort sichtbar ist – der erste Eindruck beim Öffnen der Seite. Alles was erst durch Scrollen sichtbar wird, ist „below the fold“.

Was bedeutet „Above the Fold“ genau?

Der Begriff stammt aus der Zeitungsbranche: Die wichtigsten Schlagzeilen standen immer auf der oberen Hälfte der Titelseite – dem Bereich, der beim gefalteten Exemplar am Kiosk sichtbar war. „Above the fold“ hieß: sichtbar ohne aufzuklappen.

Im Webdesign funktioniert das Prinzip genauso. Wenn jemand Ihre Website öffnet, sieht er zuerst nur den Bereich, der ohne Scrollen auf dem Bildschirm erscheint. Dieser Bereich ist Ihre einzige Chance, einen guten ersten Eindruck zu machen – bevor der Besucher entscheidet ob er bleibt oder geht.

Die 3-Sekunden-Regel: Wenn Ihr Above-the-Fold-Bereich nicht sofort klar macht wer Sie sind und was Sie anbieten, verlieren Sie den Besucher – für immer.

Was gehört in den Above-the-Fold-Bereich?

Nicht alles hat oben Platz – und das ist gut so. Ein überladener Above-the-Fold-Bereich verwirrt mehr als er überzeugt. Diese vier Elemente gehören zwingend hinein:

Die 4 Pflicht-Elemente

Was above the fold sein muss

  • Eine klare Hauptüberschrift (H1) die das Kernangebot in einem Satz kommuniziert
  • Ein Subheadline das den konkreten Nutzen für den Besucher benennt
  • Ein sichtbarer, eindeutiger Call-to-Action – eine klare Handlungsaufforderung
  • Ein Vertrauenselement: Bewertungen, Zertifikate, Referenzen oder eine Zahl die überzeugt

Alles andere – ausführliche Erklärungen, Leistungsübersichten, FAQs, Prozessdarstellungen – gehört below the fold. Wer interessiert ist, scrollt. Wer nicht überzeugt ist, muss es gar nicht erst tun.

Praxisbeispiel: Tierarztpraxis

Wie sieht ein gut gestalteter Above-the-Fold-Bereich für ein regionales Unternehmen aus? Hier ein echtes Beispiel aus unserer Arbeit – die Website von Tierärztin Corinna Mick:

Echtes Praxisbeispiel – Matt & Beck Kunde

Tierarztpraxis Corinna Mick

Above the Fold Beispiel – Tierarztpraxis Corinna Mick

Was dieser Above-the-Fold-Bereich in drei Sekunden kommuniziert: Wer (Tierärztin Corinna Mick), Was (Tierarztpraxis mit persönlicher Note), Vertrauen (echtes Foto, klare Ansprache) und Was tun (klarer Call-to-Action). Kein Besucher muss scrollen um zu verstehen ob er hier richtig ist.

Above the Fold und SEO – der Zusammenhang

Google bewertet nicht nur den Inhalt einer Seite, sondern auch das Verhalten der Nutzer darauf. Die Absprungrate – also der Anteil der Besucher die sofort wieder zurückgehen – ist ein indirektes Ranking-Signal.

Ein schlecht gestalteter Above-the-Fold-Bereich erhöht die Absprungrate. Mehr Absprünge bedeuten: Google denkt, die Seite beantwortet die Suchanfrage nicht. Das drückt langfristig das Ranking.

Umgekehrt gilt: Wer Besucher mit einem überzeugenden ersten Eindruck auf der Seite hält, verbessert seine SEO-Performance – ohne eine einzige Zeile am Seiteninhalt zu ändern.

Above the Fold auf Smartphones

Über 60 % der Suchanfragen kommen heute vom Smartphone. Das bedeutet: Der Above-the-Fold-Bereich ist auf einem kleinen Bildschirm deutlich kleiner als auf dem Desktop. Was am Desktop wunderbar wirkt, kann auf dem Handy bereits zu lang sein um ohne Scrollen zu passen.

Bei Matt & Beck gestalten wir den Above-the-Fold-Bereich immer für beide Ansichten – Desktop und Mobile. Das ist kein optionales Extra, sondern Grundanforderung.

Häufige Fragen zu „Above the Fold“

Above the Fold bezeichnet den Bereich einer Website, der ohne Scrollen sofort sichtbar ist – der erste Eindruck beim Öffnen der Seite. Alles was erst durch Scrollen sichtbar wird, ist „below the fold“.

Eine klare Überschrift die das Kernangebot kommuniziert, ein starkes Subheadline das den Nutzen konkretisiert, ein sichtbarer Call-to-Action und ein Vertrauenselement wie Bewertungen oder Referenzen. Alles andere gehört below the fold.

Ja, indirekt. Google misst die Absprungrate – wenn Nutzer sofort zurückspringen, ist das ein negatives Signal. Ein überzeugender Above-the-Fold-Bereich hält Nutzer auf der Seite und verbessert so indirekt das Ranking.

Das hängt vom Gerät und der Bildschirmauflösung ab. Auf einem Desktop sind es typischerweise etwa 600–900 Pixel Höhe. Auf einem Smartphone deutlich weniger – oft nur 500–600 Pixel. Deshalb ist es wichtig, den Bereich für beide Ansichten zu optimieren.

Studien zeigen: Nutzer entscheiden in weniger als 3 Sekunden ob sie bleiben oder zurückgehen. Der Above-the-Fold-Bereich ist Ihre einzige Chance diesen ersten Eindruck zu gestalten – er bestimmt maßgeblich Ihre Conversion Rate und damit wie viele Anfragen Ihre Website bringt.

Wir optimieren den Above-the-Fold-Bereich in jedem Projekt – von Anfang an, nicht als Nachgedanke. Im kostenlosen Analysegespräch zeigen wir Ihnen konkret, wie Ihr erster Eindruck verbessert werden kann. Jetzt Termin buchen →

Bereit für Ihren Platzhirsch-Moment?

Theorie ist gut – Ergebnisse sind besser. Im kostenlosen Analysegespräch zeigen wir Ihnen, wie wir Above the Fold konkret für Ihr Unternehmen einsetzen.