Eine Landingpage (auch: Landing Page, Zielseite) ist eine speziell gestaltete Webseite, auf der Besucher „landen", nachdem sie auf eine Werbeanzeige, einen Link in einer E-Mail, einen SEO-Treffer oder einen Social-Media-Post geklickt haben. Im Gegensatz zu einer normalen Website hat eine Landingpage nur ein einziges, klar definiertes Ziel: eine bestimmte Conversion zu erzielen.
Diese Conversion kann sein:
- Ein Kauf
- Eine Anmeldung (Newsletter, Webinar, Kurs)
- Eine Kontaktanfrage oder ein Lead-Formular
- Ein Download (E-Book, Whitepaper, App)
- Eine Terminbuchung
Landingpage vs. Website: Der fundamentale Unterschied
| Landingpage | Website | |
|---|---|---|
| Ziele | Genau eines | Mehrere (Info, Kontakt, Portfolio…) |
| Navigation | Keine oder stark reduziert | Vollständige Navigation |
| Inhalt | Fokussiert auf ein Angebot | Breites Informationsangebot |
| Traffic-Quelle | Gezielter Kampagnen-Traffic | Organisch, direkt, referral |
| Conversion Rate | 2–15 % (gut: 20 %+) | 0,5–3 % |
| Optimierung | Kontinuierliches A/B-Testing | Seltener überarbeitet |
Der wichtigste Unterschied: Eine Website informiert, eine Landingpage konvertiert.
Die Anatomie einer hochkonvertierenden Landingpage
1. Hero-Bereich (Above the Fold)
Der erste sichtbare Bereich ohne Scrollen ist entscheidend. Studien zeigen: 55 % der Besucher scrollen nicht über den ersten Bildschirmbereich hinaus.
Der Hero-Bereich muss sofort kommunizieren:
- Was wird angeboten?
- Für wen ist es?
- Welchen Mehrwert bringt es?
Bestandteile eines effektiven Hero-Bereichs:
- Headline: Das stärkste Versprechen in maximal 10 Wörtern
- Sub-Headline: Konkretisiert die Headline, nennt den Hauptnutzen
- Hero-Bild/Video: Zeigt das Ergebnis, nicht das Produkt
- Primary CTA (Call-to-Action): Der wichtigste Button – sichtbar ohne Scrollen
Beispiel für eine schwache Headline: „Willkommen bei unserer Agentur" Beispiel für eine starke Headline: „Mehr Kunden durch eine Website, die wirklich verkauft"
2. Value Proposition (Nutzenversprechen)
Direkt nach dem Hero kommt die ausführlichere Erklärung des Nutzens. Nicht Features, sondern Vorteile:
- ❌ Feature: „Responsive Design"
- ✅ Vorteil: „Ihre Website sieht auf jedem Gerät perfekt aus – und Google belohnt das mit besseren Rankings"
3. Social Proof (Vertrauenssignale)
Menschen folgen anderen Menschen. Social Proof senkt die Hemmschwelle zur Conversion drastisch:
- Kundenstimmen (Testimonials): Mit echtem Namen, Foto und Unternehmen – kein anonymes Lob
- Referenz-Logos: „Vertraut von [Firmenname]" – bekannte Marken als Kunden erwähnen
- Bewertungen: Google-Sterne, Trustpilot-Score direkt auf der Landingpage
- Zahlen: „47 Projekte abgeschlossen", „98 % Kundenzufriedenheit"
- Case Studies: Konkrete Ergebnisse mit Vorher/Nachher-Vergleich
4. Features & Benefits (Leistungsübersicht)
Erst jetzt – nach Hero und Social Proof – werden die Details erklärt. Strukturiert, visuell gegliedert, auf den Nutzen fokussiert.
Bewährte Formate:
- Icon + Headline + kurze Erklärung (3er- oder 6er-Grid)
- Vergleichstabelle (eigenes Angebot vs. Alternative)
- Nummerierte Schritte (Wie funktioniert es?)
5. FAQ-Bereich
Häufig gestellte Fragen nehmen Einwände weg, bevor sie als Hindernis wirken. Und sie sind exzellent für SEO – Google zeigt FAQs als Rich Snippets in den Suchergebnissen.
6. Abschließender CTA
Wer bis ganz nach unten scrollt, ist fast überzeugt. Ein starker abschließender CTA holt diese Nutzer ab. Wiederholt das Kernangebot in neuen Worten, verstärkt durch das stärkste Argument.
Psychologische Prinzipien für Landingpages
Hick's Law: Weniger Optionen = mehr Conversions
Je mehr Entscheidungsmöglichkeiten ein Nutzer hat, desto länger braucht er – und desto wahrscheinlicher entscheidet er sich für nichts. Deshalb: Eine Landingpage, ein CTA.
Social Proof und der FOMO-Effekt
„Bereits 2.300 Kunden vertrauen uns" oder „Nur noch 3 Plätze frei" aktivieren soziale Vergleichsmechanismen und den Fear of Missing Out.
Reziprozität
Erst etwas geben (kostenloses E-Book, Erstberatung, Tool) erhöht die Bereitschaft zur Gegenleistung.
Anchoring
Ein höherer Ausgangspreis („Normalpreis: 999 €, jetzt: 299 €") lässt den tatsächlichen Preis günstiger erscheinen.
Verknappung und Dringlichkeit
„Angebot endet in 48 Stunden" oder „Nur für die ersten 50 Anmelder" erhöhen die Entscheidungsgeschwindigkeit – wenn sie authentisch eingesetzt werden.
Landingpage-Typen
Click-Through-Landingpage
Ziel: Den Besucher zu einem Kauf oder einer Entscheidung vorzubereiten. Kein Formular, nur ein Button-Klick führt weiter (z. B. in den Warenkorb).
Einsatz: E-Commerce, Software-Demos, Produktlaunches
Lead-Generation-Landingpage (Squeeze Page)
Ziel: Kontaktdaten (Name, E-Mail) gegen einen Mehrwert (Freebie, Beratungsgespräch) eintauschen.
Einsatz: B2B-Marketing, Webinar-Anmeldungen, Beratungsangebote
Sales-Landingpage (Long-Form)
Ausführliche Verkaufsseite mit vollständiger Argumentation, alle Einwände adressierend. Oft mehrere tausend Wörter lang.
Einsatz: Hochpreisige Produkte und Dienstleistungen, Online-Kurse
Event-Landingpage
Anmeldung für ein Event, Webinar oder eine Veranstaltung. Fokus auf Datum, Mehrwert, Speaker.
„Thank You"-Page
Die Seite nach der Conversion. Oft unterschätzt – sie bestätigt die Aktion, schafft Vertrauen und kann Folge-Aktionen anstoßen (Upsell, Social Sharing, nächster Schritt).
Landingpage-Optimierung durch A/B-Testing
Keine Landingpage ist von Beginn an perfekt. A/B-Testing (auch: Split-Testing) vergleicht zwei Versionen einer Seite (Version A vs. Version B) und misst, welche besser konvertiert.
Was man testen sollte:
| Element | Testideen |
|---|---|
| Headline | Nutzen-orientiert vs. neugier-basiert |
| CTA-Button | Farbe, Text, Größe, Position |
| Hero-Bild | Produktfoto vs. Lifestyle-Bild vs. Video |
| Formularfelder | Weniger Felder = höhere Ausfüllrate |
| Social Proof | Testimonials vs. Zahlen vs. Logos |
| Preisdarstellung | Preis prominent vs. versteckt |
Wichtig: Immer nur ein Element pro Test ändern. Sonst ist nicht klar, was den Unterschied gemacht hat. Statistisch signifikante Ergebnisse erfordern ausreichend Traffic (mind. 100–200 Conversions pro Variante).
Landingpage und SEO
Landingpages für bezahlte Kampagnen sind oft SEO-mäßig minimal optimiert – weil organischer Traffic nicht das Ziel ist. Aber organische Landingpages, die auf spezifische Suchanfragen ausgerichtet sind, können beides:
- Hohe SEO-Rankings für Long-Tail-Keywords
- Gleichzeitig hohe Conversion Rate durch fokussiertes Design
Schlüssel: Der Intent der Suchanfrage muss exakt zum Angebot der Landingpage passen. Eine Landingpage für „Webdesign Agentur Bielefeld" muss sofort klar machen, dass man genau das bekommt – eine Agentur aus Bielefeld, die Webdesign macht.
Technische SEO-Punkte für Landingpages:
- Schnelle Ladezeiten (Core Web Vitals)
- Mobile Optimierung
- Klare H1 mit Hauptkeyword
- Meta Description mit CTA-Elementen
- Schema.org-Markup für FAQs und Bewertungen
UX-Design auf Landingpages
Die Nutzererfahrung entscheidet über Conversion oder Absprung. Wichtige UX-Design-Prinzipien für Landingpages:
- Klarer visueller Pfad: Das Auge des Nutzers wird gezielt von Headline → Benefits → Social Proof → CTA geführt
- Formulare vereinfachen: Jedes zusätzliche Pflichtfeld reduziert die Conversion Rate um ~10 %
- Vertrauen sichtbar machen: SSL-Badge, Datenschutzhinweis direkt beim Formular
- Mobile-First: Über 60 % des Traffics kommt vom Smartphone
- Ladezeit: Jede zusätzliche Sekunde Ladezeit kostet ~7 % Conversions