Above-the-Fold-CTA
Ein Above-the-Fold-CTA ist ein Button oder Formular, das auf einer Landingpage ohne Scrollen sichtbar ist und sich im sofort sichtbaren Bereich befindet.
Das Wichtigste in Kürze
- Es gibt keine feste Fold, nur eine Verteilung der Viewport-Höhen im Traffic.
- Mobile Adressleisten verkleinern die sichtbare Fläche beim ersten Rendern.
- Wenig verbindliche Aktionen vertragen frühe Platzierung, verbindliche meist nicht.
- Ein früh abgelehntes Angebot erschwert das spätere Ja, also wiederholen.
- Der erste Bildschirm rechtfertigt das Scrollen, er schließt die Entscheidung nicht ab.
Im Detail
Es gibt keine einzelne Fold-Linie, sondern eine Verteilung von Viewport-Höhen über die Geräte in Ihrem Traffic. Die operative Frage lautet deshalb, welcher Anteil der Sitzungen die Hauptaktion ohne Scrollen darstellt, und das beantwortet Ihre eigene Analyse, nicht eine Designregel. Mobile Browser verkomplizieren die Rechnung: Die Adressleiste belegt beim Laden Höhe und klappt beim Scrollen zusammen, sodass der beim ersten Rendern verfügbare Raum kleiner ist als der später gemeldete. Gestalten Sie für den kleineren.
Ob ein früher Call-to-Action konvertiert, hängt davon ab, wie viel Überzeugung das Angebot braucht. Eine Aktion mit geringer Verbindlichkeit, etwa einen Score erhalten, einen Rechner starten oder ein kostenloses Werkzeug öffnen, kann sofort angeboten werden, weil der Besucher kaum etwas riskiert. Eine verbindliche Aufforderung ohne vorherige Belege wird meist abgelehnt, und diese Ablehnung ist teuer, denn wer einmal Nein gesagt hat, konvertiert weiter unten schwerer.
Praktisch besteht die Aufgabe des ersten Bildschirms darin, das Scrollen zu rechtfertigen; der Button dort konvertiert die Minderheit, die bereits entschlossen ankommt. Teams wiederholen die Aktion deshalb an jedem natürlichen Entscheidungspunkt, statt alles auf den Kopfbereich zu setzen. Ein Scorecard-Funnel eignet sich für die frühe Platzierung besonders, weil der Quizstart eine kleine Verbindlichkeit ist, die zugleich überzeugt. Die Fragen liefern die Belege, ein Vorspann vor dem Startelement bringt also wenig.
Die Idee führt in die Irre, sobald sie eine Pixelregel wird. So lange zu optimieren, bis ein Button auf einem Testgerät eine willkürliche Linie überschreitet, kann Überschrift und Belege zusammendrücken und einen Bildschirm erzeugen, der formal erfüllt und niemanden überzeugt. Für Besucher mit hoher Absicht aus Markensuche oder Direktlink gilt sie kaum; sie finden die Aktion überall. Bei erklärungsbedürftigen Käufen lohnt der erste Bildschirm oft für die Problemrahmung, sofern die Aufforderung bald wiederkehrt.
Beispiel aus der Praxis
So wird es gemessen
Die Kennzahl hinter dem Begriff ist der Anteil der Sitzungen, in denen die Hauptaktion ohne Scrollen sichtbar ist. Bilden Sie ihn aus der Verteilung der Viewport-Höhen und der gerenderten Position des Buttons je gängiger Größe. Führen Sie ihn als Zahl statt als Designmeinung und prüfen Sie ihn nach jeder Änderung an Header, Überschrift oder Hero erneut, denn genau diese verschieben die Aktion unbemerkt.
Lesen Sie danach, wo Klicks tatsächlich entstehen. Vergleichen Sie den frühen Call-to-Action mit den Wiederholungen weiter unten. Kommen die meisten Conversions aus einer tieferen Instanz, ist die obere nicht das Arbeitspferd, und sie weiter hochzuziehen ändert wenig. Segmentieren Sie nach Gerät: Was am Desktop trägt und am Telefon scheitert, ist ein Viewport-Problem, was überall scheitert, ein Botschaftsproblem.
Häufige Fehler
Der Routinefehler ist, die Fold am Prüfgerät zu beurteilen. Ein großer externer Monitor zeigt weit mehr als die Telefone, die den Großteil des Traffics erzeugen; ein im Review bequem sichtbarer Button kann für die Mehrheit unsichtbar sein. Holen Sie die Verteilung der Viewport-Höhen aus Ihrer Analyse, wählen Sie die kürzeren Größen, die die meisten Sitzungen abdecken, und prüfen Sie die Seite dort mit ausgeklappter Adressleiste.
Der zweite Fehler ist Überfüllung. Alles, was ein Stakeholder zuerst sehen will, wandert nach oben: lange Überschrift, Unterzeile, eine Badge-Reihe, ein Hero-Bild, eine Navigationsleiste. Die Zone wird dicht, der Button passt formal hinein, und nichts darin wird gelesen. Legen Sie fest, was der erste Bildschirm leisten muss, meist ein Versprechen, eine Aktion und ein Beleg, und schieben Sie den Rest nach unten.
Häufig gestellte Fragen
Sollte jede Landingpage einen Above-the-Fold-CTA haben?
Fast immer, ja. Besucher entscheiden schnell, ob sie interagieren, daher sollte die Hauptaktion beim Laden sichtbar sein. Eine Ausnahme sind inhaltsreiche Seiten, die bewusst erst Kontext aufbauen, aber selbst dort hilft ein klebriger oder wiederholter CTA meist.
Wie teste ich, ob mein CTA wirklich above the fold ist?
Prüfen Sie die Seite auf echten Geräten und nutzen Sie Analytics oder Session-Aufnahmen, um die Scrolltiefe zu sehen. Da die Viewport-Höhen variieren, validieren Sie auf dem kleinsten verbreiteten Mobilbildschirm, nicht nur am Desktop.
Schadet ein Above-the-Fold-CTA dem SEO oder der Seitenqualität?
Nein, bei vernünftigem Einsatz. Probleme entstehen nur, wenn Sie den oberen Bereich mit aggressiver Werbung oder Pop-ups vollstopfen, was Suchmaschinen abstrafen. Ein sauberer, relevanter CTA mit klarer Überschrift gilt als Best Practice.
Ist Above the Fold noch relevant, wenn alle scrollen?
Ja, aber aus einem anderen Grund als früher. Scrollen ist Gewohnheit, der erste Bildschirm muss die Entscheidung also nicht enthalten. Er entscheidet aber, ob überhaupt gescrollt wird, denn Besucher beurteilen binnen Sekunden, ob die Seite zu dem passt, was sie geklickt haben. Behandeln Sie ihn als Qualifizierungs-, nicht als Abschlussbildschirm.
Wo liegt die Fold auf dem Telefon?
Sie verschiebt sich. Die Adressleiste belegt beim ersten Rendern Höhe und klappt beim Scrollen zusammen, sodass die anfangs sichtbare Fläche kleiner ist als die meisten Werkzeuge melden. Gestalten Sie für die kleinere Höhe und prüfen Sie es an einem echten Telefon, nicht an einem verkleinerten Desktop-Fenster, das dieses Verhalten nicht abbildet.
Soll der Call-to-Action mehrfach erscheinen?
Auf jeder Seite, die länger als zwei Bildschirme ist, ja. Entscheidungsbereitschaft entsteht an unterschiedlichen Stellen, und eine Seite mit nur einem Button zwingt alle zum Zurückscrollen, was viele nicht tun. Setzen Sie nach jedem Block, der einen Einwand auflöst, eine Wiederholung mit identischem Wortlaut, damit es als eine Aktion wirkt.
Was, wenn das Angebot erst erklärt werden muss?
Dann rahmt der erste Bildschirm das Problem und die Aufforderung bleibt klein. Ein wenig verbindlicher Schritt, etwa einen Score oder ein Muster zu sehen, kann sofort erscheinen, weil er den Besucher fast nichts kostet und Aufmerksamkeit für die Erklärung erkauft. Die fordernde Aufforderung folgt nach den Belegen, direkt an der Stelle, an der das Argument dafür steht.
Ist eine klebende CTA-Leiste ein guter Ersatz?
Sie löst die Reichweite und erzeugt Kosten. Eine dauerhafte Leiste hält die Aktion an jeder Scrollposition verfügbar, was zu langen Seiten passt, belegt aber knappe Höhe auf dem Telefon und kann genau den Inhalt verdecken, den sie stützen soll. Nutzen Sie sie bei langen Seiten mit einfacher Aktion und prüfen Sie, dass sie nie Formularfelder oder Antwortoptionen überdeckt.
Wie testen Sie die Platzierung sauber?
Als kontrollierte Variante, in der ausschließlich die Position wechselt, und lesen Sie die Startrate statt der Endconversion, denn diesen Schritt beeinflusst die Platzierung. Teilen Sie das Ergebnis nach Gerät, weil der Effekt sich auf die kürzesten Viewports konzentriert. Jede gleichzeitige Änderung, auch der Überschriftenlänge, entwertet den Vergleich.