Landingpage erstellen Schritt für Schritt: Anleitung mit Conversion-Checkliste
Eine Landingpage in 8 nachvollziehbaren Schritten: von Ziel und Buyer Persona über Wireframe und Copy bis Performance, Tracking und ersten A/B-Tests.
Eine Landingpage ist 2026 keine Spielwiese für Design-Geschmack, sondern ein konkretes Conversion-Werkzeug. Wer sie methodisch in 8 Schritten baut, kommt zuverlässig auf 3–6 Prozent Conversion-Rate — auch ohne A/B-Test-Budget. Wer einfach „mal eine Landingpage erstellt“, landet bei 0,5–1,5 Prozent und wundert sich, warum die Ads nichts bringen.
Diese Anleitung zeigt jeden Schritt mit konkreter Aufgabe, typischem Zeitaufwand und einer Checkliste am Ende. Geschrieben für Marketing-Verantwortliche und Founder, die ihre erste oder fünfte Landingpage selbst bauen oder ein Studio sauber briefen wollen.
Schritt 1 — Conversion-Ziel definieren (30 Min)
Eine Landingpage hat exakt ein Ziel. Nicht zwei. Nicht „mehr Bekanntheit“. Konkret: Erstgespräch buchen, Demo anfragen, PDF herunterladen, Newsletter abonnieren, Kauf abschließen. Wer mehr als ein Primärziel definiert, baut keine Landingpage — sondern eine kleine Website.
Schritt 2 — Buyer Persona und Awareness Stage festlegen (60 Min)
Wer ist der Besucher? Welche Branche, welche Rolle, welcher Reifegrad? Eugene Schwartz's 5 Awareness Stages helfen: Unaware, Problem Aware, Solution Aware, Product Aware, Most Aware. Eine Landingpage für Most-Aware-Traffic (Bestandskunden, Marken-Suchanfragen) braucht andere Argumente als eine für Problem-Aware-Traffic (kalte Ads).
Schritt 3 — Message Map und USP-Hierarchie (90 Min)
Eine Message Map klärt: Was ist das Versprechen? Welche 3 Argumente stützen es? Welche Einwände müssen wir entkräften? Welche Beweise liefern wir? Diese Map ist die Quelle für die spätere Copy — ohne sie schreibst du Marketing-Sprech statt Conversion-Copy.
Schritt 4 — Wireframe in 8 Sektionen (2–3 Stunden)
Die 8-Sektionen-Architektur ist 2026 das bewährte Standard-Layout für B2B-Landingpages.
- Hero: Klares Versprechen, Sub-Headline mit konkretem Nutzen, primärer CTA, Trust-Marker.
- Pain-Section: Schmerzpunkt des Besuchers in 1–2 Sätzen — Loss Aversion aktivieren.
- Solution-Block: Wie genau lösen wir das? 3 Bausteine mit Icons und je 2 Sätzen.
- Social Proof: Logos, Reviews, konkrete Zahlen, Kundenfotos.
- How-it-works: 3–5 Schritte vom Erstkontakt bis Ergebnis.
- Pricing oder Konkretisierung: Was kostet es? Was bekommt der Besucher konkret?
- FAQ: 5–8 echte Einwände entkräftet — gleichzeitig GEO-Hebel.
- Final CTA: Wiederholung des primären CTAs mit zusätzlichem Urgency-Element.
Schritt 5 — Conversion-Copy schreiben (4–8 Stunden)
Headlines kurz und nutzen-orientiert, Sub-Headlines konkret mit Zahl oder Beispiel, Bullet Points beginnen mit Verb, CTA-Buttons mit handlungsspezifischem Text („Erstgespräch buchen“, nicht „Senden“). Vermeide Adjektive ohne Beleg („einzigartig“, „innovativ“) — sie kosten Conversion. Eine Stunde Copy-Arbeit spart oft 10 Stunden A/B-Test.
Schritt 6 — Design und Performance umsetzen (1–3 Tage)
Designsystem mit klarer Typografie (max. 2 Schriftarten), eine Primärfarbe für CTAs, keine konkurrierenden Farbflächen. Bilder als AVIF/WebP mit Responsive-Sizes. Ziel: LCP unter 1,8 s, INP unter 150 ms, CLS unter 0,05. Mit modernem Stack (Astro, Next, TanStack) erreichbar.
Schritt 7 — Tracking und Analytics einrichten (3–4 Stunden)
GA4 plus serverseitiges Tracking via GTM. Conversion-Events: Form-Submit, Scroll-Tiefe 50/75/100 Prozent, CTA-Klicks, Section-Visibility. Ohne diese Events fliegst du nach Live-Gang im Blindflug und kannst nichts optimieren.
Schritt 8 — Soft-Launch, Beobachten, Iterieren (laufend)
Erst 100–200 echte Besucher beobachten, bevor du A/B-Tests fährst. Tools wie Hotjar oder Microsoft Clarity zeigen Scrolltiefe, Klicks und Rage-Patterns — daraus ergeben sich die ersten 2–3 sinnvollen Optimierungen. Erst wenn 1.000+ Besucher pro Variante drin sind, lohnen sich harte A/B-Tests in VWO oder Convert.
Methodisch gebaute Landingpages konvertieren 4–8x besser als gebauchte — bei gleichem Traffic und Angebot.
Conversion-Checkliste für jede Landingpage
20 Punkte, die vor Live-Gang abgehakt sein müssen.
- Hero beantwortet „Was, für wen, warum jetzt“ in 5 Sekunden.
- Primärer CTA oberhalb der Falz auf Desktop UND Mobile.
- Trust-Marker (Logos, Reviews, Zahlen) im ersten Viewport sichtbar.
- Maximal eine Conversion-Aktion pro Landingpage — keine Navigations-Distraktoren.
- CTA-Buttons mit handlungsspezifischem Text, nicht „Senden“.
- Form mit 3–5 Feldern, kein Pflicht-Telefonfeld.
- Mobile Layout in Daumenreichweite optimiert.
- LCP unter 1,8 Sekunden gemessen.
- Bilder als AVIF/WebP mit Responsive-Sizes.
- Conversion-Tracking eingerichtet und getestet.
- FAQ-Sektion mit 5–8 Einwand-Antworten.
- Social Proof an mindestens 3 Stellen.
- Sticky-CTA oder zweiter CTA am Seitenende.
- Danke-Seite mit klarem nächsten Schritt.
- Heatmap-Tool (Clarity oder Hotjar) installiert.
Fazit: Landingpage ist ein Handwerk, kein Talent
Wer die 8 Schritte diszipliniert abarbeitet und die 15-Punkte-Checkliste vor Live-Gang abhakt, baut eine Landingpage, die mehr Anfragen bringt als 90 Prozent der Konkurrenz im DACH-Mittelstand. Kein Designtalent nötig — nur Methode, Geduld und Tracking.
Häufig gestellte Fragen
Wie lange dauert es, eine Landingpage zu erstellen?
Bei sauberer Methode 4–7 Werktage Gesamtaufwand verteilt über 1–2 Wochen: 1 Tag Strategie und Wireframe, 1 Tag Copy, 2–3 Tage Design und Umsetzung, 1 Tag Tracking und Performance-Feinschliff. Wer Strategie überspringt, ist schneller fertig — und langsamer am Conversion-Ziel.
Welche Sektionen braucht eine konversionsstarke Landingpage?
Die 8-Sektionen-Standard-Architektur: Hero mit Versprechen, Pain-Section, Solution-Block, Social Proof, How-it-works, Pricing/Konkretisierung, FAQ, Final CTA. Jede Sektion hat eine konkrete Conversion-Funktion — keine ist optional, keine ist Dekoration.
Wie hoch ist eine gute Landingpage-Conversion-Rate?
Branchenschnitt bei B2B-Landingpages liegt 2026 bei 1,5–2,5 Prozent. Optimierte Landingpages erreichen 3–6 Prozent. Top-Quartil-Pages bei warmem Traffic (Bestandskunden, Marken-Suchanfragen) liegen bei 8–15 Prozent. Bei kaltem Ads-Traffic sind 2–4 Prozent realistisch.
Brauche ich für jede Kampagne eine eigene Landingpage?
Ja, mindestens pro Ad-Group. Eine geteilte Landingpage für mehrere Kampagnen halbiert typischerweise die Conversion-Rate. Wichtig ist Message Match — die Headline der Landingpage spiegelt den Anzeigentext. Aufwand pro zusätzlicher Landingpage: 1–3 Tage bei vorhandenem Designsystem.
Kann ich eine Landingpage ohne Designer selbst erstellen?
Ja, mit Tools wie Framer, Webflow oder Lovable. Pflicht ist trotzdem die saubere Methodik — Strategie, Wireframe und Copy. Wer die Schritte 1–3 überspringt und direkt im Tool baut, kommt selten über 1,5 Prozent Conversion. Wer methodisch arbeitet, schafft auch ohne Design-Background 3–4 Prozent.
