CTA oberhalb der Falz
Die Handlung muss sofort sichtbar sein.
Das Thema dieser Seite: Ein klarer CTA sollte ohne Scrollen sichtbar sein, damit Nutzer direkt handeln können.
Inhalt
Inhaltsverzeichnis
Klicke auf einen Abschnitt, um direkt dorthin zu springen.
Check
Der Check prüft, ob ein CTA im ersten Viewport platziert ist.
| Prüfpunkt | Bedeutung | Bewertung |
|---|---|---|
| CTA sichtbar | Handlung sofort möglich | OK |
| CTA erst nach Scroll | Handlung verzögert | Warnung |
| Kein CTA | Keine Aktion | Kritisch |
Kontext & Problemraum
Nutzer entscheiden schnell. Wenn der CTA versteckt ist, sinken Leads und Conversions.
| Situation | Symptom | Risiko |
|---|---|---|
| CTA zu weit unten | Scroll notwendig | Weniger Klicks |
| CTA versteckt | Unklare Handlung | Conversion sinkt |
| Mehrere CTAs | Entscheidung schwer | Verwirrung |
Entscheidungslogik
| Wenn | Dann | Empfehlung |
|---|---|---|
| CTA fehlt oben | Handlung verzögert | CTA hochziehen |
| CTA sichtbar | Signal ok | Beibehalten |
| Zu viele CTAs | Unklarer Fokus | Primären CTA definieren |
Erklärende Details
Ein CTA oberhalb der Falz reduziert Reibung. Ein klarer Button genügt oft.
<a class="cta" href="#kontakt">Jetzt starten</a>| Detail | Warum relevant | Hinweis |
|---|---|---|
| Primärer CTA | Fokus | Nur ein Haupt-CTA |
| Platzierung | Visibility | Above the fold |
| Kontrast | Sichtbarkeit | Visuell hervorheben |
Risiken, Grenzen & Einschränkungen
| Grenze | Woran erkennbar | Was tun |
|---|---|---|
| Sticky Header | CTA verdeckt | Spacing anpassen |
| Mobile Layout | CTA rutscht runter | Mobile prüfen |
| Mehrere Zielgruppen | Unklare CTA-Wahl | Priorität definieren |
H1 als Leistungsversprechen
Nutzen klar in der H1.
Kurze Zusammenfassung oben
Schneller Einstieg.
Abschnittsstruktur
Story logisch aufbauen.