Landing Page

Einfach erklärt

Eine Landing Page ist eine Webseite mit einem klar priorisierten Ziel: Besucher zu einer bestimmten Aktion bewegen. Navigation und Inhalte werden reduziert, damit Angebot und Call-to-Action im Fokus stehen.

Landing Page vs. normale Website:

Aspekt	Website	Landing Page
Navigation	meist vollständig	reduziert oder minimal
Ziele	mehrere	ein priorisiertes Ziel
Content	Umfassend	Fokussiert
Traffic-Quelle	Organisch, direkt	Kampagnen, Ads
Optimierung	SEO, UX	Conversion Rate

Anatomie einer Landing Page:

┌─────────────────────────────────┐
│  Headline (Nutzenversprechen)   │
├─────────────────────────────────┤
│  Hero Image / Video             │
├─────────────────────────────────┤
│  Subheadline (Details)          │
├─────────────────────────────────┤
│  Benefits (relevante Punkte)    │
├─────────────────────────────────┤
│  Social Proof (Testimonials)    │
├─────────────────────────────────┤
│  ┌─────────────────────────┐    │
│  │   CTA Button            │    │
│  │   "Jetzt starten"       │    │
│  └─────────────────────────┘    │
├─────────────────────────────────┤
│  FAQ / Einwandbehandlung        │
└─────────────────────────────────┘

Technischer Deep Dive

Landing Page Typen

1. Lead Generation (Squeeze Page):

• Ziel: E-Mail-Adresse sammeln
• Kurz, fokussiert
• Formular mit wenigen Feldern
• Angebot: Whitepaper, Webinar, Newsletter

2. Click-Through:

• Ziel: Zum nächsten Schritt führen
• Wärmt Besucher auf
• CTA führt zu Checkout/Signup
• Für komplexere Produkte

3. Sales Page (Long-Form):

• Ziel: Direkter Verkauf
• Ausführlich, alle Einwände behandeln
• Für höherpreisige Produkte
• Storytelling, Social Proof, Garantien

4. Splash Page:

• Ziel: Ankündigung, Weiterleitung
• Sehr kurz
• Für Events, Launches

Conversion-Optimierung

Above the Fold:

• Headline, Value Prop, CTA sofort sichtbar
• Keine Scroll-Notwendigkeit für erste Aktion
• Mobile: Noch wichtiger

Message Match:

Ad: spezifisches Nutzenversprechen
     ↓
Landing Page Headline: passendes Nutzenversprechen
     ↓
Konsistenz kann Conversion verbessern

Formular-Optimierung:

• Weniger Felder können Conversion erhöhen, wenn wichtige Qualifizierungsdaten erhalten bleiben
• Nur fragen, was wirklich nötig ist
• Multi-Step für komplexe Formulare
• Inline-Validation

Social Proof:

• Testimonials mit Foto und Name
• Logos bekannter Kunden
• belastbare Zahlen oder Nachweise, wenn vorhanden
• Bewertungen und Sterne

A/B-Testing

Was testen:

• Headline (größter Impact)
• CTA-Text und Farbe
• Hero Image
• Formular-Länge
• Social Proof Platzierung

Statistisch belastbar:

• Ausreichend Conversions pro Variante sammeln
• Konfidenz- oder Bayes-Kriterien vorab definieren
• Tests nicht zu früh abbrechen

Technische Aspekte

Page Speed:

• Ladezeit an Nutzererwartung und Kanal messen
• Bilder und Assets optimieren
• Lazy Loading sinnvoll einsetzen
• CDN oder Edge-Auslieferung prüfen

Mobile First:

• Mobile-Anteil je nach Zielgruppe prüfen
• Touch-freundliche CTAs
• Lesbare Schriftgrößen
• Kein horizontales Scrollen

Tracking:

// Conversion Tracking
gtag('event', 'conversion', {
  'send_to': conversion_destination,
  'value': conversion_value,
  'currency': currency
});

Landing Page Metriken

Metrik	Beschreibung	Benchmark
Conversion Rate	Conversions / Besucher	Zielwert je nach Angebot
Bounce Rate	Sofort verlassen	kontextabhängig
Time on Page	Verweildauer	abhängig vom Seitentyp
Scroll Depth	Wie weit gescrollt	abhängig von Seitenlänge und Ziel
Form Abandonment	Formular abgebrochen	nach Formularlänge segmentieren