Above the Fold

Above the fold ist der Inhalt, der im ersten sichtbaren Bereich (Initial Viewport) zu sehen ist, noch bevor gescrollt wird. Im SEO ist das relevant, weil dieser Bereich den ersten Eindruck prägt, die Nutzerinteraktion beeinflusst und oft das Element enthält, das Google für Largest Contentful Paint nutzt.

Warum SEOs das betrifft

Das ist nicht nur ein UX-Begriff. Es hat direkte SEO-Auswirkungen. Wenn dein Hero-Image, H1, Produkttitel oder dein Einleitungstext langsam lädt, leidet dein LCP. Wenn der erste Screen überladen, vage oder von Werbung dominiert ist, springen Nutzer schnell ab. Die Historie der Page-Layout-Algorithmen von Google spielt hier weiterhin eine Rolle, und Core Web Vitals hat das Problem messbar gemacht.

Nutze Google Search Console für CTR- und Landing-Page-Muster, Screaming Frog, um die Konsistenz von Templates zu prüfen, und Ahrefs oder Semrush, um die Layouts der Top-Rankings mit euren eigenen zu vergleichen. Surfer SEO kann bei der Strukturierung von Inhalten helfen, aber es löst weder ein aufgeblähtes Hero noch ein mobiles LCP von 3,2 Sekunden.

Was gehört „above the fold“?

• Eine klare Hauptüberschrift
• Ein kurzes Value Proposition-Statement oder eine Zusammenfassung
• Eine primäre CTA, nicht vier
• Wichtige Vertrauenssignale, wenn es auf Conversions ankommt
• Navigation, die hilft – nicht ablenkt

Bei Content-Seiten bedeutet das in der Regel das H1, die Einführung und eventuell einen Link zur Inhaltsübersicht. Bei E-Commerce heißt es: Produktname, Preis, Varianten-Auswahl, Review-Zusammenfassung und der Kaufpfad. Bei Lead-Generierung: Headline, Proof und Formular oder CTA. Einfach.

Technische Auswirkungen

Above-the-fold-Inhalte hängen typischerweise mit der Rendering-Performance zusammen. Die größten Fehler sind vorhersehbar: zu große Hero-Bilder, Slider, die niemand angefordert hat, Webfonts, die das Paint blockieren, sowie JavaScript-lastige Komponenten, die in den ersten Viewport gedrückt werden.

In der Praxis: Ziel sollte ein LCP unter 2,5 Sekunden sein – gemessen am 75. Perzentil auf mobilen Geräten. Besser: unter 1,8 Sekunden auf relevanten Templates. Komprimiere Hero-Assets, lade das LCP-Bild bei passender Situation vor (preload), binde kritisches CSS sorgfältig ein und stoppe das Laden von rein dekorativem Ballast, bevor der Hauptinhalt erscheint. Teste mit PageSpeed Insights, Lighthouse und Feld-Daten aus CrUX. Danach die Auswirkung in GSC verifizieren.

Was andere falsch machen

Der häufige schlechte Rat lautet: „Pack alles Wichtige above the fold.“ Das führt zu engen, lauten Seiten. „Above the fold“ bietet nur begrenzten Platz, und die Viewport-Größen unterscheiden sich extrem je nach Gerät. Es gibt keine universelle „Fold“-Linie. Ein 390×844 Smartphone und ein 1440×900 Laptop verhalten sich nicht gleich.

John Mueller von Google hat wiederholt gesagt, dass es keinen festen Ranking-Boost dafür gibt, Text above the fold zu platzieren. Der Nutzen ist indirekt: bessere Klarheit, schnelleres Rendering, stärkere Interaktion, sauberere Conversion-Pfade. Das bleibt wertvoll – nur behandle es nicht wie einen magischen Hebel fürs Ranking.

Wenn du einen praktischen Richtwert willst: Prüfe deine Top-20 organischen Landing Pages nach Klicks in GSC. Schau, ob der erste Viewport in den ersten 3 Sekunden Thema, Intent-Übereinstimmung und die nächste Aktion vermittelt. Wenn nicht, bring das zuerst in Ordnung, bevor ihr weitere 2.000 Wörter „hilfreiche Inhalte“ schreibt.