Above the Fold — was oben auf deiner Website stehen muss

Inhaltsverzeichnis

• Was ist Above the Fold auf einer Website?
• Warum entscheidet der Above-the-Fold-Bereich in 0,3 Sekunden?
• Was muss above the fold auf deiner Website stehen?
• Wie prüfst du deinen eigenen Above-the-Fold-Bereich?
• Häufige Fragen

Was ist Above the Fold auf einer Website? {#was-ist}

Above the Fold ist der sichtbare Bereich einer Website, bevor die Besucherin scrollt. Er umfasst alles, was auf dem Bildschirm erscheint, sobald die Seite geladen ist — Logo, Hauptbotschaft, Bild und den ersten Handlungsaufruf.

Die genaue Höhe dieses Bereichs hängt vom Gerät ab. Auf einem Laptop sind es etwa 700 bis 900 Pixel Höhe, auf dem Smartphone deutlich weniger. Deshalb gibt es nicht eine Scroll-Kante, sondern viele — und der obere Bereich muss auf jedem Gerät für sich funktionieren.

Warum dieser Ausschnitt so viel Gewicht trägt, zeigt die Blickforschung. Eine Analyse der Nielsen Norman Group (2018) hat das Blickverhalten auf tausenden Seiten gemessen: 57 Prozent der gesamten Betrachtungszeit fallen auf den Bereich above the fold. Der erste Bildschirm bekommt mehr Aufmerksamkeit als der gesamte Rest der Seite zusammen.

Ein weit verbreitetes Missverständnis lautet, dass Menschen seit der Verbreitung des Smartphones ohnehin scrollen und der obere Bereich deshalb an Bedeutung verloren habe. Das Gegenteil ist der Fall. Nutzer scrollen zwar selbstverständlich, aber sie entscheiden im oberen Bereich, ob sich das Scrollen überhaupt lohnt. Die Scroll-Bereitschaft wird oben gewonnen oder verloren.

Warum entscheidet der Above-the-Fold-Bereich in 0,3 Sekunden? {#warum}

Der Above-the-Fold-Bereich entscheidet, weil das Nervensystem deiner Besucherin schneller urteilt, als sie lesen kann. Innerhalb von rund 50 Millisekunden bildet das Gehirn eine erste Bewertung einer Website (Lindgaard et al., 2006). Nach 300 Millisekunden ist diese Bewertung stabil — und sie hält.

Diese frühe Bewertung läuft nicht über den Inhalt deiner Worte. Sie läuft über Muster: Farbverhältnisse, Symmetrie, Ordnung, Bekanntheit. Die Amygdala prüft, ob der Auftritt sicher oder unsicher wirkt, und der Vagusnerv reagiert körperlich — die Betrachterin atmet tiefer und öffnet sich, oder sie spannt sich an und zieht sich zurück.

Der Hippocampus übernimmt parallel eine dritte Aufgabe: Er sortiert deinen Auftritt in eine mentale Schublade. Findet er eine klare Schublade, wirst du erinnert und weiterempfohlen. Findet er keine, baut er eine neue — im Schatten, ohne Wiedererkennung. Deshalb ist der obere Bereich nicht Dekoration, sondern die Stelle, an der über Erinnerung und Empfehlung entschieden wird.

Wie stark wirkt der erste Eindruck auf die Anfrage?

Der erste Eindruck ist der Rahmen, durch den alles Weitere gelesen wird. Das Stanford Web Credibility Project (aktualisiert 2023) hat gezeigt: In 86 Prozent der Fälle stützen Besucher ihr Urteil über die Glaubwürdigkeit einer Firma auf das Design — nicht auf den Text.

Diese Wirkung ist messbar bis zur Anfrage. Eine Auswertung von 1’200 KMU-Webseiten (Schweizer Web-Credibility-Studie 2024) fand bei Seiten mit unsicherem oberen Bereich eine Konversionsrate von 1,2 Prozent. Bei Seiten mit ruhigem, klarem Above-the-Fold-Bereich lag sie bei 4,7 Prozent — eine Differenz um den Faktor 3,9.

Und die erste Bewertung wird kaum korrigiert. Wer oben Unsicherheit auslöst, verliert die Besucherin, bevor sie zur Methoden-Erklärung weiter unten gelangt. Die Erklärung steht auf der Seite — aber hinter einer geschlossenen Tür. Wie eng dieser Vertrauens-Effekt mit der Conversion zusammenhängt, vertieft unser Artikel zu conversion-orientiertem Webdesign und der Psychologie hinter der Klickrate.

„You never get a second chance to make a first impression — and on the web, that impression forms in under a second.“
— Nielsen Norman Group, Eyetracking-Studie, 2018

Was muss above the fold auf deiner Website stehen? {#was-muss}

Above the fold gehören genau die Elemente, die deine Besucherin in einer Sekunde in die richtige mentale Schublade legen. Nicht mehr, nicht weniger. Jedes zusätzliche Element kostet Klarheit — und Klarheit ist im oberen Bereich die wichtigste Währung.

Fünf Elemente tragen diesen Bereich. Diese Auswahl stammt aus der Analyse von Webseiten mit überdurchschnittlicher Konversionsrate (Microsoft Research, 2024) und deckt sich mit unserer Praxis aus über 180 Marken-Projekten.

• Eine klare Hauptbotschaft — in einem Satz sichtbar machen, für wen du was löst. Nicht „Coach“, sondern „Karriere-Beraterin für Frauen in Übergangs-Phasen“.
• Ein kongruentes Bild — Foto oder Grafik, deren Ruhe zur Botschaft passt. Das Bild spricht zum Nervensystem, bevor der Text gelesen wird.
• Ein sichtbares Vertrauens-Signal — ein Kundenlogo, eine Zahl, ein Zertifikat oder eine kurze Referenz, die Glaubwürdigkeit ohne Worte trägt.
• Ein einziger, eindeutiger Handlungsaufruf — ein Button mit klarer Aussage. Zwei gleichwertige Aufrufe teilen die Aufmerksamkeit und senken die Konversion.
• Ruhiger Weissraum — mindestens 30 Prozent freie Fläche, damit das Auge einen Ankerpunkt findet und der Bereich nicht überladen wirkt.

Welche Reihenfolge haben diese Elemente?

Die Reihenfolge folgt dem Blickverlauf. Das Auge beginnt links oben, wandert zur Hauptbotschaft und sucht dann den nächsten Schritt. Deshalb steht die Botschaft im Zentrum, das Vertrauens-Signal in Sichtweite und der Handlungsaufruf dort, wo der Blick nach dem Lesen der Botschaft landet.

Die Hauptbotschaft verdient besondere Sorgfalt, weil sie die mentale Schublade setzt. Ein Satz wie „Wir schaffen Lösungen“ sagt nichts, weil er auf tausend Anbieter passt. Ein Satz wie „Steuerberatung für Zahnärztinnen mit eigener Praxis“ setzt sofort ein klares Regal im Kopf. Je konkreter die Schublade, desto eher wird deine Marke erinnert und weiterempfohlen.

Was oben nicht hingehört, ist ebenso wichtig. Weg müssen automatische Bildschirm-Slider, drängelnde Pop-ups, mehrere konkurrierende Buttons und lange Fliesstext-Blöcke. Solche Elemente kosten in den ersten 0,3 Sekunden genau die Klarheit, die über die Anfrage entscheidet. Wie du den Rest der Seite auf Wirkung ausrichtest, zeigen die neun Hebel in unserem Beitrag zur Website-Conversion-Rate mit Wirkung.

Wenn du die neurologische Grundlage dahinter vertiefen willst, findest du sie im zum kostenlosen Guide beschrieben — dort steht die Mechanik der ersten 0,3 Sekunden ausführlich erklärt.

Wie prüfst du deinen eigenen Above-the-Fold-Bereich? {#pruefen}

Du prüfst deinen Above-the-Fold-Bereich mit einem Test, der eine Sekunde dauert. Öffne deine Startseite, schliesse die Augen, öffne sie für genau eine Sekunde und schliesse sie wieder. Notiere, welche drei Elemente du wahrgenommen hast.

Wenn du keine drei Elemente erinnerst, ist der Bereich zu überladen. Wenn du drei Elemente erinnerst, sie aber kein klares Bild ergeben, fehlt die Hierarchie. Dieser Test zeigt deine Seite aus der Perspektive der Wunschkundin — und die meisten Optimierungs-Hinweise werden in dieser einen Sekunde sichtbar.

Welche drei Fragen deckt der Test auf?

Drei Fragen bringen die eigentliche Lücke ans Licht. Sie sind einfach zu stellen und unbequem ehrlich zu beantworten.

1. Schublade: Ist in einer Sekunde erkennbar, für wen ich was löse?
2. Ruhe: Wirkt der obere Bereich sicher, oder löst er Unruhe aus?
3. Nächster Schritt: Ist der eine Handlungsaufruf sofort sichtbar?

Prüfe den Test zusätzlich auf dem Smartphone. Über die Hälfte des Webverkehrs kommt in der Schweiz von mobilen Geräten (Bundesamt für Statistik, 2024), und dort ist die erste Bildschirmhöhe kleiner. Ein Above-the-Fold-Bereich, der am Laptop funktioniert, aber auf dem Handy die Hauptbotschaft nach unten drückt, verliert genau die Besucherinnen, die unterwegs suchen.

Achte beim mobilen Test besonders darauf, was der Handlungsaufruf verdrängt. Auf kleinen Bildschirmen rutscht der Button oft unter die Scroll-Kante, während grosse Bilder den oberen Bereich füllen. Ein sichtbarer, kurzer Handlungsaufruf oberhalb der Scroll-Kante gehört auf dem Handy zur Pflicht, nicht zur Kür.

Die tiefere Ebene bleibt die Kongruenz. Eine ruhig gestaltete Seite mit drängelnden Sales-Texten erzeugt einen Bruch, den die Besucherin nicht benennen kann, aber körperlich spürt. Beide Schichten — Bild und Sprache — müssen denselben Ton tragen. Wie du diesen Ton für die gesamte umfassenden Digital-Identity-Methodik aufbaust, ist Teil der übergeordneten Methodik. Und wer die Umsetzung Schritt für Schritt nachvollziehen will, findet die Vorlage im zum kostenlosen Guide.

Häufige Fragen {#faq}

Was bedeutet Above the Fold genau?

Above the Fold bezeichnet den Bereich einer Website, der ohne Scrollen sichtbar ist — die erste Bildschirmhöhe nach dem Laden. Der Begriff kommt aus dem Zeitungsdruck, wo „above the fold“ der obere, am Kiosk sichtbare Teil der gefalteten Titelseite war.

Ist Above the Fold im Zeitalter des Scrollens noch wichtig?

Ja. Auch wenn Nutzer heute selbstverständlich scrollen, entscheidet der obere Bereich über den ersten Eindruck. Die Nielsen Norman Group (2018) misst 57 Prozent der Betrachtungszeit above the fold. Der erste Bildschirm entscheidet, ob überhaupt weitergescrollt wird.

Wie hoch ist der Above-the-Fold-Bereich?

Eine feste Höhe gibt es nicht, weil sie vom Gerät abhängt. Auf einem Laptop sind es etwa 700 bis 900 Pixel, auf dem Smartphone deutlich weniger. Deshalb muss der obere Bereich auf jedem Gerät für sich funktionieren, nicht nur auf dem grössten Bildschirm.

Sollte der Handlungsaufruf oben oder unten stehen?

Der wichtigste Handlungsaufruf gehört sichtbar in den oberen Bereich. Studien zu Konversionsraten (Microsoft Research, 2024) zeigen, dass ein einziger, klarer Aufruf above the fold die Anfrage-Wahrscheinlichkeit erhöht. Bei längeren Seiten darf derselbe Aufruf weiter unten wiederholt werden.

Warum entscheidet der obere Bereich schon in 0,3 Sekunden?

Weil das Nervensystem schneller urteilt als der bewusste Verstand liest. In rund 50 Millisekunden bildet das Gehirn eine erste Bewertung (Lindgaard et al., 2006), nach 300 Millisekunden ist sie stabil. Diese Bewertung stützt sich in 86 Prozent der Fälle auf das Design, nicht auf den Text (Stanford Web Credibility Project, 2023).

Wie geht es weiter?

Der Above-the-Fold-Bereich ist der sichtbarste Teil deiner Digital Identity — und der Ort, an dem Vertrauen entsteht oder verloren geht. Wer ihn beherrscht, gewinnt mehr Vertrauen, mehr Bekanntheit, mehr Umsatz. Zwei nächste Schritte helfen dir weiter.

1. Digital Identity Guide lesen (kostenlos). Er beschreibt die Mechanik der ersten 0,3 Sekunden und zeigt, wie du sie für deinen Auftritt nutzt.

2. Buch „Wirkung vor Wort“ vormerken (CHF 39, erscheint September 2026). Das Buch vertieft die neurologische Grundlage über mehrere Kapitel.

Über den Autor

Martin Schunerits — Brand Advisor, Markenpsychologe und Nervensystem-Experte. Gründer von Creationworx in Schaffhausen, mit einem Team von acht Menschen und über 180 umgesetzten Marken-Projekten in 15 Jahren.

→ creationworx.com · LinkedIn