Landingpages erstellen, die konvertieren

Landingpages erstellen, die konvertieren

Landingpages erstellen, die konvertieren – so holst du das Maximum aus jedem Klick

Du kennst das Spiel: Du schaltest Anzeigen, optimierst deine Keywords bis zum Umfallen und trotzdem fühlt sich dein Funnel an wie eine Autobahnbaustelle im Stau – viel Verkehr, aber keiner kommt ans Ziel. Dabei liegt der eigentliche Flaschenhals meist nicht an der Werbung, sondern an der Landingpage. Sie ist das Schaufenster deines Angebots, der erste Handschlag mit deinem Kunden. Und siehe da: Genau hier verpuffen nach wie vor rund 70 Prozent der Besucher, bevor sie auch nur eine Sekunde wirklich investieren. In einer Zeit, in der Google mit seinen Core Updates, AI Overviews und immer neuen Seitenlayout-Vorgaben das Ranking-Gefüge wöchentlich auf links dreht, gilt mehr denn je: Deine Landingpage muss nicht nur schön sein, sie muss konvertieren. Also: Ärmel hochkrempeln, wir bauen uns eine Seite, die verkauft.

Warum die meisten Landingpages scheitern

Fangen wir mit einer unbequemen Wahrheit an: Die meisten Landingpages sind nicht gescheitert, weil sie hässlich waren. Sie sind gescheitert, weil sie niemandem eine klare Antwort auf die Frage gegeben haben: „Was ist hier mein nächster Schritt?“ Ein Besucher braucht im Schnitt acht Sekunden, um zu entscheiden, ob deine Seite relevant ist – und einen einzigen klaren Call-to-Action, der ihm den Weg weist. Bietest du stattdessen fünf Buttons, drei Navigationsebenen und einen Pop-up, das ihn erstmal zum Newsletter drängt, dann ist die Verwirrung perfekt. Deine Landingpage hat genau eine Aufgabe: eine einzige Aktion auslösen. Alles andere gehört auf deine Hauptseite.

Der Aufbau einer konvertierenden Landingpage

Eine gute Landingpage folgt einer simplen Dramaturgie: Aufmerksamkeit erregen, Interesse wecken, Bedarf wecken, Handlung auslösen – im Marketingjargon AIDA. Konkret heißt das:

  • Headline mit Versprechen: Sag sofort, welches Problem du löst. Kein Firlefanz, kein „Willkommen bei uns!“.
  • Subline mit Erklärung: Eine Zeile, die das Versprechen greifbar macht.
  • Visueller Beweis: Produktfoto, Screenshot oder Video direkt über oder neben dem CTA.
  • Social Proof: Kundenstimmen, Logos, Zahlen – je näher am Kaufknopf, desto besser.
  • Ein einziger CTA: Groß, kontrastreich und mit klarer Handlungsaufforderung.
  • Minimale Ablenkung: Keine Header-Navigation, keine externen Links, kein überflüssiges Menü.

So könnte ein gerüsthaftes Grundgerüst für deinen Hero-Bereich aussehen:

<section class="hero">
  <h1>Schluss mit leeren Formularen</h1>
  <p>Unser Tool steigert deine Konversionsrate im Schnitt um 37 %</p>
  <a href="#angebot" class="cta">Jetzt kostenlos testen</a>
</section>

Siehst du, wie simpel das ist? Eine Überschrift, ein Nutzenversprechen, ein Button. Wer mehr auf der Seite hat, braucht später mehr Argumente – aber am Anfang zählt nur dieser eine Satz.

Die Headline ist dein erster Eindruck

Deine Headline ist der Türöffner. Schlechte Headlines sind vage („Digitalisierung für Unternehmen“), gute Headlines sind spezifisch („In 14 Tagen zum papierlosen Büro – ohne IT-Abteilung“). Eine Faustregel, die sich seit Jahren bewährt: Nutze das konkrete Ergebnis plus den Zeitrahmen plus den „ohne“-Killer, der die häufigste Einwand aufgreift. Und teste! Nicht umsonst schwören CRO-Profis auf A/B-Tests, bei denen schon die Veränderung eines einzelnen Wortes die Klickrate verdoppeln kann.

<title>Papierloses Büro in 14 Tagen – ganz ohne IT-Abteilung</title>
<meta name="description" content="Digitalisiere deine Belege, nicht deine Nerven. Kostenloser Leitfaden mit 25 Vorlagen.">

Übrigens: Das betrifft auch dein Meta-Titel und deine Meta-Description. Google kürzt heute gnadenlos, und die neue Layout-Bewertung belohnt Seiten, bei denen Titel und erste sichtbare Inhalte klar zusammenpassen. Der Titel oben im Suchergebnis ist praktisch deine Headline Nummer zwei – behandle ihn auch so.

Formulare: der Ort, an dem Conversions sterben – oder leben

Hier trennt sich die Spreu vom Weizen. Jedes zusätzliche Formularfeld kostet dich prozentual Besucher – Studien sprechen von einem Verlust von rund 25 Prozent pro Feld, sobald du über die Kernfelder hinausgehst. Deshalb gilt die eiserne Regel: Frage nur, was du wirklich brauchst. Wenn du für die Demo-Anfrage keine Telefonnummer brauchst, lass sie weg. Wenn du die Branche für die Segmentierung willst, nutze ein Dropdown mit fünf Optionen statt eines Freitextfelds. Und wenn du zögerst: Biete eine Zweifeld-Variante und eine Langform an, und messe, was mehr abschließt. Die Antwort wird dich überraschen.

<form action="/danke" method="post">
  <label for="name">Dein Name</label>
  <input type="text" id="name" name="name" required>

  <label for="mail">Deine E-Mail-Adresse</label>
  <input type="email" id="mail" name="mail" required>

  <button type="submit">Zum kostenlosen Leitfaden</button>
</form>

Ein weiterer Conversion-Killer, den viele unterschätzen: Buttons mit Fluchtverhalten. Nutzer bewegen ihre Maus vom Button weg, wenn sie Zweifel haben. Dein Job ist es, diese Zweifel mit Vertrauenssignalen direkt neben dem Button zu entschärfen – ein Schloss-Icon mit „SSL-verschlüsselt“, eine Sternebewertung, ein „Ohne Abo – jederzeit kündbar“. Das wirkt oft mehr als jedes Werbeversprechen davor.

Geschwindigkeit und Core Web Vitals sind nicht verhandelbar

Kommst du aus der SEO-Ecke, hast du das Stichwort schon gehört: INP (Interaction to Next Paint) hat im vergangenen Jahr das umstrittene FID als Ranking-Faktor und als LCP-Partner abgelöst. Was bedeutet das für dich? Googles Layout- und Seitenerfahrungs-Signale belohnen Seiten, die schnell laden und reaktionsschnell sind – besonders auf Mobilgeräten, wo der Großteil deines Anzeigen-Traffics ankommt. Eine Landingpage, die länger als drei Sekunden lädt, verliert nach aktuellen Zahlen rund die Hälfte ihrer Besucher. Und im Zeitalter von AI Overviews und immer höheren Anforderungen an Qualität wird langsam schnell zur Todesursache.

Praktische Stellschrauben: Bilder als WebP oder AVIF servieren, kritische Ressourcen vorladen, Render-blockierendes CSS minimieren und Scripte deferred laden. Auch ein schlanker Builder ist Gold wert – manch ein „schneller“ Page-Builder spuckt am Ende 1,5 Megabyte JavaScript aus. Ein Beispiel für eine minimalistische, LCP-freundliche Ladeeinheit:

<link rel="preload" as="image" href="hero.webp">
<link rel="stylesheet" href="critical.css">

<picture>
  <source srcset="hero.webp" type="image/webp">
  <img src="hero.jpg" alt="Produkt im Einsatz" fetchpriority="high">
</picture>

Und weil wir gerade von mobil sprechen: Gestalte deine Landingpage mobil-first. Der Button muss mit dem Daumen erreichbar sein, das Formularfeld groß genug, und alles ohne Zoom funktionieren. Google rendert heute standardmäßig die mobile Version deiner Seite – wenn deine Desktop-Seite dein einziges Kunstwerk ist, bewertest du dich selbst ins Aus.

Vertrauen aufbauen wie ein Profi

Menschen kaufen nicht von Unternehmen, sie kaufen von Menschen, denen sie vertrauen. Deshalb gehören auf jede Landingpage: echte Kundenstimmen mit Namen und Foto, konkrete Zahlen („12.000 zufriedene Kund:innen“) und – wenn möglich – ein Bild deines Teams. Klingt banal? Ist es auch. Aber ein kurzer Test: Wenn du deine Landingpage einem Fremden zeigst und er sagt „Aha, Marketing-Seite“, hast du verloren. Wenn er sagt „Die haben ja echte Leute, die das benutzen“, hast du gewonnen. Ein Zitat, eingebettet in ein gut lesbares Blockquote, wirkt Wunder:

<blockquote>
  <p>"Wir haben unsere Konversionsrate in drei Monaten verdoppelt – allein durch einen klareren Aufbau."</p>
  <cite>– Sarah M., Marketing-Leiterin</cite>
</blockquote>

Zusätzlich helfen mikroformatierte Bewertungen (Structured Data wie AggregateRating oder Review), damit Google deine Bewertungen als Sterne im Suchergebnis ausspielen kann. Das kostet dich eine halbe Stunde und kann deine Klickrate spürbar heben – ein echtes SEO-Geschenk.

Dankesseite & Follow-up: Wo die eigentliche Magie passiert

Viele denken, mit dem Klick auf den Button sei die Arbeit getan. Falsch! Die Dankesseite ist deine zweite Chance: Sie bestätigt nicht nur die Aktion, sondern kann direkt die nächste Stufe einleiten – ein Webinar anbieten, ein Produkt zeigen oder eine Verlosung erwähnen. Und wenn du Formulardaten speicherst, dann achte auf sauberes Tracking. So setzt du ein Conversion-Event sauber um:

document.addEventListener('submit', function (event) {
  const form = event.target.closest('form');
  if (!form) return;
  fetch('/api/track-conversion', {
    method: 'POST',
    headers: { 'Content-Type': 'application/json' },
    body: JSON.stringify({ formId: form.id, page: location.pathname })
  });
});

Danach: Der E-Mail-Flow. Eine Willkommensmail mit einem konkreten Mehrwert – nicht mit Verkaufsgesäusel – hält die Verbindung warm. Und wenn der Besucher nicht konvertiert hat? Retargeting-Kampagnen mit einem ehrlichen Nachschlag („Du hattest fast alles fertig“) sind die beste Investition in deinem Media-Budget.

Messen, testen, verbessern – der ewige Kreislauf

Eine Landingpage ist nie „fertig“. Sie ist ein lebendiges Experiment. Tracke nicht nur die finale Conversion, sondern auch Zwischenschritte: Scroll-Tiefe, Klick auf den CTA, Verweildauer. Und nutze A/B-Tests, um Annahmen zu widerlegen statt zu bestätigen. Du glaubst, dein Preis muss groß ins Bild? Teste eine Variante ohne Preis. Du denkst, ein Video ist Pflicht? Teste das Gegenteil. Die Daten entscheiden, nicht dein Bauchgefühl.

Ein bewährtes Muster für deinen Testplan: ändere immer nur eine Variable pro Experiment, lass den Test laufen, bis eine statistisch belastbare Aussage möglich ist, und dokumentiere die Ergebnisse. Wer hier regelmäßig dreißig Minuten pro Woche investiert, holt aus seiner Landingpage über Monate das Maximum heraus – ohne ein einziges zusätzliches Werbebudget.

Fazit: Konvertieren ist Handwerk, nicht Zufall

Am Ende läuft alles auf ein paar Prinzipien hinaus: Ein Versprechen, das klar ist. Ein CTA, der unmissverständlich ist. Ein Formular, das niemanden verschreckt. Vertrauen, das man sieht. Eine Seite, die auf dem Smartphone wie aus einem Guss funktioniert. Und der Mut, ständig zu testen, während Google weiter seine Ranking-Regeln dreht. Wer diese Grundlagen beherrscht, dessen Landingpage wird nicht nur besucht – sie wird zum Verkäufer, der im Hintergrund arbeitet. Und dein Funnel fühlt sich endlich an wie eine echte Straße ohne Baustelle.