8 Tipps für einen optimalen Call-to-Action-Button
Nicht nur Besucher, sondern auch diese wertvollen Konversionen
Wahrscheinlich stoßen Sie im Internet täglich auf Hunderte von Schaltflächen, die Sie auffordern, eine Aktion durchzuführen. Diese reichen vom Abonnieren eines Newsletters bis zum Kauf einer neuen Hose.
Im Online-Marketing werden diese Schaltflächen als CTAs (call to action/call to action) bezeichnet. Diese CTAs sind enorm wichtig, um Ihre Besucher in wertvolle Kunden zu verwandeln. Viele Unternehmen gehen jedoch nachlässig mit ihnen um. Denn wann ist es ein guter CTA und wie können Sie sicherstellen, dass er auf Ihrer Website richtig hervorgehoben wird?
Lesen Sie weiter, ich helfe Ihnen mit acht Tipps zu einem optimalen Call-to-Action-Button.
1. Stellen Sie sicher, dass die CTA wie eine Schaltfläche aussieht
Heutzutage werden Schaltflächen im Webdesign immer minimalistischer gestaltet. Zum Beispiel ohne Rahmen oder nur mit einem Rahmen und ohne Hintergrundfarbe. Das mag in einem Design schön aussehen, aber vergessen Sie nicht, dass Ihre wichtigste CTA diejenige sein sollte, die Ihre Besucher am schnellsten finden.
Schließlich wollen Sie ja, dass sie auf Ihrer Website eine Konversion vornehmen, denn die Konversion (die viele Formen annehmen kann) ist der Zweck Ihrer Website!
Es scheint so offensichtlich, aber ein CTA sollte sofort erkennbar sein. Ein Link ist ein Link und eine Schaltfläche ist eine Schaltfläche. Das ist genau der Grund, warum ein Bild oder ein Banner nicht gut funktionieren kann. Aufgrund der “Bannerblindheit” und der Form ist es unwahrscheinlich, dass die Besucher es als Schaltfläche betrachten.
Eine Seite kann mehrere CTAs enthalten. Wichtig ist hier, dass die primäre Schaltfläche eine andere Form, Farbe oder Position hat, die sie am meisten hervorhebt. Die sekundären Schaltflächen haben daher eine weniger auffällige Form oder Position. Bieten Sie vor allem nicht zu viel Auswahl an, denn das erzeugt nur Wahlstress.
Machen Sie eine Sache wichtig! Wenn alles wichtig ist, ist nichts mehr wichtig…
2. Die Größe ist wichtig!
Neben der Erkennbarkeit (Form und Farbe) ist auch die Größe des CTA sehr wichtig. Mit einer größeren Größe zeigen Sie einfach, wie wichtig diese Aktion ist, und diese Schaltfläche sticht mehr hervor. Viele CTAs sind zu klein, um die Aufmerksamkeit des Besuchers wirklich zu erregen, was sich negativ auf Ihre Konversionsrate auswirken kann.
Die genaue Größe der Schaltfläche ist nicht so wichtig, aber sie sollte ins rechte Licht gerückt werden. Das Verhältnis zwischen der Schaltfläche und dem laufenden Text, den Überschriften und den Bildern ist daher wichtig. Achten Sie darauf, dass sie etwas größer ist, die Schaltfläche kann durchaus 200 bis 300 Pixel breit sein.
Achten Sie nur darauf, dass Sie es nicht übertreiben, denn eine zu große Schaltfläche kann kontraproduktiv sein.
3. Wählen Sie eine auffällige/abweichende Farbe
Es gibt keinen Standard (eine beste Farbe) für einen CTA. Die Farben Ihrer Schaltflächen erscheinen manchmal sehr logisch, werden aber von den Besuchern oft missverstanden. Bestimmte Farben werden mit Gefühlen assoziiert, z. B. hat Grün oft einen positiven Einfluss auf die Gefühle der Menschen und die Farbe Rot mit “Stopp”. Dennoch kann die Farbe Rot auch eine erfolgreiche Farbe für einen CTA auf Ihrer Website sein!
Schauen Sie durch Ihre Wimpern und finden Sie heraus, ob es noch auffällt. Ja? Dann ist es gut. Nein? Nehmen Sie eine stärker abweisende Farbe.
Es ist sehr wichtig, eine Farbe zu verwenden, die einen starken Kontrast zum Webdesign Ihrer Website bildet. Verwenden Sie also nicht eine grüne Schaltfläche in einem grünen Haus, sondern wählen Sie zum Beispiel eine orangefarbene Schaltfläche. Kräftige Farben wie Grün, Rot, Orange und Gelb eignen sich oft gut, zumal diese Farben oft nicht die Hauptfarbe eines Hausstils sind. Das menschliche Auge nimmt Farben wie Blau und Lila nicht so gut auf wie eine der oben genannten kräftigen Farben.
Verstärken Sie die Botschaft durch Icons
Neben einem einprägsamen Text kann das Hinzufügen eines Symbols in einer Schaltfläche noch deutlicher machen, wofür sie gedacht ist. Ein zusätzlicher Vorteil ist, dass sich die Schaltfläche dadurch noch mehr abheben kann. Denken Sie nur daran, dass das Symbol für einen Besucher sofort erkennbar sein und keine Verwirrung stiften sollte.
4. An der richtigen Stelle, zur richtigen Zeit
Neben einer auffälligen Form und Farbe ist die Positionierung Ihrer (primären) CTA äußerst wichtig. Egal wie auffällig die Schaltfläche ist, wenn der Besucher diese CTA nicht sieht, wird sie nicht angeklickt. Das Ziel ist also, dass die Besucher Ihre CTA sehen, aber das Timing muss stimmen.
Viele halten es für wichtig, den CTA ganz oben auf der Seite zu platzieren, aber das muss nicht immer der Fall sein. Gerade bei einem erklärungsbedürftigen Produkt/Dienstleistung ist es wichtig, dass der Besucher sich erst einmal informieren kann, um sich dann überzeugen zu lassen und z.B. einen Kauf zu tätigen.
Mit Hilfe von A/B-Tests kann sich beispielsweise herausstellen, dass eine etwas tiefer (später) positionierte Schaltfläche besser funktioniert als eine Schaltfläche direkt am oberen Rand der Seite. Sollte Ihre Webseite sehr lang sein, könnten Sie in Erwägung ziehen, einen CTA sowohl am oberen als auch am unteren Rand der Seite zu platzieren. Eine (noch bessere) Alternative ist, die Schaltfläche (oder einen Block) fest auf der Seite zu platzieren, so dass sie immer im Blickfeld ist.
Verwenden Sie fest positionierte CTA-Blöcke, damit der Besucher immer die Möglichkeit hat, mit einer Konversion fortzufahren.
5. Erregen Sie Aufmerksamkeit, aber behalten Sie den Fokus bei
Erregen Sie zunächst Aufmerksamkeit, aber sorgen Sie dafür, dass der Fokus der Besucher erhalten bleibt. Ordnen Sie Ihre Seite daher logisch und übersichtlich an. Schließlich hat die Gestaltung einer Seite großen Einfluss darauf, wie ein Besucher die Informationen verarbeitet.
Verwenden Sie Weißraum und Rahmen
Die Kunst des Designs besteht darin, es ruhig zu halten, aber den Fokus auf die richtigen Elemente auf der Website zu lenken. Platzieren Sie daher Ihre wichtigsten Informationen zum Beispiel in einem Rahmen. Eine Schaltfläche als Brennpunkt innerhalb dieses Rahmens wird die Aufmerksamkeit Ihrer Besucher auf sich ziehen und sie zum Hinschauen zwingen!
Visuelle Elemente zur Bestimmung der Blickrichtung
Die Verwendung visueller Elemente wie Linien und Pfeile kann ebenfalls das Verhalten des Besuchers beeinflussen und ihn (un)bewusst zu Ihrem CTA führen.
6. Halten Sie den Besucher im richtigen Fluss
Es gibt verschiedene Online-Marketing-Modelle, die Aufschluss über einen guten Besucherfluss auf Ihrer Website geben. Denken Sie zum Beispiel an das Modell “See, Think, Do, Care”, das wir immer anwenden. Machen Sie den Besucher erst neugierig, begeistern Sie ihn und verleiten Sie ihn dann zu einem Kauf. Um eine optimale Wirkung zu erzielen, sollte der CTA an einer logischen Stelle platziert werden und Teil dieser Customer Journey und dieses Flusses sein.
Befindet sich diese Schaltfläche in der Nähe der wichtigsten Informationen, kann der Nutzer sie kaum übersehen. Hier greift dann die Gestalttheorie. Diese Theorie beschreibt, dass Menschen nach Konsistenz suchen und danach, was nahe beieinander liegt und daher zusammenzugehören scheint. Ein CTA in einer Seitenleiste kann aus diesem Grund z.B. weniger effektiv sein (auch wenn er immer im Blickfeld ist).
Zusätzliche Auslöser für die Konvertierung von Besuchern
Neben dem Ort, der Form, der Farbe und der Botschaft gibt es einige Auslöser, die den Besuchern einen kleinen Anstoß zur Konvertierung geben. Diese können Sie zum Beispiel verwenden:
- Ein Countdown-Timer oder knappe Verfügbarkeit
Ein gutes Beispiel ist booking.com, das Knappheit erzeugt. Sie lassen den Besucher denken, dass er sich schnell entscheiden muss, weil das Produkt/die Dienstleistung sonst nicht mehr verfügbar ist. - Liste der sozialen Beweise
Stellen Sie sicher, dass Sie Ihre Besucher von dem Produkt überzeugen, indem Sie Rezensionen, Likes und Bewertungen auf Ihrer Website veröffentlichen. Vorzugsweise auch von echten Menschen mit Fotos. Dies erhöht das Vertrauen des Besuchers in Ihr Produkt. - Machen Sie Gebrauch von Autoritäten
Stellen Sie Zertifikate und Gütezeichen ein, um zu zeigen, dass man über Ihre Website “sicher” Geschäfte machen kann.
7. Inhalt und Design gehen Hand in Hand
Wir haben vor allem über das Aussehen und die Position der CTA-Schaltfläche gesprochen, aber der Inhalt (Text) ist in diesem Fall mindestens genauso wichtig. Einige Tipps, wie Sie Ihre CTA-Schaltfläche stärken können.
Seien Sie klar
Aus dem Text der CTA sollte klar hervorgehen, was der Besucher bekommt, wenn er auf sie klickt. Der Text hat einen großen Einfluss auf die Konversion, also sagen Sie nicht einfach “Klicken Sie hier!”, sondern versuchen Sie, ihn klar zu halten.
Machen Sie es persönlich
Machen Sie die CTA persönlich, das spricht die Besucher mehr an. Anstelle einer Schaltfläche mit dem Text “Senden” können Sie zum Beispiel einen netten, enthusiastischen Text verwenden, in dem auch klar ist, was der Besucher erwarten kann.
Zum Beispiel “Ja, schicken Sie mir diese Checkliste!”, durch die Verwendung von Wörtern wie “Sie” und “Sie” machen Sie es persönlich. Wenn Sie es dann noch mit einem Text kombinieren, der die Ladung abdeckt (z.B. “Erhalten Sie die Checkliste”), wird der Besucher nicht verwirrt sein.
Achten Sie hier natürlich auf Ihre Anrede. Wenn Sie alles in förmlicher Sprache und U-Form auf der Website haben, dann wird die informelle Sprache in Ihrem Call to Action eher nach hinten losgehen.
8. Testen Sie weiter!
Wie bereits angedeutet, gibt es keine Faustformel oder Spielregel für die optimale CTA-Schaltfläche. Es gibt keinen Tipp, der besagt: “Machen Sie dies und Sie werden die meisten Konversionen haben”. Die oben genannten Tipps helfen Ihnen auf Ihrem Weg weiter. Haben Sie Zweifel oder sind Sie neugierig, ob Sie noch mehr aus Ihrem CTA herausholen können? Dann beginnen Sie mit A/B-Tests!
Bei A/B-Tests zeigen Sie der einen Hälfte Ihrer Besucher zufällig eine grüne Schaltfläche, während die andere Hälfte beispielsweise eine orangefarbene Schaltfläche sieht. Mithilfe eines Tools können Sie dann feststellen, welche Schaltfläche auf Ihrer Seite am besten funktioniert.
Es gibt mehrere Tools auf dem Markt, mit denen Sie dies tun können, z. B:
Es gibt keine goldene Regel
Es gibt keine goldene Regel dafür, was genau funktioniert und was nicht. Es hängt von verschiedenen Faktoren wie dem Webdesign, der Aktion und der Zielgruppe ab. Darüber hinaus spielt auch Ihr Service eine Rolle. Verkaufen Sie niedrigschwellige Produkte an Verbraucher oder sind Sie ein B2B-Shop mit großen Bestellwerten? Das macht sicher einen Unterschied und Sie werden sehen, dass das, was für den B2C-Webshop gilt, für den B2B-Webshop sicher nicht gilt. Beide müssen ihre CTAs auf unterschiedliche Weise einsetzen, um ihren Webshop zu bewerben.
Eine CTA-Schaltfläche ist nur ein Teil des Ganzen, das den Konversionsanteil Ihrer Website ausmacht. Meine Kollegin Marije hat in dem Artikel “Erste Schrittezur Konversionsoptimierung” bereits viele Tipps und Ratschläge dazu gegeben. Stellen Sie sicher, dass Ihre CTAs zu Ihren Konversionen und Kunden beitragen. Besucher zu haben ist schön, aber wenn sie nichts von Ihnen kaufen oder kaufen lassen, werden Sie nicht lange überleben.
Möchten Sie wissen, ob wir Sie unterstützen können? Unsere Spezialisten für Conversion-Optimierung können mit den SEO-Spezialisten und mir (Design) zusammenarbeiten, um herauszufinden, was an Ihrer Website besser sein könnte. Fordern Sie den kostenlosen Quickscan an und entdecken Sie Ihre Möglichkeiten.
Noch keine Kommentare.