Call-to-Action: Beispiele + Best Practices für mehr Conversions

Was ist ein Call-to-Action — und warum entscheidet er über Erfolg oder Misserfolg?

Ein Call-to-Action (CTA) ist die direkte Aufforderung an deinen Besucher, den nächsten Schritt zu tun. Das kann ein Button sein, ein Link, ein Formular — oder eine Kombination davon. Klingt simpel. Ist es aber nicht.

Der CTA ist das einzelne wichtigste Conversion-Element jeder Landingpage. Du kannst perfekte Headlines schreiben, beeindruckende Referenzen zeigen und eine makellose User Experience liefern — wenn der CTA schwach ist, passiert nichts. Kein Klick. Keine Anfrage. Kein Umsatz.

Das Problem: Die meisten Websites behandeln den CTA als Nachgedanken. "Absenden", "Jetzt kaufen", "Weiter" — generisch, austauschbar, wirkungslos. Dabei steckt in einem gut durchdachten CTA-Button mehr Conversion-Potenzial als in den meisten anderen Optimierungen zusammen.

Wer eine Landingpage professionell aufbauen lässt, sollte den CTA von Anfang an mitdenken — nicht als letzten Schritt, sondern als Ausgangspunkt des gesamten Page-Designs.

Anatomie eines guten CTA-Buttons

Ein CTA-Button besteht aus mehr als Text und Farbe. Es gibt sechs Dimensionen, die zusammenspielen müssen.

1. Text (Copy)

Der Button-Text ist das wichtigste Element. Er muss in einem Bruchteil einer Sekunde klar machen, was passiert — und warum es sich lohnt. Die Grundregeln:

• Handlungsverb als Einstieg: "Jetzt starten", "Kostenlos testen", "Angebot anfragen"
• Ich-Form schlägt du-Form: "Ich will mein Angebot" konvertiert oft besser als "Angebot anfordern"
• Wert statt Aktion: Nicht "Absenden", sondern "Mein kostenloses Erstgespräch sichern"
• Kurz, aber nicht vage: 2–5 Wörter sind ideal — zu kurz wirkt nichtssagend, zu lang überwältigt

2. Farbe und Kontrast

Der CTA-Button muss sofort ins Auge fallen. Nicht weil er schrill ist, sondern weil er sich klar vom Rest der Seite abhebt. Eine Farbe, die sonst nirgendwo auf der Seite auftaucht, funktioniert als natürlicher Aufmerksamkeitspunkt. Orange, Grün oder ein kräftiges Blau sind bewährte Kontrast-Farben — vorausgesetzt, sie passen zum Farbsystem der Seite und werden konsequent als CTA-Farbe reserviert.

Wichtig: WCAG-Konformität einhalten. Ein kontrastarmer CTA ist nicht nur conversion-schwach, er ist auch nicht barrierefrei.

3. Größe und Klickfläche

Zu klein angeklickt zu werden ist einer der häufigsten Fehler. Gerade auf mobilen Geräten braucht ein Button mindestens 44x44px Klickfläche (Apple Human Interface Guidelines) — eher mehr. Ein zu kleiner Button frustriert Nutzer und senkt die Klickrate messbar. Zu groß wirkt billig. Die goldene Mitte: groß genug, um sofort gesehen zu werden, proportional genug, um seriös zu wirken.

4. Platzierung

Above the fold ist Pflicht für den primären CTA — also sichtbar, ohne scrollen zu müssen. Zusätzlich sollte der CTA an mehreren Stellen der Seite auftauchen: nach dem wichtigsten Argument, nach Social Proof (Referenzen, Bewertungen), am Ende der Seite. Nutzer entscheiden zu unterschiedlichen Zeitpunkten — wer nur einen CTA hat, verliert alle, die früher oder später überzeugt sind.

5. Whitespace

Ein CTA braucht Luft. Wenn der Button von Text, Bildern oder anderen Elementen eingeengt wird, verliert er optische Wirkung. Ausreichend Abstand — oben, unten, links, rechts — lenkt den Blick automatisch auf den Button. Das kostet nichts und bringt messbar mehr Klicks.

6. Microcopy

Die kleine Zeile direkt unter dem CTA-Button wird oft unterschätzt. "Kein Risiko. Keine Vertragsbindung." oder "Kostenlos und unverbindlich" nehmen die letzten Bedenken weg — genau in dem Moment, in dem der Nutzer kurz vor dem Klick zögert. Gute Microcopy adressiert den größten Einwand der Zielgruppe in 5–10 Wörtern.

Die Psychologie hinter starken CTAs

CTAs wirken nicht durch Zufall. Wer versteht, welche psychologischen Mechanismen Klicks auslösen, kann gezielt optimieren.

Handlungsverben und aktive Sprache

Passive Formulierungen ("Formular kann ausgefüllt werden") erzeugen keine Energie. Starke Verben schon: starten, sichern, entdecken, testen, holen, anfragen. Das Gehirn verarbeitet aktive Verben anders als passive Nominalphrasen — und reagiert stärker darauf.

Dringlichkeit und Knappheit

Dringlichkeit funktioniert — wenn sie echt ist. "Nur noch 3 Plätze verfügbar" oder "Angebot gilt bis Freitag" lösen echte Handlungsimpulse aus. Fake-Dringlichkeit (ein ewig laufender Countdown) wird von Nutzern zunehmend erkannt und zerstört Vertrauen. Einsatz also nur, wenn die Knappheit real ist.

Wert statt Aktion betonen

Der Nutzer fragt sich unbewusst: "Was bekomme ich dafür?" Ein CTA wie "Jetzt absenden" beantwortet das nicht. "Mein kostenloses Erstgespräch buchen" schon. Der Unterschied: Im ersten Fall ist die Aktion im Vordergrund, im zweiten der Nutzen. Immer den Wert kommunizieren, nicht die Handlung.

Ich-Form als Conversion-Hebel

Studien aus der Conversion-Optimierung (u.a. von Michael Aagaard) zeigen, dass Ich-Form-CTAs in vielen Kontexten besser konvertieren. "Ich will meine Website optimieren" fühlt sich persönlicher an als "Website optimieren lassen". Der Nutzer formuliert seinen eigenen Wunsch — und klickt ihn dann buchstäblich an.

Primärer vs. sekundärer CTA

Nicht jeder Besucher ist sofort bereit, den größten Schritt zu tun. Deshalb braucht jede gute Landingpage eine klare Hierarchie:

Der sekundäre CTA ist kein Gegengewicht zum primären — er ist ein Auffangnetz für Nutzer, die noch nicht bereit sind. Das Ziel: sie im Funnel halten, statt sie zu verlieren. Wichtig ist, dass der primäre CTA visuell klar dominiert. Beide auf gleicher Augenhöhe führen zu Entscheidungslähmung.

20+ konkrete CTA-Beispiele nach Branche und Ziel

Theorie ist gut. Konkrete Beispiele sind besser. Hier eine Auswahl nach Branche und Conversion-Ziel — direkt einsetzbar oder als Inspiration.

Dienstleister und Agenturen

• "Kostenloses Erstgespräch buchen"
• "Jetzt unverbindlich anfragen"
• "Mein Angebot anfordern"
• "Projekt besprechen"
• "Ich will eine bessere Website"
• "Kostenlose Website-Analyse starten"

Software und SaaS

• "14 Tage kostenlos testen"
• "Jetzt kostenlos starten — keine Kreditkarte nötig"
• "Demo ansehen"
• "Meinen Account erstellen"
• "Gratis loslegen"

E-Commerce und Produkte

• "Jetzt kaufen — versandkostenfrei"
• "In den Warenkorb"
• "Ich will das haben"
• "Mein Exemplar sichern"

Lead-Generierung und Content

• "Kostenlosen Leitfaden herunterladen"
• "Jetzt Newsletter abonnieren"
• "Mein kostenloses Webinar-Ticket sichern"
• "Checklist herunterladen — kostenlos"
• "Zum kostenlosen Kurs"

Beratung, Coaching und Gesundheit

• "Erstgespräch vereinbaren"
• "Termin online buchen"
• "Ich will meine Situation verbessern"

Einen ausführlicheren Blick auf Aufbau und Struktur von Seiten mit hoher Konversionsrate liefert der Artikel zu Landingpage-Beispiele und was sie erfolgreich macht.

Die häufigsten CTA-Fehler — und wie du sie vermeidest

Fast jede Website, die wir analysieren, macht mindestens einen dieser Fehler. Meist mehrere gleichzeitig.

A/B-Tests für CTAs: Was testen, wie vorgehen

A/B-Tests sind das wichtigste Werkzeug für datenbasierte CTA-Optimierung. Das Prinzip: zwei Varianten werden gleichzeitig an unterschiedliche Nutzergruppen ausgespielt, die bessere Variante gewinnt. Klingt einfach — in der Praxis gibt es ein paar Fallstricke.

Was sich gut testen lässt:

• Button-Text (z.B. "Angebot anfragen" vs. "Mein kostenloses Angebot")
• Ich-Form vs. du-Form ("Ich will starten" vs. "Jetzt starten")
• Button-Farbe (innerhalb des Markensystems)
• Platzierung des CTA (oben vs. nach Referenzen)
• Microcopy-Text (verschiedene Einwandbehandlungen)
• Primär vs. sekundärer CTA (nur primär vs. Kombination)

Worauf du achten musst:

• Immer nur eine Variable gleichzeitig testen — sonst weißt du nicht, was gewirkt hat
• Statistische Signifikanz abwarten: Bei wenig Traffic bedeutet ein früher "Gewinner" oft nichts
• Saisonale Effekte berücksichtigen: Ein Test über Weihnachten oder im Ferienmonat verzerrt Ergebnisse
• Conversions messen, nicht Klicks — ein CTA kann viele Klicks erzeugen, aber wenige Abschlüsse

Wer den Aufbau seiner Seite grundlegend überdenkt, findet im Artikel zu One-Pager-Websites praktische Strukturhinweise, die CTA-Platzierung direkt beeinflussen.

CTA und Landingpage zusammendenken

Ein CTA existiert nie isoliert. Er ist das Endpunkt eines Überzeugungspfades. Headline weckt Interesse, Subheadline klärt die Relevanz, Bullet Points oder Features bauen Vertrauen auf, Social Proof (Bewertungen, Logos, Zitate) nimmt Skepsis weg — und dann kommt der CTA. Wer den CTA optimiert, ohne diesen Pfad zu berücksichtigen, bearbeitet das falsche Problem.

Deswegen optimieren wir bei SeoForge CTAs nicht als Einzelelement, sondern als Teil des gesamten Conversion-Flusses. Das bedeutet: Zielgruppe und deren Einwände verstehen, den Überzeugungspfad strukturieren, CTA-Text und Microcopy datenbasiert entwickeln, und dann Varianten testen — auf Basis echter Nutzerdaten, nicht Bauchgefühl.

Wenn du eine Landingpage bauen lässt, die nicht nur gut aussieht, sondern tatsächlich konvertiert, ist das der Unterschied zwischen einer Seite, die Besucher begeistert, und einer, die Anfragen generiert.

FAQ: Call-to-Action auf Websites