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.
Ein Call to Action lebt oder stirbt durch die kleinen Dinge: der Button-Text, die Farbe, die Platzierung und der umgebende Text. Wenn Sie diese richtig machen, verwandelt eine gute Seite Besucher in Anmeldungen. Wenn Sie sie falsch machen, verpufft selbst eine schöne Seite.
Dieser Leitfaden gibt Ihnen also beide Hälften. Erstens 11 echte Call-to-Action-Beispiele, die es wert sind, kopiert zu werden, dann die 10 besten Praktiken, die ich verwende, um meine eigenen CTAs klickwürdig zu machen. Sie werden sehen, wie großartig aussieht und wie Sie es genau bauen.
TL;DR: Call-to-Action-Best-Practices.
Ein Call to Action ist die Aufforderung, die einem Besucher sagt, was als Nächstes zu tun ist. Kleine Änderungen daran bewegen echte Zahlen.
Hier ist, was tatsächlich funktioniert:
- Führen Sie den Vorteil an – „Mein kostenloses Handbuch erhalten“ schlägt „Senden“ jedes Mal.
- Heben Sie ihn hervor – Verwenden Sie eine kontrastreiche Farbe und Weißraum, damit der Button unmöglich zu übersehen ist.
- Halten Sie ihn kurz – Die leistungsstärksten Buttons sind etwa 3 bis 4 Wörter lang.
- Passen Sie ihn an die Seite an – Sanfte CTAs oben, CTAs mit hoher Absicht nach der Vorstellung.
- Testen Sie jeweils eine Sache – Ändern Sie den Text oder die Farbe und messen Sie dann, was gewinnt.
- Stehlen Sie von den Profis – Die 11 Beispiele unten zeigen diese Regeln in Aktion.
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.
11 Call-to-Action-Beispiele für Websites und E-Mails
Bevor wir uns mit den Regeln befassen, schauen wir uns an, wie großartige CTAs tatsächlich aussehen. Hier sind 11 echte Beispiele, auf die ich immer wieder zurückkomme, und genau warum jeder einzelne den Klick verdient.
1. OptinMonster: CTA mit Dringlichkeitsfaktor
| CTA: Holen Sie sich OptinMonster jetzt |
| Am besten für: Landingpages und Popups |
| Warum es funktioniert: Dringlichkeitswörter plus ein sofortiger Vorteil |
Ich mochte schon immer, wie OptinMonster Dringlichkeit in seinen Handlungsaufforderungen verwendet. Die Überschrift fesselt Sie sofort, und der Button-Text „OptinMonster jetzt erhalten“ gibt Ihnen das Gefühl, schnell handeln zu müssen.
Als Geschäftsinhaber fühle ich mich von CTAs angezogen, die den Vorteil im Voraus zeigen. Dieser verspricht, Ihnen beim Aufbau Ihrer E-Mail-Liste, der Gewinnung von mehr Leads und der Steigerung des Umsatzes zu helfen.
Das Wort „sofort“ setzt die Erwartung, dass Sie sofort Ergebnisse sehen werden. Das ist ein starker Anreiz zum Klicken, und es ist einfach, es für Ihre eigenen Seiten zu übernehmen.
2. IsItWP: Lead-Magnet-CTA
| CTA: Ja, senden Sie mir das kostenlose eBook! |
| Am besten geeignet für: E-Mail-Anmeldungen mit Lead-Magneten |
| Warum es funktioniert: Klarer Wertetausch plus Aktionsverben |
IsItWP verwendet durchweg Lead-Magnete, um Anmeldungen zu generieren. Der Button „Ja, senden Sie mir das kostenlose E-Book!“ ist ein großartiges Beispiel dafür, etwas Wertvolles im Austausch für eine E-Mail-Adresse anzubieten.
Ich mag es, dass das Angebot im Vordergrund steht und mit einem klaren Vorteil verbunden ist: ein kostenloses E-Book mit allem Wesentlichen für einen WordPress-Start. Es ist genau die Art von Ressource, die ihre Leser wollen.
Das Aktionsverb „senden“ lässt den Prozess schnell und einfach erscheinen. Ich habe festgestellt, dass diese Art von Ich-Perspektive-Text gut funktioniert, um Konversionen zu steigern.
3. WPForms: CTA zum Beitritt zur Community
| CTA: Jetzt beitreten… es ist kostenlos! |
| Am besten geeignet für: Wachsende Online-Gruppen |
| Warum es funktioniert: Hebt keine Kosten plus Exklusivität hervor |
Auf dem WPForms-Blog entdeckte ich eine einfache, aber effektive Anzeige, die Leser aufforderte, der WPForms VIP Circle Facebook-Gruppe beizutreten. Der CTA „Jetzt beitreten… es ist kostenlos!“ ist genau die Sprache, die ich verwende, wenn ich möchte, dass die Leute sofort handeln.
Es funktioniert, weil es Zögern beseitigt. Es ist kostenlos, exklusiv und relevant für Leser, die bereits den Inhalt durchsuchen.
Community-Angebote wie dieses schneiden gut ab. Menschen möchten sich verbunden fühlen und Zugang zu Extras erhalten, daher ist es ein großartiger Ansatz, wenn Sie eine Gruppe aufbauen.
4. Crazy Egg: CTA zur Demoanfrage
| CTA: Zeig mir meine Heatmap |
| Am besten geeignet für: Produktdemos |
| Warum es funktioniert: Spricht die Sprache des Benutzers und weckt Neugier |
Ich liebe es, wie Crazy Egg seinen „Show Me My Heatmap“-Button verwendet. Er ist in der Sprache des Kunden gehalten, was das Angebot persönlich erscheinen lässt.
Der Text ist klar und weckt gleichzeitig Neugier. Social Proof sitzt direkt daneben, sodass die Anzahl der Unternehmen, die Crazy Egg bereits nutzen, Ihnen zusätzliches Vertrauen gibt, bevor Sie klicken.
Die kostenlose Testversion und der Hinweis, jederzeit kündigen zu können, beseitigen das Risiko. Es ist einer der intelligentesten Demo-CTAs, die Sie finden werden.
5. Moz: CTA zur Veranstaltungsregistrierung
| CTA: Schnapp dir mein Ticket! |
| Am besten für: Anmeldungen zu Veranstaltungen |
| Warum es funktioniert: Knappheits-Sprache plus Dringlichkeit |
Moz war schon immer gut im Marketing, daher ist es keine Überraschung, dass ihr Event-CTA hervorsticht. Der Button „Grab My Ticket!“ ist unterhaltsam und dringend, ohne aufdringlich zu sein.
Der begleitende Text baut Spannung auf, indem er fragt, ob Sie bereit sind, und Ihnen dann genau sagt, was Sie auf dem virtuellen Event erhalten. Es gibt kein Rätselraten, was das Klicken erleichtert.
Immer wenn ich Veranstaltungen durchführe, verwende ich den gleichen Ansatz: eine fette Überschrift, klare Vorteile und Button-Text, der den Leser zum sofortigen Handeln anregen möchte.
6. Uber: Anmelde-CTA
| CTA: Melde dich an, um zu fahren |
| Am besten für: Serviceanmeldungen |
| Warum es funktioniert: Einfache, handlungsorientierte Texte |
Ubers „Sign Up to Drive“-Call-to-Action ist ein perfektes Beispiel dafür, Dinge einfach zu halten. Er ist direkt, handlungsorientiert und sagt Ihnen genau, wofür Sie sich anmelden.
Die Überschrift verstärkt den Nutzen, dass Sie durch das Fahren Geld verdienen können. Das hilft dem Leser, sich vorzustellen, wie Erfolg aussieht, wenn er klickt.
Dieser CTA funktioniert, weil er so leicht zu verstehen ist. Wenn Sie Ihren eigenen schreiben, denken Sie nicht zu viel nach. Seien Sie klar und zeigen Sie dem Leser, was für ihn drin ist.
7. Madewell: E-Commerce-Produkt-CTA
| CTA: Mach sie zu deinen |
| Am besten für: E-Commerce-Produktseiten |
| Warum es funktioniert: Emotionaler Auslöser plus Besitzanspruch |
Madewells „Mach sie zu deinen“-Button ist einer meiner Lieblings-E-Commerce-CTAs. Er ist kurz, verspielt und spricht die emotionale Seite des Einkaufens an.
Was mir am besten gefällt, ist, wie es mit der Produktabbildung verbunden ist. Der Text gibt Ihnen das Gefühl, dass Madewell das perfekte Paar hat, und der Button lädt Sie dann ein, sie als Ihr eigenes zu beanspruchen.
CTAs, die sich auf den Besitz konzentrieren, wie dieser, neigen dazu, mehr Klicks zu erzielen als ein generischer „Jetzt kaufen“-Button.
8. Traffic & Conversion: CTA mit Rabattangebot
| CTA: Fordere dein ermäßigtes Ticket an |
| Am besten für: Event-Werbung |
| Warum es funktioniert: Starker Anreiz plus klarer Vorteil |
Der Traffic & Conversion Summit von Digital Marketer hat einen herausragenden CTA: „Claim Your Discounted Ticket.“ Er kombiniert den Anreiz (einen Rabatt) mit einem Gefühl des Besitzes („claim“), was das Angebot wertvoller erscheinen lässt.
Die Aufzählungspunkte vor dem Button sind ebenfalls stark. Sie listen genau auf, was Sie durch die Teilnahme erhalten, sodass sich der CTA nicht wie eine Wette anfühlt.
Wenn ich diese Seite weiter optimieren würde, würde ich einen Countdown-Timer hinzufügen. In meinen eigenen Kampagnen konvertieren zeitlich begrenzte CTAs merklich besser.
9. Yoga International: CTA für kostenlose Testversion
| CTA: Erhalte 30 Tage kostenloses Yoga |
| Am besten für: Kostenlose Testversionen von Abonnements |
| Warum es funktioniert: Risikofreies Angebot plus eine klare Zeitbegrenzung |
Yoga International wiederholt seinen Haupt-CTA mehrmals auf der Seite. Der Button „30 Tage kostenloses Yoga erhalten“ ist risikofrei und klar – zwei Dinge, auf die ich bei einem guten kostenlosen Testangebot achte.
Die Platzierung des Buttons oben, in der Mitte und unten erleichtert das Klicken, wenn Sie bereit sind. Ich verwende dieselbe Strategie auf Produktseiten, da sie Leute an verschiedenen Entscheidungspunkten abholt.
Und das Versprechen von „kostenlos“ ist immer ein starker Motivator. Es ist ein großartiges Beispiel für ein reibungsloses Angebot, das gut gemacht ist.
10. GiftRocket: Einzigartiger Marken-CTA
| CTA: Sende einen GiftRocket |
| Am besten für: Geschenkkaufkarten |
| Warum es funktioniert: Markenbezogene Sprache plus ein unterhaltsamer Ton |
GiftRocket macht einen großartigen Job mit seinem markenspezifischen CTA. Anstatt etwas Langweiliges wie „Jetzt kaufen“, laden sie Sie ein, „einen GiftRocket zu senden“.
Diese kleine Wortänderung lässt die Aktion besonders wirken, und die „Wie gesehen in“-Logos verleihen Glaubwürdigkeit.
Es ist eine Erinnerung daran, dass Sie nicht dieselbe CTA-Texte wie alle anderen verwenden müssen. Ein wenig Kreativität kann viel bewirken.
11. Ich bringe dir bei, reich zu sein: Quiz CTA
| CTA: Starte den Quiz |
| Am besten für: Segmentierung von Leads |
| Warum es funktioniert: Geringe Verpflichtung plus ein Neugier-Haken |
Ramit Sethis „Starte den Quiz“-CTA ist einer, den ich für meine eigenen Funnels übernommen habe. Es ist eine geringe Verpflichtung, führt aber zu hochgradig personalisierten Follow-ups.
Was mir am besten gefällt, ist die Formulierung: Man macht einen Quiz, um Inhalte zu erhalten, die den eigenen Bedürfnissen entsprechen. Das ist weitaus ansprechender, als sich für einen generischen Newsletter anzumelden.
Dieser Ansatz funktioniert besonders gut, wenn Ihre Produkte oder Kurse teuer sind. Er ermöglicht es Ihnen, Vertrauen aufzubauen, bevor Sie eine größere Verpflichtung eingehen.
Beachten Sie das Muster? Jeder dieser Punkte beginnt mit einem Vorteil, verwendet einfache Sprache und lässt den nächsten Schritt einfach erscheinen. Genau das helfen Ihnen die folgenden Best Practices auf Ihren eigenen Seiten zu tun.
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
Was ist die beste Länge für einen CTA?
Kurz und bündig ist am besten. Die meisten leistungsstarken CTAs sind zwischen 2 und 6 Wörter lang. Das macht sie leicht lesbar und schnell umsetzbar.
Wie viele CTAs sollte ich auf einer Landingpage verwenden?
Das hängt von der Länge der Seite ab. Für kurze Landingpages ist oft ein klarer CTA ausreichend. Für längere Seiten ist es sinnvoll, den CTA an wichtigen Stellen zu wiederholen, z. B. oben, in der Mitte und unten.
Welche Button-Farben erzielen die meisten Klicks?
Es gibt keine universell beste Farbe, aber Kontrast ist entscheidend. Wählen Sie eine Farbe, die sich vom Hintergrund Ihrer Seite abhebt. Ein Test ergab, dass rote Buttons 21 % mehr Klicks erhielten als grüne, nur weil sie stärker auffielen.
Wo sollte der CTA auf der Seite platziert werden?
Das hängt von der Nutzerabsicht ab. Platzieren Sie sanfte CTAs wie „Mehr erfahren“ oben für Besucher, die sich noch informieren. Mid-Funnel-CTAs funktionieren gut, nachdem einige Kontextinformationen gegeben wurden, und High-Intent-CTAs gehören nach unten, sobald Sie Ihr Angebot gemacht haben.
Kann ich mehr als einen CTA verwenden?
Ja, solange sie sich nicht gegenseitig behindern. Sie könnten zum Beispiel einen Haupt-CTA und eine sanftere sekundäre Option haben. Stellen Sie einfach sicher, dass die Seite einen klaren Fokus hat.
Sollte ich Buttons oder Textlinks für CTAs verwenden?
Buttons gewinnen normalerweise, weil sie hervorstechen. Ein Textlink kann in einem Absatz untergehen, daher spare ich Textlinks für sekundäre Aktionen auf und gestalte sie immer so, dass sie leicht zu erkennen sind.
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 hochkonvertierende CTAs schnell und ohne zusätzliche Plugins oder Code erstellen, testen und verbessern.
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.
