Ein Button ist klein, aber selten nebensächlich. Er verbindet Information mit Handlung: Termin vereinbaren, Angebot anfragen, Speisekarte ansehen oder Rückruf wünschen. Ist diese Handlung unklar, zu früh oder zwischen vielen Alternativen versteckt, verliert die Website Interessenten am entscheidenden Punkt.
Ein guter Call-to-Action, kurz CTA, besteht nicht nur aus einer auffälligen Farbe. Text, Kontext, Position, Gestaltung und Zielseite müssen gemeinsam funktionieren.
Mit dem nächsten sinnvollen Schritt beginnen
Die wichtigste Frage lautet: Was ist nach diesem Inhalt der passende nächste Schritt? Auf einer Startseite kann das eine Projektanfrage sein. Auf einer Leistungsseite möchten Besucher vielleicht zuerst Referenzen oder den Ablauf sehen.
Die Handlung sollte zum Entscheidungsstand passen:
- Orientierung: Leistung ansehen, Branchenlösung öffnen
- Prüfung: Referenz ansehen, Ablauf kennenlernen, FAQ lesen
- Kontakt: Erstgespräch buchen, Projekt anfragen, Rückruf anfordern
Wer überall sofort „Jetzt kaufen“ oder „Kontakt“ verlangt, ignoriert unterschiedliche Informationsbedürfnisse.
Konkrete Buttontexte statt allgemeiner Wörter
„Mehr erfahren“ sagt wenig über das Ziel. Besser ist ein Text, der Ergebnis oder nächsten Schritt benennt:
- „Praxis-Websites ansehen“
- „Projekt unverbindlich anfragen“
- „Kostenrahmen berechnen“
- „Ablauf der Zusammenarbeit ansehen“
Der Text sollte kurz bleiben und trotzdem Erwartungen setzen. Eine ergänzende Zeile kann Unsicherheit reduzieren, etwa „Antwort innerhalb von zwei Werktagen“ oder „unverbindlich und ohne Verkaufsdruck“ – sofern diese Zusage tatsächlich eingehalten wird.
Eine erkennbare Hauptaktion
Pro Bereich sollte meist eine Handlung visuell führen. Eine sekundäre Aktion darf vorhanden sein, muss aber zurückhaltender wirken. Zwei identische Buttons zwingen Besucher zu einer Entscheidung, bevor klar ist, welcher Weg wichtiger ist.
Eine sinnvolle Abstufung:
- Primärbutton mit klarer Akzentfläche
- Sekundärbutton als Kontur oder ruhige Fläche
- ergänzender Textlink für Nebenwege
Diese Rollen sollten auf der gesamten Website gleich bleiben. Wenn blaue Flächen einmal Handlungen und an anderer Stelle reine Dekoration darstellen, sinkt die Erkennbarkeit.
Position: Nach dem Argument, nicht nur darüber
Ein CTA muss sichtbar sein, aber nicht zwangsläufig immer zuerst erscheinen. Komplexe oder hochpreisige Leistungen benötigen Erklärung und Vertrauen. Der Button sollte dort stehen, wo eine zentrale Frage beantwortet ist.
Auf längeren Seiten kann dieselbe Hauptaktion wiederholt werden:
- im Einstieg für entschlossene Besucher,
- nach der Leistungserklärung,
- nach Referenzen oder Vertrauensbelegen,
- am Ende als klarer Abschluss.
Die Wiederholung sollte ruhig bleiben. Dauerhaft klebende Buttons oder mehrere Pop-ups können Aufmerksamkeit erzwingen, aber Vertrauen beschädigen.
Gestaltung und Bedienbarkeit
Ein Button muss eindeutig interaktiv aussehen. Form, Farbe, Innenabstand und Zustand tragen dazu bei. Besonders auf dem Smartphone braucht er eine ausreichend große Berührungsfläche und Abstand zu anderen Aktionen.
Gestalten Sie mindestens:
- normalen Zustand,
- Hover-Zustand,
- sichtbaren Tastaturfokus,
- aktiven Zustand,
- deaktivierten Zustand,
- Lade- oder Erfolgszustand, falls eine Aktion verarbeitet wird.
Nicht jeder Effekt ist hilfreich. Ein Button, der beim Überfahren stark springt oder seine Beschriftung verschiebt, erschwert die Bedienung.
Kontrast und Zugänglichkeit
Buttontext muss gut lesbar sein. Auch die Begrenzung des Bedienelements sollte erkennbar bleiben. Farbe allein reicht nicht, um Status oder Auswahl zu vermitteln.
Ein sichtbarer Fokus ist für Tastaturnutzer entscheidend. Das Element darf beim Fokussieren nicht unter einer festen Navigation verschwinden. Icons benötigen eine verständliche Beschriftung, wenn ihre Bedeutung nicht eindeutig ist.
Was nach dem Klick passiert
Ein guter CTA führt zu einem passenden Ziel. „Beratung anfragen“ darf nicht auf einer allgemeinen Kontaktseite enden, die erneut nach dem Anliegen fragt, obwohl es bereits bekannt ist.
Übergaben sollten Informationen erhalten:
- die ausgewählte Leistung,
- den Kontext der Ausgangsseite,
- gegebenenfalls einen gewählten Termin oder Rahmen,
- klare Erwartungen an den nächsten Schritt.
Nach dem Absenden braucht der Nutzer eine verständliche Bestätigung. Unsicherheit führt sonst zu Doppelklicks oder erneuten Anfragen.
CTAs für kleine Unternehmen
Nicht jede Branche braucht denselben Abschluss. Beispiele:
- Eine Praxis kann zur Online-Terminbuchung oder Kontaktaufnahme führen.
- Ein Handwerksbetrieb kann Fotos und Eckdaten für eine Anfrage sammeln.
- Ein Restaurant kann Reservierung und Speisekarte klar trennen.
- Eine Kanzlei kann ein unverbindliches Erstgespräch anbieten, ohne Erfolg zu versprechen.
Der beste CTA bildet den realen Geschäftsprozess ab. Ein Button kann keine langsame Rückmeldung oder einen unnötig komplizierten Folgeprozess kompensieren.
Messen, was nach dem Klick geschieht
Die Klickrate allein zeigt nicht, ob ein CTA erfolgreich ist. Wichtig ist, ob passende Anfragen entstehen und Nutzer den folgenden Prozess abschließen.
Beobachten Sie deshalb:
- Klicks im Verhältnis zu Seitenbesuchen,
- Abbrüche im anschließenden Formular,
- Qualität der Anfragen,
- Nutzung auf Mobilgeräten,
- wiederholte Klicks ohne Abschluss,
- häufige Rückfragen nach dem Kontakt.
Tests sollten jeweils eine konkrete Hypothese prüfen, etwa einen verständlicheren Text oder eine bessere Position. Gleichzeitige Änderungen an Farbe, Text, Ziel und Layout lassen kaum erkennen, was gewirkt hat.
Häufige CTA-Fehler
- „Mehr erfahren“ ohne klares Ziel
- mehrere gleich starke Hauptaktionen
- Button vor ausreichender Erklärung
- schwacher Kontrast
- zu kleine Berührungsfläche
- fehlender Fokuszustand
- überraschendes Ziel nach dem Klick
- künstliche Verknappung oder Druck
- fehlende Bestätigung nach einer Aktion
- Messung nur über Klicks
Checkliste für Buttons und CTAs
- Ist der nächste sinnvolle Schritt klar?
- Benennt der Button sein Ziel konkret?
- Gibt es eine erkennbare Hauptaktion?
- Steht der CTA nach einem ausreichenden Argument?
- Ist er auf Mobilgeräten gut bedienbar?
- Sind alle Interaktionszustände gestaltet?
- Bleiben Text und Element kontrastreich?
- Passt die Zielseite zur Erwartung?
- Ist der Folgeprozess einfach?
- Wird die Qualität der Ergebnisse gemessen?
Häufige Fragen
Welche Farbe konvertiert bei Buttons am besten?
Es gibt keine universelle Gewinnerfarbe. Der Button muss sich im jeweiligen Farbsystem klar abheben, zur Marke passen und ausreichend Kontrast besitzen.
Wie oft sollte ein CTA auf einer Seite erscheinen?
So oft, wie sich natürliche Entscheidungspunkte ergeben. Auf langen Seiten kann eine ruhige Wiederholung sinnvoll sein; permanente Aufforderungen wirken schnell aufdringlich.
Sollte ein Button in der Ich-Form geschrieben sein?
Das kann funktionieren, ist aber keine allgemeine Regel. Verständlichkeit und passender Ton sind wichtiger als eine bestimmte grammatische Perspektive.
Sind Sticky-Buttons auf dem Smartphone sinnvoll?
Bei klaren, häufig benötigten Aktionen können sie helfen. Sie dürfen Inhalte nicht verdecken, müssen leicht bedienbar sein und sollten nicht mit weiteren festen Elementen konkurrieren.
Wann lohnt sich ein A/B-Test?
Wenn ausreichend Nutzung vorhanden ist und eine klare Hypothese geprüft wird. Bei wenig Traffic liefern qualitative Tests und echte Kundengespräche oft schneller verwertbare Hinweise.
Fazit: Der CTA ist das Ergebnis der gesamten Seite
Ein überzeugender Button entsteht aus einem klaren Angebot, passenden Argumenten und einem einfachen nächsten Schritt. Gestaltung macht ihn sichtbar; Vertrauen und Prozessqualität machen ihn wirksam.
Bleiben Besucher auf Ihrer Website ohne nächsten Schritt?
MBCreate analysiert Nutzerwege, schärft Handlungsaufforderungen und optimiert Seiten und Formulare für mehr passende Anfragen.
