Was ist ein Call to Action (CTA)? CTA Button Beispiele, die konvertieren

Jede Seite endet in einer kleinen Entscheidung: Der Besucher klickt oder er geht. Das Element, das diesen Moment steuert, ist also der Call to Action. Seit 2012 arbeite ich an Firmenwebsites, Onlineshops und Landingpages für Google Ads. Dabei habe ich immer wieder gesehen, wie gute Seiten still Geld verlieren, weil der CTA unklar ist. In diesem Beitrag geht es um Buttontexte, Platzierung, mobile Größen, konkrete Beispiele, Messung und Tests.

Was ist ein Call to Action (CTA)?

Ein Call to Action (CTA, Handlungsaufforderung) ist ein Button, Link oder kurzer Text, der Besuchern klar sagt, welchen Schritt sie als Nächstes auf der Seite gehen sollen. "Angebot anfordern", "In den Warenkorb" oder "Jetzt anrufen" sind typische Beispiele. Ein guter CTA zeigt somit Handlung, Nutzen und Aufwand auf einen Blick.

Diese Definition möchte ich kurz ausführen, denn sie steckt voller Details. Ein CTA ist kein isoliertes Designelement. Vielmehr ist er das Ergebnis, auf das die ganze Seite hinarbeitet. Die Überschrift beantwortet eine Frage, der Text räumt Einwände aus, Referenzen schaffen Vertrauen, und der CTA bündelt all das in einer Handlung. Deshalb gestalte ich den Button nie ganz zum Schluss. Im Gegenteil: Ich formuliere ihn zuerst, weil alle anderen Abschnitte ihm dienen.

Zudem muss ein CTA nicht wie ein Button aussehen. Ein Link im Fließtext, eine feste Telefonleiste am Bildschirmrand oder ein Satz in einer E-Mail können ebenfalls als Call to Action funktionieren. Die Form ändert sich, die Aufgabe bleibt allerdings gleich: Unsicherheit beenden und einen klaren Weg zeigen.

Warum entscheidet der Call to Action über die Conversion?

Besucher kommen mit einer Absicht, doch diese Absicht setzt sich nicht von selbst in eine Handlung um. Im Moment der Entscheidung stellen sie sich dann drei Fragen. Was soll ich jetzt tun? Was passiert, wenn ich klicke? Kostet mich das Zeit, Geld oder ein Risiko? Beantwortet Ihr CTA diese Fragen nicht, dann verschieben die meisten Menschen die Entscheidung. Und wer verschiebt, kommt selten zurück.

In meinen Audits sehe ich immer dasselbe Muster. Konkret fließen Werbebudget, SEO Maßnahmen und Designkosten in den oberen Teil der Seite. Das Geld kommt allerdings über den kleinen Button weiter unten zurück. Zum Beispiel können Sie wochenlang daran arbeiten, Ihre Klickkosten zu senken. Ist der CTA auf der Landingpage dann unklar, verpuffen auch die günstigeren Klicks.

Andererseits bringt Lautstärke nichts. Ein riesiger, blinkender Button zieht Aufmerksamkeit auf sich, schafft aber kein Vertrauen. Kurz gesagt wirkt ein CTA, weil er im richtigen Moment die richtige Frage beantwortet. Falls Sie noch nicht festgelegt haben, was eine Conversion für Ihre Website bedeutet, lesen Sie zunächst meinen Beitrag darüber, wie Sie Conversion Ziele festlegen.

Welche Arten von CTAs gibt es?

Nicht jeder CTA erfüllt dieselbe Aufgabe. Vor allem seine Rolle auf der Seite bestimmt Form und visuelles Gewicht. Diese Typen nutze ich in der Praxis am häufigsten:

• Primärer CTA: die Haupthandlung der Seite, etwa "Angebot anfordern" oder "In den Warenkorb". Er trägt das größte visuelle Gewicht.
• Sekundärer CTA: ein leichterer Schritt für Unentschlossene, etwa "Preise ansehen" oder "Referenzen ansehen".
• CTA im Fließtext: ein Link im Absatz. Im Blog führt er Leser somit zur passenden Leistungsseite.
• Fixierter CTA: eine feste Leiste zum Anrufen oder Chatten am unteren Rand des Smartphones.
• Absendebutton im Formular: der letzte Schritt. Auf den meisten Websites ist das der am stärksten vernachlässigte CTA.
• Zeitgesteuerter CTA: ein Popup oder Banner. Unbedacht eingesetzt, stört er das Erlebnis.

Diese Rollen sollten Sie sauber trennen. Wirkt der sekundäre Button zum Beispiel genauso auffällig wie der primäre, schwanken Besucher zwischen beiden. Ebenso schwächt ein Absendebutton mit dem Text "Senden" das letzte Glied einer Argumentationskette, die Sie über die ganze Seite aufgebaut haben. Treffen Sie daher für jeden Typ eine eigene Entscheidung.

Wie schreiben Sie einen Call to Action Text, der funktioniert?

Ein guter CTA Text nennt Handlung und Ergebnis zugleich. "Senden" beschreibt nur die Handlung. "Kostenloses Angebot erhalten" nennt dagegen Handlung, Ergebnis und Kosten in einer kurzen Zeile. Beim Schreiben stelle ich mir deshalb drei Fragen. Was genau passiert nach dem Klick? Was bekommt der Besucher? Und was muss er dafür geben?

Meine praktischen Regeln:

1. Mit einem Verb beginnen: "Anfordern", "Herunterladen", "Anrufen", "Termin buchen". Das Verb sagt, was zu tun ist.
2. Das Ergebnis ergänzen: "Termin für diese Woche buchen" zeichnet ein klareres Bild als "Jetzt buchen".
3. Kurz bleiben: Zwei bis fünf Wörter reichen meistens. Längere Erklärungen gehören daher als Mikrotext unter den Button.
4. Die Sprache der Kunden nutzen: Wählen Sie Begriffe, die Menschen in die Suche tippen, nicht Ihren internen Fachjargon.
5. Ehrlich bleiben: Steht "kostenlos" auf dem Button, muss es auch kostenlos sein. Eine versteckte Bedingung zerstört Vertrauen sofort.

Noch ein Wort zur ersten Person. "Meine Testphase starten" und "Ihre Testphase starten" können auf manchen Seiten einen Unterschied machen, auf anderen gar keinen. Deshalb behandle ich das als Hypothese für einen Test, nicht als feste Regel. Vor allem zählt Klarheit; der Tonfall ist Feinschliff.

Wie erkennen Sie schwache und starke CTA Buttons?

Der schnellste Test: Lesen Sie den Button isoliert, ohne den umgebenden Text. Verstehen Sie dann noch, was passiert, ist der Text stark. Sonst ist er schwach. Die folgende Tabelle zeigt konkret die Änderungen, die ich in Audits am häufigsten vornehme.

Alle stärkeren Varianten haben eines gemeinsam: Sie beantworten die Frage "Was passiert danach?", bevor der Besucher sie stellt. Allerdings eine Warnung vor dem Kopieren. Versprechen Sie "in 24 Stunden" oder "keine Kreditkarte nötig" nur, wenn Sie das tatsächlich einhalten. Denn ein gebrochenes Versprechen schadet weit mehr als ein blasser Button.

Welche Call to Action Beispiele passen zu welcher Branche?

Derselbe Button wirkt nicht überall gleich. Ändern sich Risiko und Entscheidungsdauer, sollte sich auch der Ton des CTA ändern. Die folgenden Beispiele nutze ich daher in eigenen Projekten nur als Ausgangspunkt. Passen Sie sie also an Ihr Angebot an, statt sie wörtlich zu übernehmen.

• E-Commerce: "In den Warenkorb", "Jetzt kaufen", "Meine Größe finden". Die Entscheidung ist kurz, daher genügt ein direktes Verb.
• B2B Fertigung: "Spezifikation senden, wir kalkulieren", "Muster anfordern". Die Entscheidung dauert lange, deshalb sollte der erste Schritt klein sein.
• Arztpraxen und Kliniken: "Termin vereinbaren", "Praxis anrufen". Deshalb schlagen Telefon und Chat hier oft das Formular.
• Dienstleistung und Beratung: "Erstgespräch von 30 Minuten buchen", "Website prüfen lassen".
• SaaS: "Kostenlos testen", "Demo anfragen", "Tarife vergleichen".
• Lokale Betriebe: "Route anzeigen", "Jetzt anrufen", "Freie Termine sehen".

Nutzen Ihre Kunden gern Messenger, beseitigt ein Link mit vorausgefüllter Nachricht eine weitere Hürde. Zudem erstellen Sie mit dem WhatsApp Link Generator so einen Link in Sekunden. Somit muss niemand lange über die erste Nachricht nachdenken.

Warum sollte jede Seite nur einen primären CTA haben?

Mehr Optionen erschweren die Entscheidung. Stehen "Angebot anfordern", "Katalog herunterladen", "Newsletter abonnieren" und "Folgen Sie uns" gleich gewichtet nebeneinander, erkennen Besucher nicht, was zählt. Meistens wählen sie dann gar nichts.

Deshalb lege ich für jede Seitenvorlage eine einzige Haupthandlung fest. Auf der Startseite ist das vielleicht "Angebot anfordern", auf der Produktseite "In den Warenkorb", auf der Kontaktseite "Anrufen". Weitere Handlungen dürfen bleiben, treten aber visuell zurück: kleiner, nur mit Rahmen oder als Textlink.

Ein primärer CTA heißt allerdings nicht, dass der Button nur einmal erscheint. Auf einer langen Leistungsseite können Sie dieselbe Handlung drei oder vier Mal wiederholen. Entscheidend ist also, dass jede Wiederholung auf dieselbe Handlung zeigt. Anders gesagt: Wiederholung ist erlaubt, Konkurrenz nicht.

In der Praxis mache ich einen einfachen Test. Zunächst nehme ich einen Screenshot der Seite und kneife die Augen zusammen. Bleibt im unscharfen Bild nicht der primäre CTA das auffälligste Element, stimmt die Hierarchie nicht. Dieser grobe Test beendet zudem Diskussionen oft schneller als lange Meetings. Die Logik visueller Hierarchie erkläre ich ausführlicher im Beitrag über conversionorientiertes Webdesign.

Wo platzieren Sie einen Call to Action auf der Seite?

Die kurze Antwort: überall dort, wo der Besucher entscheidungsbereit ist. Die lange Antwort hängt allerdings vom Seitentyp und von der Komplexität des Angebots ab. Bei einem einfachen, günstigen Produkt reicht oft ein Button im ersten Bildschirm. Bei einer teuren oder erklärungsbedürftigen Leistung wollen Menschen dagegen zuerst überzeugt sein. Setzen Sie den wichtigsten CTA daher auch hinter die Abschnitte, die Einwände ausräumen.

Mein übliches Platzierungsmuster:

• Erster Bildschirm: der primäre CTA direkt unter dem Nutzenversprechen. Lassen Sie entschlossene Besucher nicht warten.
• Ende der Abschnitte zu Nutzen und Ablauf: dieselbe Handlung im Moment "Okay, verstanden".
• Preisbereich: unter jedem Paket ein klarer Auswahlbutton.
• Direkt nach den Kundenstimmen: Erinnern Sie an die Handlung, wenn das Vertrauen am größten ist.
• Seitenende: eine kurze Zusammenfassung und ein letzter CTA für alle, die alles gelesen haben.

Über den ersten Bildschirm streiten Teams gern. Manche versuchen dann, alles über den sichtbaren Bereich zu quetschen. Besucher scrollen jedoch, sobald sie einen Grund dafür sehen. Also: Ja, der erste Bildschirm braucht einen CTA, aber die Seite darf dort nicht enden. Legen Sie überzeugende Inhalte ruhig weiter nach unten.

Wie groß sollte ein CTA Button auf dem Smartphone sein?

Auf dem Smartphone muss sich der Button zunächst bequem antippen lassen. Googles Leitfaden auf web.dev empfiehlt für Touchziele bei korrekt eingestelltem Viewport etwa 48 geräteunabhängige Pixel sowie rund 8 Pixel Abstand zwischen den Zielen (web.dev, barrierefreie Touchziele). Das Erfolgskriterium 2.5.8 der WCAG 2.2 verlangt auf Stufe AA mindestens 24 mal 24 CSS Pixel (W3C, Target Size Minimum). Der erste Wert ist also eine praktische Empfehlung, der zweite eine Untergrenze. Bei CTA Buttons peile ich deshalb immer 48 Pixel an.

Neben der Größe prüfe ich diese Punkte:

• Daumenzone: Häufige Handlungen gehören in die untere Bildschirmhälfte, gut erreichbar.
• Fixierte Leiste: Eine feste Leiste mit "Anrufen" oder "Angebot anfordern" hilft auf langen Seiten, darf aber keine Inhalte verdecken.
• Richtiger Linktyp: Nutzen Sie für Telefonbuttons einen tel: Link, damit ein Tippen den Anruf startet.
• Volle Breite: Auf schmalen Bildschirmen vergrößert ein primärer Button über die ganze Breite meist die Zielfläche.

Die allgemeinen Prinzipien beschreibe ich zudem im Beitrag Was ist Mobile First Design. Hier geht es mir um einen Punkt: Ein CTA, der auf dem Desktop gut aussieht, landet mobil oft zwischen zwei Links und verursacht Fehlklicks. Testen Sie daher jeden CTA auf einem echten Smartphone, mit einer Hand.

Welche Farbe, Größe und welcher Kontrast passen zu einem CTA Button?

Im Netz kursieren unzählige Behauptungen über die "Buttonfarbe mit der besten Conversion". Meine Erfahrung sagt allerdings: Eine Zauberfarbe gibt es nicht. Entscheidend ist vielmehr, dass sich der Button vom Rest der Seite abhebt. Auf einer orangefarbenen Website verschwindet ein orangefarbener Button; auf einer grauen Seite leuchtet dasselbe Orange.

Beim Kontrast gibt es dagegen einen Standard. Die WCAG verlangen für normal große Schrift ein Kontrastverhältnis von mindestens 4,5:1. Für Bedienelemente wie Buttonränder sehen sie zudem mindestens 3:1 vor. Die Beschriftung muss also gut lesbar sein, und der Button muss sich klar vom Hintergrund lösen. Ein hellblauer Button mit weißer Schrift auf hellgrauem Grund scheitert somit an Barrierefreiheit und Conversion zugleich.

Meine Tipps zu Größe und Stil:

1. Gestalten Sie den primären Button gefüllt, den sekundären nur mit Rahmen oder als Textlink.
2. Halten Sie die Beschriftung groß genug. Kleine Schrift auf dem Smartphone schadet der Lesbarkeit und verkleinert die Tippfläche.
3. Lassen Sie Weißraum um den Button. Sonst geht in einem vollen Bereich selbst der hellste Button unter.
4. Zeigen Sie, dass er klickbar ist: abgerundete Ecken, ein dezenter Schatten oder ein Hovereffekt helfen.

Zusammengefasst: Wählen Sie die Farbe aus dem Kontext der Seite, nicht allein aus dem Markenhandbuch. Prüfen Sie das Design dann mit Daten, wie ich es weiter unten beschreibe.

Was leistet Mikrotext rund um den CTA?

Mikrotext ist die kurze Zeile direkt unter oder neben dem Button. Seine Aufgabe: das Zögern in letzter Sekunde auflösen. Er beantwortet also die Frage, die dem Besucher kurz vor dem Klick durch den Kopf geht.

Diese Mikrotexte haben sich bei mir bewährt:

• "Ich antworte innerhalb eines Werktags per E-Mail." (Klärt Zeitraum und Kanal.)
• "Das Erstgespräch ist kostenlos und unverbindlich." (Senkt das Risiko.)
• "Ich nutze Ihre Daten nur für diese Anfrage." (Beantwortet Datenschutzbedenken.)
• "Jederzeit kündbar." (Nimmt die Angst vor Bindung.)

Jede dieser Zeilen muss stimmen. Schreiben Sie zum Beispiel "innerhalb eines Werktags" und melden sich erst nach drei Tagen, beschädigen Sie die Beziehung schon beim ersten Schritt. Auf meiner eigenen Website schreibe ich nur Versprechen, die ich in meinem CRM nachverfolgen kann. Denn ein gebrochener Mikrotext ist schlimmer als gar keiner.

Auch in Formularen zählt Mikrotext. Gerade bei Formularen für Termine, Angebote und Demos verdient der Bereich um den Absendebutton so viel Sorgfalt wie die Felder darüber. Mehr dazu lesen Sie dann im Beitrag Formulare für Termin, Angebot und Demo optimieren.

Wie setzen Sie CTAs in Blogbeiträgen ein?

Blogleser wollen meist noch nicht kaufen, denn sie suchen Informationen. Deshalb funktioniert ein Button "Jetzt kaufen" am Ende eines Artikels selten. Bieten Sie stattdessen den nächsten logischen Schritt für die aktuelle Absicht an.

So gehe ich bei CTAs im Blog vor:

1. Link im Kontext: Beschreibt der Beitrag ein Problem, verlinken Sie natürlich auf die Leistungsseite, die es löst.
2. Nächster Beitrag: Halten Sie Leser mit einem verwandten Artikel auf der Website.
3. Weiche Conversion: Bieten Sie etwas mit geringer Hürde an, etwa eine Checkliste, eine Vorlage oder ein kostenloses Tool.
4. Persönlicher Schlusssatz: ein Satz aus Sicht des Autors, ohne Druck.

Möchte jemand nach diesem Beitrag seinen CTA verbessern, würde ich ihm konkret nichts verkaufen wollen. Ich würde eher anbieten, die Website gemeinsam anzusehen. So wissen Leser, an welche Tür sie klopfen können, sobald sie bereit sind. Zudem lassen sich Blogbesucher später per Anzeige zurückholen. Diesen Aufbau beschreibe ich im Beitrag über Remarketing zur Stärkung des Sales Funnels.

Wie muss der Call to Action auf der Landingpage zur Anzeige passen?

Der häufigste Bruch im bezahlten Traffic: Die Anzeige verspricht etwas, die Landingpage verlangt etwas anderes. Die Anzeige sagt "Kostenlose Analyse", die Seite zeigt einen Button "Unsere Pakete ansehen". Besucher finden nicht, wofür sie gekommen sind, springen ab, und das Klickbudget verbrennt.

Deshalb halte ich Anzeigentext, Überschrift der Landingpage und CTA eng aufeinander abgestimmt. Das Verb und das Angebot aus der Anzeige gehören auch in den ersten Bildschirm der Seite. Sagt die Anzeige etwa "Servicetermin am selben Tag", sollte der erste Button "Termin für heute buchen" lauten.

Allerdings brauchen Sie nicht für jede Anzeigengruppe eine eigene Seite. Bei eng verwandten Keywordgruppen genügt oft eine Seite, sofern Überschrift und CTA zur Suchabsicht passen. Unterscheidet sich die Absicht deutlich, liefert eine eigene Seite dagegen meist stabilere Ergebnisse. In meiner Google Ads Verwaltung betrachte ich Kampagne und Seite gemeinsam. Optimiert man beide Seiten getrennt, bleibt das Ergebnis meist halb fertig.

Kennzeichnen Sie Ihre Kampagnenlinks schließlich einheitlich mit UTM Parametern. Dann zeigen Ihre Berichte, welche Anzeige welchen CTA Klick gebracht hat. Der UTM Generator erledigt das schnell.

Wann schaden Dringlichkeit und Verknappung?

Sätze wie "Nur noch 3 Stück" oder "Angebot endet heute Nacht" können Entscheidungen beschleunigen, wenn sie stimmen. Stimmen sie nicht und merken Besucher das, übersteigt der Schaden für Ihre Marke jeden zusätzlichen Verkauf. Ein Countdown, der bei jedem Neuladen von vorn beginnt, ist das bekannteste Beispiel.

Meine Regel ist daher einfach: nur überprüfbare Dringlichkeit. Ist der Bestand wirklich knapp, zeigen Sie einen Hinweis, der an Ihr Warenwirtschaftssystem gekoppelt ist. Hat eine Aktion tatsächlich ein Enddatum, nennen Sie dieses Datum offen. Bei einer Veranstaltung mit begrenzten Plätzen zeigen Sie die freien Plätze in Echtzeit.

Verteilen Sie Dringlichkeit außerdem nicht über jede Seite. Eine Website, die ständig "letzte Chance" ruft, verliert mit der Zeit an Glaubwürdigkeit. Bei B2B Dienstleistungen wirkt Druck oft sogar umgekehrt: Entscheider, die sich gedrängt fühlen, ziehen sich zurück. In diesem Fall funktioniert ruhige Sprache besser, etwa "Wählen Sie einen passenden Tag in Ihrem Kalender". Dringlichkeit ist ein Werkzeug, aber sie ist den Verlust von Vertrauen nie wert.

Wie messen Sie CTA Klicks in GA4?

Einen CTA, den Sie nicht messen, können Sie nicht verbessern. Die erweiterte Analyse in Google Analytics 4 erfasst einige Interaktionen ohne zusätzlichen Code. Dazu gehören click für ausgehende Links, form_start und form_submit für Formularinteraktionen sowie file_download für Downloads. Laut Googles Dokumentation speichert das Ereignis form_submit auch den Text des Absendebuttons als Parameter (GA4 Dokumentation zur erweiterten Analyse).

Interne CTA Klicks kommen allerdings nicht automatisch als eigenes Ereignis an, zum Beispiel ein Button "Angebot anfordern", der auf die Kontaktseite führt. Dafür empfehle ich ein eigenes Ereignis über den Google Tag Manager. Mein Aufbau sieht so aus:

1. Geben Sie jedem wichtigen CTA eine eindeutige ID oder ein Datenattribut.
2. Legen Sie im Tag Manager einen Trigger an, der Klicks auf dieses Element erfasst.
3. Senden Sie ein Ereignis wie cta_click an GA4, mit Position und Beschriftung des Buttons als Parameter.
4. Markieren Sie das echte Geschäftsergebnis, also Formular, Anruf oder Kauf, als Schlüsselereignis.

Dabei gilt eine wichtige Unterscheidung. Ein CTA Klick ist ein Frühindikator, kein Geschäftsergebnis. Eine Änderung, die Klicks erhöht und abgeschickte Formulare senkt, ist ein Verlust, kein Gewinn. Deshalb berichte ich immer beides nebeneinander. Die Logik dahinter erkläre ich im Beitrag Was ist ein Conversion Funnel.

Wie testen Sie einen Call to Action mit A/B Tests?

Ein A/B Test zeigt zwei Varianten eines CTA im selben Zeitraum verschiedenen Besuchern und vergleicht das Ergebnis. Google hat sein kostenloses Testtool Google Optimize am 30. September 2023 eingestellt. Heute brauchen Sie daher ein Testtool eines Drittanbieters oder eine eigene serverseitige Lösung. Die Methode bleibt dieselbe, egal welches Tool Sie nutzen.

Diese Schritte gehe ich durch:

1. Eine Hypothese aufschreiben: "Nennt der Button das Ergebnis, steigen die Anfragen, weil Besucher wissen, was sie bekommen."
2. Nur eine Variable ändern. Ändern Sie Text, Farbe und Position gleichzeitig, wissen Sie nicht, was gewirkt hat.
3. Die Hauptmetrik vorher festlegen: abgeschickte Formulare oder Verkäufe, nicht Klicks.
4. Den Test mindestens ein bis zwei volle Wochen laufen lassen, damit sich Werktage und Wochenende ausgleichen.
5. Nicht zwischendurch entscheiden. Ein früher Sieger ist oft nur Zufall.

Bei wenig Traffic sieht es anders aus. Auf einer Seite mit wenigen hundert Besuchen im Monat erreicht ein Farbtest womöglich nie ein belastbares Ergebnis. Testen Sie dann große Unterschiede statt kleiner Details: ein völlig anderes Angebot, einen anderen Seitenaufbau oder einen direkten Anrufbutton statt Formular. Zudem liefern Sitzungsaufzeichnungen und Kundengespräche bei geringem Traffic schneller Erkenntnisse.

Welche Call to Action Fehler sind am häufigsten?

In meinen Audits tauchen immer wieder dieselben Fehler auf. Hier die Liste, denn die meisten lassen sich in wenigen Stunden beheben:

• Vager Text: "Senden", "Hier klicken", "Weiter". Besucher müssen raten, was der Button tut.
• Konkurrierende Buttons: drei oder vier Handlungen mit gleichem Gewicht.
• Unsichtbare Buttons: gleicher Farbton wie der Hintergrund, schwacher Kontrast oder im Bild versteckt.
• Winzige Tippflächen: Buttons, die Finger auf dem Smartphone verfehlen.
• Kaputte Ziele: Der Button führt auf eine Fehlerseite oder zu einem Formular, das nicht funktioniert. Viele Websites prüfen das nie.
• Unpassendes Versprechen: Die Anzeige sagt das eine, der Button das andere.
• Falsche Dringlichkeit: Countdowns und Bestandswarnungen ohne reale Grundlage.
• Keine Messung: Niemand erfasst Klicks oder Ergebnisse, also beruhen Entscheidungen auf Vermutungen.

Den Punkt mit den kaputten Zielen möchte ich besonders betonen. Ein schöner CTA, der auf einen Fehler führt, ist schlimmer als gar kein CTA. Daher teste ich nach jedem Update der Website alle primären CTAs von Hand.

Wie bringen Sie CTAs mit UX und SEO in Einklang?

Ein häufiger Fehler: Inhalte opfern, um den CTA stärker zu pushen. Manche Teams kürzen eine Leistungsseite auf drei Absätze und setzen auf jeden Bildschirm einen Button. Kurzfristig steigt vielleicht die Conversion Rate. Der organische Traffic sinkt jedoch, weil der Inhalt fehlt, der die Suchabsicht beantwortet hat. Folglich fällt die Gesamtzahl der Conversions.

Mein Ansatz: Der Inhalt beantwortet die Frage des Besuchers, und der CTA folgt als natürlicher nächster Schritt. Der Button unterbricht den Inhalt nicht, sondern verwandelt dessen Schlussfolgerung in eine Handlung. Außerdem vermeide ich Popups, die den ersten Bildschirm verdecken und den Zugang zum Inhalt blockieren. Sie stören Nutzer und verschlechtern das mobile Erlebnis.

Das größere Gleichgewicht zwischen Designentscheidungen, UX und SEO beschreibe ich im Beitrag UX und SEO in Einklang bringen. Kurz gesagt: Ein guter CTA ist kein Rivale Ihres Inhalts. Er ist dessen letzter Satz.

Welche CTA Checkliste sollten Sie vor der Veröffentlichung prüfen?

Diese Liste gehe ich durch, bevor eine neue Seite online geht oder ich eine bestehende Seite ändere. Können Sie einen Punkt nicht mit "Ja" beantworten, beheben Sie ihn vor der Veröffentlichung:

1. Hat die Seite eine einzige Haupthandlung, und ist sie das auffälligste Element?
2. Beginnt der Buttontext mit einem Verb und nennt er das Ergebnis?
3. Versteht man den Button auch isoliert gelesen?
4. Ist die Tippfläche auf dem Smartphone groß genug, mit Abstand drumherum?
5. Erfüllen Beschriftung und Button die Kontraststandards?
6. Steht unter dem Button ein ehrlicher Mikrotext, der Zögern auflöst?
7. Passt das Versprechen der Anzeige genau zum Versprechen des Buttons?
8. Funktioniert die Seite oder das Formular hinter dem Button fehlerfrei?
9. Messen Sie Klicks und Geschäftsergebnisse getrennt?
10. Liegt eine schriftliche Hypothese für den nächsten Test bereit?

Die Liste wirkt lang, doch die meisten Punkte werden nach der ersten Einrichtung zur Routine. Zudem spricht Ihr ganzes Team danach dieselbe Sprache.

Wo fangen Sie mit der Optimierung Ihres Call to Action an?

Versuchen Sie nicht, alles gleichzeitig zu ändern. Wählen Sie die drei Seiten mit dem meisten Traffic und Umsatz: meist die Startseite, die stärkste Leistungsseite oder Produktseite und die wichtigste Landingpage für Anzeigen. Richten Sie dort zunächst die Messung ein. Danach korrigieren Sie Text und Hierarchie, und erst dann folgen Tests.

Nach meiner Erfahrung bringt die erste Runde meist den größten Unterschied, weil sie Grundprobleme wie vage Texte, konkurrierende Buttons und kaputte Ziele löst. Spätere Runden sind Feinschliff und brauchen Geduld. Das ist eine Beobachtung aus der Praxis, keine Garantie. Die Ergebnisse hängen von Ihrer Branche, Ihrem Angebot und der Qualität Ihres Traffics ab.

Möchten Sie Ihre CTAs und Ihren Conversion Aufbau gemeinsam prüfen, mache ich das Seite für Seite im Rahmen meiner Leistung Webdesign. Da ich ohne Vermittler arbeite, übernehme ich die Prüfung selbst. Für Fragen erreichen Sie mich über die Kontaktseite.