Was ist eine Landing Page — und was nicht?
Eine Landing Page ist eine einzelne Webseite mit genau einem Ziel: den Besucher zu einer bestimmten Aktion zu bewegen — sei es eine Kontaktanfrage, eine Terminbuchung, ein Download oder ein Kauf.
Im Gegensatz zu einer normalen Homepage hat eine Landing Page:
- Keine Navigation: Kein Menü, keine Ablenkung. Der Besucher soll nicht auf andere Seiten wandern.
- Einen einzigen Call-to-Action: Alles auf der Seite führt zu einer Handlung.
- Fokussierten Inhalt: Nur Informationen, die für die Zielhandlung relevant sind.
Typische Einsatzgebiete: Google-Ads-Kampagnen, Social-Media-Werbung, Produktlaunches, Event-Anmeldungen oder Lead-Generierung. Wenn Sie Geld für Werbung ausgeben, brauchen Sie eine Landing Page — sonst verschwenden Sie Ihr Budget.
Tipp 1: Eine glasklare Headline formulieren
Ihr Besucher entscheidet in unter 3 Sekunden, ob er bleibt oder geht. Die Headline muss sofort beantworten: „Was habe ich davon?"
Schlecht: „Willkommen bei Firma XY — Ihr Partner für Lösungen"
Gut: „Ihre neue Website in 72 Stunden — professionell, schnell, ab 999 €"
Regeln für wirksame Headlines:
- Konkreten Nutzen kommunizieren, nicht Features.
- Zahlen verwenden — sie schaffen Greifbarkeit.
- Die Headline muss zum Werbetext passen, über den der Besucher kam (Message Match).
Tipp 2: Ein einziger Call-to-Action
Der häufigste Fehler bei Landing Pages: zu viele Optionen. „Jetzt anfragen", „Newsletter abonnieren", „Blog lesen", „Auf Instagram folgen" — das überfordert und führt dazu, dass der Besucher gar nichts tut.
Entscheiden Sie sich für einen CTA und wiederholen Sie ihn auf der Seite (nach dem Hero-Bereich, nach dem Social Proof, am Ende). Formulieren Sie ihn handlungsorientiert:
- Statt „Absenden" → „Kostenloses Angebot erhalten"
- Statt „Kontakt" → „Jetzt unverbindlich beraten lassen"
- Statt „Mehr erfahren" → „Mein Projekt starten"
Tipp 3: Social Proof gezielt einsetzen
Menschen orientieren sich an anderen Menschen. Social Proof ist einer der mächtigsten Überzeugungshebel überhaupt. Nutzen Sie ihn auf Ihrer Landing Page:
- Kundenstimmen: Echte Zitate mit vollem Namen und idealerweise Foto. Anonyme Bewertungen wirken unglaubwürdig.
- Zahlen: „Über 150 Projekte umgesetzt", „4,9 Sterne bei Google" — konkrete Zahlen schaffen Vertrauen.
- Bekannte Logos: Wenn Sie mit bekannten Unternehmen gearbeitet haben, zeigen Sie deren Logos.
- Case Studies: Kurze Vorher-Nachher-Vergleiche (z. B. „PageSpeed von 34 auf 97 verbessert") sind überzeugender als allgemeine Aussagen.
Tipp 4: Ladezeit unter 2 Sekunden halten
Jede zusätzliche Sekunde Ladezeit kostet Sie durchschnittlich 7 % Conversion-Rate. Bei einer Landing Page für Google Ads bedeutet das: Sie zahlen für den Klick, aber der Besucher springt ab, bevor die Seite geladen hat.
So erreichen Sie eine schnelle Ladezeit:
- Bilder optimieren: WebP-Format, komprimiert, in der richtigen Größe ausliefern. Kein 5-MB-Titelbild.
- Schlanker Code: Kein aufgeblähtes WordPress mit 30 Plugins. Wir setzen auf Next.js — das liefert nur den Code aus, der tatsächlich gebraucht wird.
- CDN nutzen: Content Delivery Networks liefern Ihre Seite von dem Server aus, der dem Besucher am nächsten ist.
- Lazy Loading: Bilder und Videos erst laden, wenn sie in den sichtbaren Bereich scrollen.
Next.js-basierte Landing Pages erreichen typischerweise einen PageSpeed Score von 95+. Das ist nicht nur gut für die Conversion — Google belohnt schnelle Seiten auch mit niedrigeren Klickpreisen bei Google Ads.
Tipp 5: Mobile-First denken
Über 60 % des Traffics kommt von Smartphones. Trotzdem werden die meisten Landing Pages am Desktop entworfen und dann „irgendwie" für Mobilgeräte angepasst. Das funktioniert nicht.
Mobile-First bedeutet:
- Daumenfreundliche Buttons: Mindestens 48 x 48 Pixel Klickfläche. Der CTA-Button muss ohne Zoomen tippbar sein.
- Kurze Formulare: Auf dem Smartphone füllt niemand 10 Felder aus. Name, E-Mail, eine Frage — fertig.
- Lesbare Schriftgrößen: Mindestens 16 px für Fließtext. Alles darunter ist auf dem Smartphone schwer lesbar.
- Kein horizontales Scrollen: Tabellen und Bilder müssen sich an die Bildschirmbreite anpassen.
Tipp 6: Above the Fold überzeugen
Der Bereich, den der Besucher ohne Scrollen sieht (Above the Fold), entscheidet über Bleiben oder Gehen. Hier muss alles stimmen:
- Headline mit Nutzenversprechen — was bekommt der Besucher?
- Subheadline mit Konkretisierung — wie funktioniert es?
- Ein aussagekräftiges Bild oder Video — das Ergebnis visualisieren.
- Der erste CTA-Button — direkt sichtbar, ohne Scrollen.
Vermeiden Sie hier Slider, Autoplay-Videos oder überladene Animationen. Der Besucher soll in 3 Sekunden verstehen, worum es geht — nicht auf eine Animation warten.
Tipp 7: Trust Signals strategisch platzieren
Neben Social Proof gibt es weitere Vertrauenssignale, die Ihre Conversion-Rate steigern:
- SSL-Zertifikat: Das Schloss-Symbol in der Browserleiste ist Pflicht. Ohne HTTPS verlieren Sie sofort Vertrauen — und Google rankt Sie schlechter.
- Datenschutz-Hinweis: Besonders bei Formularen: „Ihre Daten werden vertraulich behandelt und nicht an Dritte weitergegeben."
- Garantien: „Kostenlose Erstberatung", „Geld zurück bei Unzufriedenheit" oder „Festpreis ohne versteckte Kosten" senken die Hemmschwelle.
- Erreichbarkeit zeigen: Telefonnummer, E-Mail-Adresse, physische Adresse. Anonyme Seiten wirken unseriös.
Tipp 8 & 9: Formulare optimieren und A/B-Tests durchführen
Formularoptimierung: Das Kontaktformular ist der Moment der Wahrheit. Hier entscheidet sich, ob der Besucher konvertiert oder abspringt.
- Reduzieren Sie die Felder auf das absolute Minimum. Jedes zusätzliche Feld senkt die Conversion-Rate um ca. 10 %.
- Nutzen Sie Smart Defaults: Telefonnummer automatisch mit Vorwahl vorbelegen, Dropdowns statt Freitextfelder.
- Zeigen Sie einen Fortschrittsbalken bei mehrstufigen Formularen.
- Ersetzen Sie „Absenden" durch eine nutzenorientierte Beschriftung: „Jetzt Angebot erhalten".
A/B-Testing: Vermuten Sie nicht — testen Sie. Schon kleine Änderungen können große Wirkung haben:
- Headline A vs. Headline B
- Grüner CTA-Button vs. oranger CTA-Button
- Kurzes Formular (3 Felder) vs. langes Formular (6 Felder)
- Mit Video vs. ohne Video
Tools wie Google Optimize (kostenlos) oder VWO machen A/B-Tests einfach. Wichtig: Testen Sie immer nur eine Variable gleichzeitig, und warten Sie auf statistische Signifikanz (mindestens 100 Conversions pro Variante).
Tipp 10: Tracking und Analyse einrichten
Ohne Tracking fliegen Sie blind. Richten Sie von Tag 1 an folgende Messpunkte ein:
- Google Analytics 4: Woher kommen Ihre Besucher? Wie lange bleiben sie? Wo steigen sie aus?
- Conversion-Tracking: Messen Sie jede Formularabsendung, jeden Anruf, jeden Klick auf den CTA. Nur so wissen Sie, ob Ihre Landing Page funktioniert.
- Heatmaps (z. B. Hotjar): Sehen Sie, wohin Besucher scrollen, wo sie klicken und wo sie aufhören zu lesen.
- UTM-Parameter: Taggen Sie Ihre Kampagnen-Links, um genau zu wissen, welche Werbeanzeige die meisten Conversions bringt.
Datenschutzkonformes Tracking (DSGVO-kompatibel, mit Cookie-Consent) gehört zum Standard jeder professionellen Landing Page. So treffen Sie Entscheidungen auf Basis von Daten — nicht auf Basis von Bauchgefühl.
Häufige Fehler bei Landing Pages
Aus unserer Erfahrung mit dutzenden Kundenprojekten sind dies die häufigsten Fehler:
- Zu viele Ablenkungen: Navigation, Footer-Links, Social-Media-Icons — alles, was vom CTA ablenkt, muss weg.
- Kein Message Match: Die Anzeige verspricht „Kostenlose Beratung", aber auf der Landing Page steht davon nichts. Der Besucher fühlt sich getäuscht und geht.
- Zu lange Ladezeiten: Eine schwere WordPress-Seite mit Elementor und 15 Plugins kann schnell 4–6 Sekunden brauchen. Das ist tödlich für die Conversion.
- Keine mobile Optimierung: Ein Formular, das auf dem Smartphone nicht funktioniert, ist ein Conversion-Killer.
- Kein Tracking: Ohne Daten können Sie nicht optimieren. Und eine Landing Page, die nicht optimiert wird, verschwendet Geld.
Landing Page vs. vollständige Website: Was brauchen Sie?
Nicht jedes Vorhaben braucht eine Landing Page — und nicht jedes eine vollständige Website. Hier eine Orientierung:
| Situation | Empfehlung |
|---|---|
| Sie schalten Google Ads für ein bestimmtes Angebot | Landing Page |
| Sie möchten Ihr Unternehmen generell online präsentieren | Vollständige Website |
| Sie launchen ein neues Produkt oder Event | Landing Page |
| Kunden suchen online nach Ihrem Firmennamen | Vollständige Website |
| Sie testen eine Geschäftsidee (MVP) | Landing Page |
| Sie brauchen eine nachhaltige SEO-Strategie | Website + Blog |
In vielen Fällen ist die Antwort: beides. Eine vollständige Website für organischen Traffic und Markenaufbau — plus dedizierte Landing Pages für Werbekampagnen. Landing Pages können als eigenständige Seiten oder als Teil einer bestehenden Website umgesetzt werden.
Was kostet eine professionelle Landing Page?
Die Kosten hängen vom Umfang und der Komplexität ab:
| Variante | Kosten | Umfang |
|---|---|---|
| Express-Landing-Page | ab 999 € | Professionelles Design, responsive, CTA, Tracking-Setup |
| Individuelle Landing Page | ab 2.100 € | Maßgeschneidertes Design, A/B-Test-Setup, erweiterte Formulare, Animationen |
| Landing Page + Ads-Setup | ab 2.800 € | Landing Page + Google Ads Kampagnen-Setup mit Tracking |
Bei Pixeldicht entwickeln wir Landing Pages mit Next.js. Das Ergebnis: Ladezeiten unter einer Sekunde, PageSpeed 95+ und niedrigere Klickpreise bei Google Ads (Google belohnt schnelle Seiten mit einem besseren Quality Score).
Rechnen Sie nach: Wenn eine Landing Page nur 5 zusätzliche Anfragen pro Monat generiert und Ihr durchschnittlicher Auftragswert bei 2.000 € liegt, hat sich die Investition nach einem Monat amortisiert.
