CTA: Der eine Satz, der entscheidet ob jemand klickt
TL;DR - die Kurzfassung
Jede Website hat eine Aufgabe: Besucher zu einer Handlung bewegen. Eine Anfrage stellen, einen Termin buchen, eine Ressource herunterladen. Der CTA ist das Instrument, das diese Handlung auslöst - oder verhindert, wenn er fehlt, unklar ist oder niemand ihn sieht.
Was ein CTA ist
CTA steht für Call to Action - Handlungsaufforderung. Es ist der Moment auf einer Website, an dem du deinem Besucher sagst: Das ist der nächste Schritt.
Ein CTA kann vieles sein:
- Ein Button ("Jetzt Beratung anfragen")
- Ein Textlink ("Alle Projekte ansehen")
- Eine Formular-Einstiegszeile ("Wie können wir dir helfen?")
- Eine ganze Section mit Bild, Text und Button
Was alle guten CTAs gemeinsam haben: Sie sagen dem Nutzer klar, was passiert, wenn er klickt.
Was einen CTA gut macht
Drei Faktoren bestimmen, ob ein CTA funktioniert:
Text: konkret und benefit-orientiert
Schlechte CTAs sind vage: "Klick hier", "Mehr erfahren", "Absenden". Gute CTAs benennen den Nutzen oder das Ergebnis:
- "Kostenlose Analyse anfordern" statt "Kontakt"
- "Website-Checkliste downloaden" statt "Download"
- "Termin in 2 Minuten buchen" statt "Termin vereinbaren"
Das Imperativ-Format funktioniert am besten: aktives Verb, klares Ergebnis.
Design: sichtbar ohne zu schreien
Ein CTA muss aus der Seite herausstechen - ohne aggressiv zu wirken. Wichtige Aspekte:
- Ausreichend Kontrast zum Hintergrund (WCAG-Mindestanforderung: 4,5:1)
- Klare Button-Form - nicht als Text getarnt
- Hover-Effekt signalisiert Klickbarkeit
- Genügend Whitespace drumherum
Platzierung: zur richtigen Zeit am richtigen Ort
Der Ort eines CTA im Funnel entscheidet, wer klickt. Früh im Funnel braucht es weiche CTAs wie "Mehr erfahren". Spät im Funnel - nach Problemerklärung, Lösung und Beweis - kommen harte CTAs wie "Jetzt anfragen".
Typische Platzierungen auf einer Unternehmenswebsite:
- Hero Section - primärer CTA, maximale Sichtbarkeit
- Nach dem Problem/Lösung-Block - wenn der Nutzer das Problem erkennt
- Nach Referenzen und Testimonials - wenn Vertrauen aufgebaut ist
- Am Ende jeder langen Seite - für Nutzer, die durchscrollen
Häufige CTA-Fehler
- Zu viele CTAs auf einer Seite: Wenn alles wichtig ist, ist nichts wichtig. Choice Paralysis ist real.
- CTA ohne Kontext: "Jetzt kaufen" ohne vorherige Erklärung konvertiert nicht.
- Gleicher CTA für alle: Nutzer unterschiedlicher Entscheidungsphasen brauchen unterschiedliche nächste Schritte.
- CTA below the fold versteckt: Viele Besucher scrollen nicht. Wenn der primäre CTA erst nach dem dritten Scroll kommt, verlierst du sie.
CTA und Conversion Rate
Der CTA ist einer der stärksten Hebel in der Conversion-Rate-Optimierung. A/B-Tests auf CTAs - Text, Farbe, Größe, Position - zeigen oft die höchsten Auswirkungen bei geringstem Aufwand. Ein schlechter CTA-Text kann die Conversion-Rate halbieren; ein guter kann sie verdoppeln.
Für die Landing Page gilt: Eine klare Seite mit einem einzigen primären CTA übertrifft fast immer eine Seite mit vielen Optionen. Gutes UX Design und ein starker CTA gehören zusammen - eines ohne das andere funktioniert nur halb.
Häufig gestellte Fragen zu
CTA (Call to Action)
Das hängt von der Seitenlänge ab. Pro Abschnitt ein primärer CTA reicht. Auf einer langen Homepage sind 3-4 CTAs sinnvoll - aber sie sollten alle zur gleichen oder ähnlichen Handlung führen. Mehrere konkurrierende CTAs führen zu weniger Klicks, nicht mehr.
Kein Allgemein-Tipp - es kommt auf den Kontext an. Aber das Grundprinzip: Das Verb sollte aktiv sein ("anfordern", "buchen", "herunterladen"), und der Nutzen muss erkennbar sein. "Kostenlose Erstberatung buchen" schlägt "Kontaktformular" jedes Mal. Testen ist besser als raten.
Es gibt keine universell beste Farbe - der Button muss sich vom Seitendesign abheben. Kontrast ist entscheidend: mindestens 4,5:1 zum Hintergrund laut WCAG-Richtlinien. Zusätzlich: Einheitlichkeit - der primäre CTA sollte immer dieselbe Farbe haben, damit Nutzer ihn schnell erkennen.
"Above the Fold" bezeichnet den Bereich einer Seite, der ohne Scrollen sichtbar ist. Ein CTA dort erhöht die Sichtbarkeit - besonders für Besucher, die kurz entschlossen sind. Aber: Ein CTA Above the Fold braucht genügend Kontext, sonst klickt niemand.
Klassisch: A/B-Test. Zwei Varianten laufen parallel - gleiche Seite, unterschiedlicher CTA-Text oder -Design. Einfachere Alternative: Heatmaps zeigen, ob der Button überhaupt angeklickt wird. Ohne Messen weist alles nur gut aus.
Der primäre CTA ist die Haupthandlung die du dir wünschst: "Anfrage stellen", "Termin buchen". Der sekundäre CTA bietet eine Alternative für weniger entschlossene Nutzer: "Mehr Projekte ansehen", "Blog lesen". Beide können auf einer Seite stehen - aber der primäre muss visuell dominieren.
.jpg)