Ich habe einmal eine Landing Page erstellt, die viel Traffic, aber kaum Anmeldungen erhielt. Die Überschrift war solide. Das Design sah sauber aus. Aber der Call-to-Action? Er lautete einfach „Senden“.
Dieses eine Wort hat meine Konversionen ruiniert.
Wenn Ihr CTA nicht den bewährten Best Practices für Call-to-Actions folgt, kann selbst eine gut aussehende Seite unzureichend sein. Dinge wie Button-Text, Farbe, Platzierung und der umliegende Inhalt beeinflussen, ob jemand klickt oder weiter scrollt.
In diesem Leitfaden führe ich Sie durch 10 einfache Möglichkeiten, Ihre CTAs zu verbessern, und zeige Ihnen, wie ich diese Tipps angewendet habe, um Klicks auf echten Landing Pages zu steigern.
Best Practices für Call-to-Actions:
Was ist ein Call to Action?
Ein Call-to-Action (CTA) ist jede Aufforderung, die Ihrem Besucher sagt, was er als Nächstes tun soll.
Es ist normalerweise eine kurze Textzeile, die mit einem Button kombiniert wird, wie z. B. „Jetzt herunterladen“, „Kostenlose Testversion starten“ oder „Mein Handbuch erhalten“. CTAs können auch als Links, Banner oder Opt-in-Formulare auf Ihrer Website erscheinen.
Auf einer Landing Page ist Ihr CTA der entscheidende Moment. Hier ergreifen Besucher entweder die Initiative oder verlassen die Seite.
Deshalb sind starke CTAs wichtig. Die richtige Formulierung, das richtige Design und die richtige Platzierung können zu mehr Klicks, Anmeldungen und Verkäufen führen.
Wie großartige CTAs aussehen (mit echten Beispielen)
Wie sieht also ein Call-to-Action mit hoher Konversionsrate aus?
Hier sind drei echte Beispiele, die clevere Texte, starke Angebote und durchdachtes Design nutzen, um Klicks zu generieren:
1. „Ja, senden Sie mir das kostenlose E-Book!“
Dieser CTA ist persönlich, spezifisch und auf den Wert ausgerichtet. Er sagt den Besuchern genau, was sie erhalten werden, und verwendet die Ich-Form, um die Aktion direkter erscheinen zu lassen.
2. „Erhalten Sie 30 Tage kostenloses Yoga“
Dieser hebt einen klaren Vorteil hervor und reduziert die Hürden mit dem Wort „kostenlos“. Er erscheint auch an mehreren Stellen auf der Seite, was dabei hilft, Nutzer zu erfassen, die zu verschiedenen Zeitpunkten bereit sind.
3. „Zeigen Sie mir meine Heatmap“
Anstelle eines generischen Buttons spricht dieser CTA die Sprache des Nutzers. Er sagt den Leuten, was sie erwarten können, und bekräftigt, dass das Ergebnis sofort und nützlich sein wird.
Suchen Sie nach weiteren Ideen? Sehen Sie sich diese Call-to-Action-Beispiele, denen Sie nicht widerstehen können, für Buttons, Banner und Opt-ins an, die konvertieren.
10 Call-to-Action-Best-Practices zum Ausprobieren
Bei der Verbesserung Ihres CTA geht es nicht nur darum, bessere Button-Texte zu schreiben. Es geht darum zu verstehen, was Menschen zum Klicken bewegt.
Ich habe Dutzende von Varianten auf verschiedenen Seiten getestet. In einigen Fällen machte die Änderung nur eines Wortes oder eine leichte Verschiebung eines Buttons einen echten Unterschied bei den Konversionen.
Aber zufällige Vermutungen helfen nicht. Diese Best Practices für Call-to-Actions basieren auf dem, was tatsächlich funktioniert und warum.
Beginnen wir mit der Platzierung, denn wo Ihr CTA platziert wird, ist genauso wichtig wie das, was er sagt.
1. Verwenden Sie den richtigen CTA für die richtige Stelle auf der Seite
Nicht jeder CTA gehört an den Anfang Ihrer Seite. Wo Sie ihn platzieren, sollte dem Stand Ihres Besuchers im Entscheidungsprozess entsprechen.
Hier ist eine einfache Möglichkeit, darüber nachzudenken:
- Oberste Seite: Verwenden Sie sanfte CTAs wie „Mehr erfahren“ oder „So funktioniert’s“. Diese eignen sich am besten für Besucher, die sich gerade erst mit Ihrem Angebot vertraut machen.
Mitte der Seite: Probieren Sie einen CTA mit mittlerer Absicht wie „Kostenlose Testversion starten“ oder „Leitfaden herunterladen“. Bis jetzt hat Ihr Leser mehr Kontext. - Unterseite: Hier platzieren Sie CTAs mit hoher Absicht wie „Jetzt kaufen“, „Anruf buchen“ oder „Heute beitreten“. Sie haben den vollständigen Pitch gesehen und werden eher handeln.
Ich habe gute Ergebnisse erzielt, indem ich mehrere CTAs auf derselben Seite verwendet habe, die jeweils auf den Abschnitt abgestimmt waren, in dem sie erscheinen.
2. Schreiben Sie CTA-Texte, die sich auf den Nutzen konzentrieren
Ihr CTA sollte eine einfache Frage beantworten: Was bekomme ich?
Nutzenorientierte Texte wie „Meinen kostenlosen Leitfaden herunterladen“ oder „Meine kostenlose Testversion starten“ funktionieren besser als vage Befehle wie „Senden“ oder „Hier klicken“.
Ein Test zeigte, dass die klare Angabe des Nutzens die Konversionen um bis zu 161 Prozent steigern kann.
Das liegt daran, dass er direkt auf das eingeht, was Ihr Besucher will. Anstatt ihm zu sagen, was er tun soll, zeigen Sie ihm, was er bekommt.
| Schwacher CTA | Was fehlt | Besserer CTA |
|---|---|---|
| Einreichen | Kein Kontext oder Wert | Checkliste kostenlos herunterladen |
| Anmelden | Vage Aktion | Kostenlose Testversion starten |
| Mehr erfahren | Kein klarer Nutzen | So steigern Sie Konversionen |
Tipp: Versuchen Sie, die Ich-Form zu verwenden, wenn es passt.
3. Sorgen Sie dafür, dass Ihr CTA visuell hervorsticht
Ihr CTA-Button sollte unübersehbar sein. Wenn er mit dem Hintergrund verschmilzt, scrollen Besucher eher daran vorbei, als darauf zu klicken.
Beginnen Sie damit, dass sich der Button klickbar anfühlt. Verwenden Sie eine fette Schrift, eine klare Form und genügend Abstand um den Text. Er sollte wie etwas aussehen, das zum Handeln einlädt, nicht wie ein Teil des Hintergrunds.
Abstand ist ebenso wichtig. Fügen Sie Weißraum um den Button herum hinzu, damit er atmen kann. Vermeiden Sie es, ihn zwischen andere Elemente zu quetschen oder ihn auf einen belebten Hintergrund zu setzen.
Halten Sie ihn sauber, klar und fokussiert. Ein guter CTA sollte das Auge sofort fesseln, wenn der Besucher bereit ist zu handeln.
4. Wählen Sie Button-Farben, die Klicks anziehen
Farbe spielt eine große Rolle dabei, ob Menschen Ihren CTA bemerken und darauf reagieren. Hier ist, was Sie beachten sollten:
A/B-Tests zeigen, dass ein kontrastreicher Button einen, der mit dem Hintergrund verschmilzt, deutlich übertreffen kann. In einem Fall steigerte die Verwendung eines kräftigen Rot statt Grün die Klicks um 21 % beim gleichen Seitendesign.
Diese Art von Gewinn kommt rein aus der Wahl der richtigen Farbe.
Wenn Sie Ihre CTA-Farbe wählen:
- Wählen Sie einen Farbton, der sich von der primären Farbpalette Ihrer Website abhebt.
- Verwenden Sie Barrierefreiheitswerkzeuge, um sicherzustellen, dass genügend Kontrast für alle Benutzer vorhanden ist.
- Verwenden Sie pro Seite nur eine aufmerksamkeitsstarke Farbe, um visuelle Konkurrenz zu vermeiden.
Tipp: Die Schaltflächen-Styling-Optionen von SeedProd machen es einfach, Schaltflächenfarben zu testen und zu aktualisieren, ohne dass ein Entwickler benötigt wird.
5. Nutzen Sie Psychologie zur Steigerung der CTA-Leistung
Um Ihren CTA überzeugender zu gestalten, nutzen Sie grundlegende menschliche Psychologie. Techniken wie Dringlichkeit, Reziprozität und sozialer Beweis können alle Klicks erhöhen.
Dringlichkeit gibt Menschen einen Grund, sofort zu handeln, anstatt zu warten. Das Hinzufügen von zeitlich begrenzten Phrasen wie „Angebot endet bald“ kann die Konversionen um bis zu 332 Prozent erhöhen im Vergleich zu CTAs ohne Dringlichkeit.
Reziprozität bedeutet, etwas zu geben, bevor man zur Handlung auffordert. Ein kostenloser Leitfaden, eine Checkliste oder eine Testversion lässt Menschen eher bereit sein, sich anzumelden oder den nächsten Schritt zu tun.
Sozialer Beweis schafft Vertrauen, indem er zeigt, dass andere bereits gehandelt haben. In der Nähe befindliche Testimonials, Bewertungen oder Echtzeitaktivitäten können Ihr Angebot sicherer und glaubwürdiger erscheinen lassen.
Verwenden Sie emotional aufgeladene Wörter wie „Jetzt“, „Sofort“ oder „Exklusiv“, um zusätzliche Motivation hinzuzufügen.
6. Halten Sie Ihren CTA kurz, klar und fokussiert
Kurzer CTA-Text funktioniert besser, da er schneller zu lesen und einfacher zu handeln ist. Eine Studie ergab, dass der durchschnittliche, leistungsstarke CTA nur 3 bis 4 Wörter enthält, was Kürze zu einem konstanten Merkmal von Schaltflächen macht, die konvertieren.
Ihr Ziel ist Klarheit, nicht Cleverness. Vermeiden Sie vage Formulierungen wie „Hier klicken“ oder „Senden“. Führen Sie stattdessen mit einem Aktionswort, das den Nutzen widerspiegelt, wie z. B. „Leitfaden herunterladen“ oder „Testversion starten“.
Achten Sie auf Reibungswörter, die nach Anstrengung oder Verpflichtung klingen. Begriffe wie „Kaufen“, „Bestellen“ oder „Registrieren“ können Zögern hervorrufen. Sanftere Alternativen wie „Holen“, „Versuchen“ oder „Sehen“ wirken oft zugänglicher.
Ein hilfreicher Test: Kann jemand Ihren CTA in zwei Sekunden oder weniger verstehen? Wenn nicht, vereinfachen Sie ihn.
7. Testen und optimieren Sie Ihren CTA, um Ergebnisse zu verbessern
Die besten CTAs entstehen durch Testen, nicht durch Raten. A/B-Tests helfen Ihnen, zwei Versionen eines CTAs zu vergleichen, um zu sehen, welche tatsächlich mehr Klicks und Konversionen erzielt.
Fangen Sie klein an. Testen Sie jeweils eine Änderung, wie z. B. den Wortlaut, die Farbe, die Größe oder die Platzierung Ihrer Schaltfläche. Lassen Sie alles andere gleich, damit Sie isolieren können, was funktioniert.
Ein reales Beispiel stammt aus dem A/B-Test von Leadferno für Fox Pest Control. Allein der Austausch eines Standard-Telefon-CTAs durch ein „Text With Us“-Widget führte zu einer Steigerung der Konversionsrate um 201 %.
In etwas mehr als einem Monat verdreifachten sich die Leads, ohne den Traffic zu erhöhen oder den Rest der Seite zu ändern.
Wenn Sie WordPress verwenden, können Sie dieser Anleitung folgen, wie Sie A/B-Tests für Landingpages einrichten, um mit dem Sammeln von Daten zu beginnen.
Selbst kleine Änderungen können zu großen Ergebnissen führen. Tests helfen Ihnen, CTAs auf der Grundlage des tatsächlichen Benutzerverhaltens und nicht auf Annahmen zu erstellen.
8. Stellen Sie sicher, dass Ihr CTA auf Mobilgeräten funktioniert
Mehr als die Hälfte des Webverkehrs stammt mittlerweile von Mobilgeräten. Wenn Ihr CTA nicht einfach angetippt werden kann, entgehen Ihnen Klicks.
Interaktive Ziele sollten mindestens 44 × 44 CSS-Pixel groß sein, wie von WCAG 2.5.5 gefordert und von Apple in seinen Human Interface Guidelines (HIG) empfohlen. Für Android und Material Design beträgt das Minimum 48 × 48 dp.
Auch der Abstand spielt eine Rolle. Schaltflächen, die zu nah beieinander liegen oder in unübersichtlichen Layouts platziert sind, können zu Fehlklicks führen. Einige Studien haben ergeben, dass schlechtes Mobile Design zu „Rage Taps“ führt, bei denen Benutzer aus Frustration wiederholt tippen.
Um die Leistung von CTAs auf Mobilgeräten zu verbessern:
- Verwenden Sie große, daumenfreundliche Schaltflächen mit viel Abstand
- Vermeiden Sie es, Schaltflächen zu dicht aufeinander zu stapeln
- Platzieren Sie Ihren wichtigsten CTA unten auf dem Bildschirm, wo Daumen ihn gut erreichen können
- Testen Sie ihn auf einem echten Telefon, um sicherzustellen, dass er leicht angetippt und gelesen werden kann
Selbst ein gut geschriebener CTA kann fehlschlagen, wenn Benutzer ihn nicht leicht anklicken können. Machen Sie ihn mobilfreundlich, damit jeder Besucher die Chance hat, zu konvertieren.
9. Fügen Sie hilfreiche Texte und Nachweise rund um Ihren CTA hinzu
Ihr CTA existiert nicht isoliert. Die Wörter und Bilder darum herum prägen, wie Menschen zum Klicken stehen.
Eine starke Überschrift oder Unterüberschrift kann Besucher an den Wert erinnern, den sie erhalten. Eine kurze Liste von Vorteilen verstärkt das Angebot. Und ein Vertrauenssiegel oder ein Testimonial in der Nähe hilft, Vertrauen aufzubauen.
Hier ist ein Beispiel, wie das aussehen könnte:
Überschrift/Unterüberschrift
„Treten Sie unserer kostenlosen Testversion bei. Keine Kreditkarte erforderlich.“
Aufzählung
- Voller Zugriff auf Premium-Funktionen
- Jederzeit mit einem Klick kündbar
Vertrauenselement
„Vertraut von über 10.000 Marketern“
Diese Art von unterstützendem Inhalt beantwortet wichtige Fragen wie „Was bekomme ich?“ und „Kann ich dem vertrauen?“ genau an der Entscheidungsgrenze.
Wenn alles um den Button herum den Klick unterstützt, wirkt Ihr CTA natürlicher und überzeugender.
10. Verwenden Sie die richtige Auszeichnung, um CTAs zugänglich und SEO-freundlich zu machen
Ihr CTA muss für Menschen einfach zu bedienen und für Suchmaschinen klar verständlich sein. Das bedeutet, gute Texte zu schreiben, aber auch die richtige HTML-Struktur zu verwenden.
Verwenden Sie semantische HTML-Elemente
Umschließen Sie Ihren CTA immer mit einem <button>- oder <a role="button">-Tag. Dies teilt assistiven Technologien und Suchmaschinen mit, dass er interaktiv ist.
Fügen Sie ARIA-Labels hinzu, wenn nötig
Wenn der Button-Text kurz oder unklar ist, verwenden Sie ein aria-label, um Kontext hinzuzufügen.
Beispiel:
<button aria-label="Meine kostenlose Testversion starten">Testversion starten</button>
Machen Sie es tastaturfreundlich
Ihr CTA sollte für Benutzer funktionieren, die mit einer Tastatur navigieren. Stellen Sie sicher, dass sie mit der Tabulatortaste zum Button gelangen und Enter oder Leertaste drücken können, um ihn zu aktivieren.
Schreiben Sie klaren, beschreibenden Text
CTAs wie „Kostenlosen Leitfaden herunterladen“ geben Suchmaschinen mehr Kontext als generische Formulierungen wie „Hier klicken“. Dies hilft auch dabei, dass Ihre Inhalte in Rich Snippets oder KI-Zusammenfassungen erscheinen.
Sauberes, zugängliches Markup hilft Ihrem CTA, mehr Menschen zu erreichen und die Sichtbarkeit Ihrer Seite in der Suche zu unterstützen.
Wie ich einen hochkonvertierenden CTA mit SeedProd erstellt habe
Ich habe viele CTA-Tools getestet, aber für WordPress-Landingpages kehre ich immer wieder zu SeedProd zurück.
Es ist ein Drag-and-Drop-Seitenersteller, mit dem Sie benutzerdefinierte Landingpages, Opt-ins und CTA-Bereiche erstellen können, ohne Code schreiben zu müssen.
Um einen meiner bevorzugten CTA-Bereiche zu erstellen, habe ich zuerst den SeedProd-Editor geöffnet und den Call to Action-Block hineingezogen.
Von dort aus habe ich die Überschrift und den Button-Text aktualisiert, um den Nutzen hervorzuheben. Anstelle einer generischen Bezeichnung wie „Senden“ habe ich „Kostenlose Testversion erhalten“ verwendet und eine kurze Unterüberschrift hinzugefügt, um zu erklären, was die Testversion beinhaltet.
Als Nächstes habe ich das Button-Design angepasst. Ich habe eine kräftige Farbe gewählt, die sich vom Rest der Seite abhob, und die Schriftgröße erhöht, damit sie auf Mobilgeräten leicht angetippt werden kann.
Ich habe auch viel Weißraum um den CTA gelassen, damit er sauber und fokussiert wirkt, und darunter ein kurzes Testimonial für zusätzliches Vertrauen hinzugefügt.
SeedProd hat den gesamten Prozess vereinfacht. Ich konnte den gesamten Bereich in Echtzeit erstellen und in der Vorschau anzeigen, ohne benutzerdefinierten Code oder zusätzliche Plugins zu benötigen.
Eine vollständige Anleitung finden Sie in meinem Leitfaden zum Thema Erstellen einer Landingpage in WordPress.
FAQs zu Best Practices für Call to Action
Bereit, einen CTA zu erstellen, der konvertiert?
Starke CTAs entstehen nicht zufällig. Jedes Detail zählt, von den gewählten Worten bis hin zu Farbe, Platzierung und Kontext rund um den Button.
Indem Sie diese Best Practices für Call to Action befolgen, geben Sie Besuchern mehr Gründe zum Klicken und weniger Möglichkeiten, wegzugehen. Und mit einem Tool wie SeedProd können Sie schnell hochkonvertierende CTAs erstellen, testen und verbessern, ohne zusätzliche Plugins oder Code.
Wenn Sie Ihre Landingpages weiter verbessern möchten, finden Sie hier einige weitere Leitfäden, die ich empfehle. Jeder konzentriert sich auf einen bestimmten Teil der Erstellung hochkonvertierender CTAs und der Seiten darum herum.
- So fügen Sie einen Button in WordPress hinzu (Schritt für Schritt)
- Experten-Tipps zur Optimierung von Landing Pages
- So erstellen Sie eine Verkaufsseite in WordPress
- So erstellen Sie eine Lead-Capture-Seite in WordPress
- So erstellen Sie eine Squeeze Page in WordPress
Danke fürs Lesen! Wir würden uns freuen, Ihre Gedanken zu hören. Treten Sie also gerne der Unterhaltung auf YouTube, X und Facebook bei, um weitere hilfreiche Ratschläge und Inhalte für das Wachstum Ihres Unternehmens zu erhalten.
