In jedem Webseiten-Projekt kommt der Moment, in dem über den Kontakt-Button gesprochen wird. Meistens sehr kurz. „Da kommt halt ein Button rein, der zur Kontaktseite führt.“ Genau an dieser Stelle verlieren viele Webseiten den Großteil ihrer möglichen Anfragen. Eine Call-to-Action-Sektion, kurz CTA, ist nämlich kein Button. Sie ist eine eigene kleine Einheit auf deiner Seite, die einen Besucher in dem Moment abholt, in dem er bereit ist, einen Schritt zu machen, und ihn genau über die Schwelle führt, die zwischen Interesse und Anfrage liegt.
In diesem Beitrag gehe ich der Reihe nach durch, woraus eine starke CTA-Sektion besteht, wo sie auf einer Seite ihren Platz hat, welche Formulierungen wirken und welche nicht, und welche Fehler ich in der Praxis immer wieder beobachte. Am Ende zeige ich dir drei Vorher-Nachher-Beispiele aus echten Projekten.
Eine CTA-Sektion ist mehr als nur ein Button
Ein Button allein ist nur eine Klickfläche. Er signalisiert: „Hier kannst du klicken.“ Was aber fehlt, ist der Kontext. Warum sollte ich klicken, was bekomme ich danach, wer steht dahinter? Eine echte CTA-Sektion besteht deshalb aus mehreren Bausteinen, die zusammen genau diese Fragen beantworten, bevor der Besucher sie laut stellt.
Der erste Baustein ist die Überschrift. „Kontakt“ ist keine Überschrift, sondern eine Etikette. „Lass uns über dein Projekt sprechen“ oder „Bereit, deine Webseite anzupacken?“ sind Einladungen. Die Überschrift transportiert das Versprechen, das hinter dem Klick liegt, und stellt eine direkte Verbindung zwischen dem Bedürfnis des Besuchers und deinem Angebot her. Sie ist der emotionale Türöffner und entscheidet darüber, ob der Besucher überhaupt weiterliest oder direkt weiterscrollt.
Der zweite Baustein ist der Subtext, also eine kurze Zeile zwischen Überschrift und Button. Hier nimmst du den letzten Widerstand. Ein Subtext wie „Kostenlos und unverbindlich, dauert etwa 30 Minuten“ beantwortet drei Fragen auf einmal, die in den Köpfen vieler Besucher leise mitlaufen: Kostet das was, lande ich danach in einem Verkaufsgespräch, wie viel Zeit muss ich investieren? Eine einzige Zeile, gut formuliert, kann die Klickrate eines Buttons spürbar verändern, weil sie genau die Reibung auflöst, die Menschen sonst zum Wegklicken bringt.
Der dritte Baustein ist der Button selbst. Er braucht ein klares Aktions-Wort, das aus der Perspektive des Besuchers formuliert ist. „Termin buchen“, „Angebot anfordern“ oder „Preise ansehen“ sagen genau, was als nächstes kommt. „Absenden“ oder „Mehr erfahren“ sagen nichts. Sie verschieben die Entscheidung, statt sie zu erleichtern. Auch die Buttonform und der visuelle Stil zählen, dazu später mehr.
Der vierte Baustein ist der Vertrauenshebel. Eine kurze Zeile mit einer echten Bewertung, einer Zahl aus deiner Praxis oder einer Mini-Stimme eines Kunden, direkt unter oder neben dem Button. „Bereits über 80 Selbstständige haben darüber den ersten Schritt gemacht“ oder „4,9 Sterne aus 32 Bewertungen“ ist der letzte sanfte Anstoß. Vertrauen entsteht durch Wiederholung kleiner Signale, und die CTA-Sektion ist genau der Ort, an dem sich Vertrauen in eine Handlung übersetzt.
Wo CTA-Sektionen wirklich hingehören
Die wichtigste CTA-Sektion steht im Hero-Bereich, also ganz oben, sichtbar ohne zu scrollen. Wer hier nicht klar erkennt, was als nächstes zu tun ist, ist oft schon verloren. Wenn du dich speziell für den Hero-Bereich interessierst, habe ich in einem eigenen Beitrag über typische Fehler in der Hero-Sektion geschrieben, weil viele Probleme schon dort entstehen.
Nach jeder größeren Inhalts-Sektion gehört eine Wiederholung des Haupt-CTAs hin. Das klingt nach viel, ist es aber nicht. Besucher entscheiden sich nicht alle an derselben Stelle. Manche sind nach dem Hero schon überzeugt, manche brauchen die Leistungsbeschreibung, manche die Referenzen, manche das Preisbeispiel, manche das FAQ. Wenn der CTA erst ganz am Ende kommt, gehen dir alle verloren, die schon vorher bereit gewesen wären.
Auch ein Sticky-CTA, also ein kleiner Button, der beim Scrollen am Bildschirmrand stehen bleibt, kann sinnvoll sein. Vor allem auf langen Verkaufsseiten oder mobilen Seiten, weil dort der Weg zurück nach oben sonst lang ist. Wichtig ist, dass der Sticky-CTA unaufdringlich bleibt und nicht den Inhalt überlagert. Was Besucher überhaupt überzeugt, habe ich in die Faktoren, die Vertrauen schaffen beschrieben, denn ohne diese Faktoren nützt auch der beste CTA wenig.
Wie ein guter Button-Text aufgebaut ist
Wenn ich an Button-Texten arbeite, prüfe ich drei Dinge. Erstens: Steht im Button die konkrete Handlung? Nicht „Absenden“, sondern „Anfrage senden“. Nicht „Klicken“, sondern das, was nach dem Klick passiert.
Zweitens: Ist der Text aus Sicht des Besuchers formuliert? Buttons in der Ich-Form wirken oft stärker als in der Sie-Form, also „Mein Angebot anfordern“ statt „Ihr Angebot anfordern“. Der Besucher liest und denkt unbewusst mit, als ob er den Satz selbst sagt, und das senkt die Hemmschwelle.
Drittens: Ist der Text spezifisch? „Mehr erfahren“ sagt nichts. „Alle Pakete im Überblick“ oder „Beispielprojekte ansehen“ macht klar, was den Besucher hinter dem Klick erwartet, und reduziert die Angst, in einer Sackgasse zu landen.
Die häufigsten Fehler bei CTA-Sektionen
Der häufigste Fehler ist der vage Button-Text. „Kontakt“ steht auf Millionen von Webseiten und sagt genau nichts darüber, was passiert, wenn man klickt. Ein einfacher Wechsel zu „Kostenloses Erstgespräch buchen“ macht aus einer beliebigen Etikette einen klaren Schritt.
Genauso problematisch sind mehrere gleichrangige CTAs nebeneinander. Zwei oder drei Buttons in identischer Farbe, identischer Größe, mit ähnlichen Texten direkt nebeneinander zwingen den Besucher zu einer Entscheidung, die er gar nicht treffen will. Wenn du mehrere Optionen anbieten musst, mach klar, welche die primäre ist, optisch und sprachlich.
Ein dritter Fehler sind zu pushige Formulierungen. Wer Premium-Beratung anbietet, schreckt mit „Jetzt sofort sichern, nur heute!“ eher ab. Druck funktioniert in bestimmten Märkten, aber in den meisten beratungslastigen Branchen ist Zurückhaltung die stärkere Position.
Ein vierter Fehler ist die Sektion ohne Subtext und ohne Vertrauenshebel. Ein Button, der allein zwischen zwei Inhaltsblöcken steht, wirkt wie ein Fragezeichen. Mit zwei Sätzen drumherum wird daraus eine Einladung, die ein konkretes Versprechen macht.
Was ein guter Button visuell braucht
Ein Button muss als Button erkennbar sein. Das klingt trivial, ist aber häufig nicht erfüllt. Reine Textlinks ohne Hintergrundfläche werden auf großen Hero-Bildern oft übersehen. Eine deutliche, kontrastreiche Fläche mit klarem Rand oder Schatten signalisiert: Hier kannst du etwas tun.
Auf dem Smartphone gilt eine Mindestgröße von etwa 44 mal 44 Pixeln, weil das die Größe eines durchschnittlichen Daumens ist. Kleinere Buttons werden buchstäblich daneben geklickt und führen zu Frust statt zu Conversions. Buttons im unteren Drittel des Bildschirms sitzen außerdem dort, wo der Daumen ohnehin liegt, was besonders auf langen mobilen Seiten den Unterschied macht.
Die Farbe sollte sich vom Rest der Sektion deutlich abheben. Mehr dazu, wie eine Akzentfarbe in einer Palette funktioniert, habe ich in meinem Beitrag Farbpsychologie für Webseiten ausführlich beschrieben. Wichtig ist, dass die Buttonfarbe konsistent über die gesamte Seite hinweg verwendet wird, damit Besucher sie nach der ersten Sektion wiedererkennen.
Drei Vorher-Nachher-Beispiele aus echten Projekten
Bei einer Beraterin lautete der Haupt-Button früher schlicht „Kontakt“. Nach der Überarbeitung stand dort „Kostenloses Erstgespräch buchen“, darunter ein kleiner Subtext: „30 Minuten Klärung, kein Verkaufsgespräch.“ Die Anzahl der gebuchten Erstgespräche stieg deutlich, ohne dass sich an der Zielgruppe oder am Traffic etwas geändert hätte. Der Unterschied lag rein in der Klarheit des Versprechens.
Bei einem Dienstleister mit klaren Paketen stand vorher „Mehr erfahren“ als CTA unter dem Hero. Nach der Umstellung auf „Preise und Pakete ansehen“ wussten Besucher genau, was sie hinter dem Klick erwartet, nämlich die Preisseite. Die Bounce-Rate auf der Folgeseite sank, weil niemand mehr enttäuscht zurück sprang.
Ein Software-Anbieter hatte einen „Jetzt loslegen“-Button auf seiner Webseite, der zur Registrierung führte. Vielen Besuchern war aber nicht klar, was sie nach der Registrierung erwartet. Nach der Umstellung auf „In fünf Minuten dein Tool konfigurieren“ wussten Besucher konkret, was als nächstes kommt, und die Drop-off-Rate während der Registrierung sank spürbar.
In der Praxis sehe ich bei solchen Anpassungen häufig zwischen zwanzig und fünfzig Prozent mehr Klicks bei identischer Besucherzahl. Wer noch tiefer in das Thema einsteigen will, dem empfehle ich Conversion-Optimierung und mehr Anfragen, dort gehe ich auch auf andere Hebel ein, die mit CTAs ineinandergreifen.
Wie ich CTA-Sektionen in Projekten angehe
Wenn ich mit einem Kunden an einer Webseite arbeite, beginnen wir bei den CTAs immer mit derselben Frage: Was ist der konkrete nächste Schritt, den der Besucher machen soll? Erstgespräch, Angebot anfordern, Tool ausprobieren, Newsletter abonnieren? Erst wenn der primäre Schritt klar ist, formulieren wir den Button-Text, dann die Überschrift, dann den Subtext, dann den Vertrauenshebel. In dieser Reihenfolge, weil sie der inneren Logik der Sektion folgt.
Danach verteilen wir den CTA auf der Seite. In der Regel landet er an drei bis fünf Stellen wieder, mit leicht variierenden Texten, aber demselben Ziel. Sekundäre CTAs, also etwa zu Referenzen oder Preisen, ordnen wir dem primären optisch unter, damit klar bleibt, was der wichtigste Klick ist.
Wenn du dir bei deinen CTAs unsicher bist
CTAs sind eine dieser Stellen auf einer Webseite, an denen sich kleine Änderungen schnell in mehr Anfragen übersetzen. Genau deshalb lohnt es sich, eine Webseite gezielt unter diesem Blickwinkel anzuschauen, anstatt einmal zu bauen und dann nie wieder hinzusehen.
Wenn du das Gefühl hast, dass deine Webseite zwar Besucher hat, aber zu wenig Anfragen daraus entstehen, schreib mir gerne kurz über max-dreyer.com. Wir schauen gemeinsam, wo deine CTAs stehen, wie sie formuliert sind, und welche Anpassungen sich am schnellsten lohnen.
