Zuerst der Traffic, dann die Seite
Die meisten Landingpages scheitern nicht am Design, sondern daran, dass niemand sie besucht. KI macht das Bauen so billig, dass diese Falle größer wird: In einer Stunde steht eine schöne Seite, die nie jemand sieht.
Bevor du baust, beantworte drei Fragen: Woher kommen die Besucher (Anzeige, Newsletter, Suche, Social)? Was haben sie gerade gesehen, bevor sie klicken? Und was ist der eine nächste Schritt auf der Seite?
Die Antworten bestimmen die Seite. Wer über eine Anzeige kommt, hat einen konkreten Satz gelesen und will genau den wiederfinden. Wer aus dem Newsletter kommt, kennt dich schon und braucht weniger Vorstellung. Wer über die Suche kommt, hat eine Frage und will zuerst eine Antwort, bevor er seine Adresse gibt. Eine Seite für alle drei Gruppen ist meist für keine richtig gut. Lieber zwei schlanke Varianten als eine überladene.
Texte mit KI: was gut klappt, was nicht
| Aufgabe | KI kann das gut | Hier bleibt der Mensch |
|---|---|---|
| Überschriften-Varianten | Zehn Varianten in Sekunden, nach Mustern (Problem, Ergebnis, Frage) | Auswahl, Tonalität, Wahrheit |
| Nutzen formulieren | Aus Funktionen Nutzen ableiten | Welcher Nutzen für diese Zielgruppe zählt |
| Einwände und FAQ | Typische Bedenken sammeln und beantworten | Echte Einwände aus Gesprächen ergänzen |
| Kürzen | Absätze straffen, Füllwörter streichen | Was wegfallen darf |
| Belege | Schwach: erfindet gern Zahlen, Testimonials, Studien | Nur echte, geprüfte Belege verwenden |
Der größte Fehler mit KI-Texten auf Landingpages sind erfundene Belege: „über 1.000 zufriedene Kunden“, ein Zitat einer Kundin, die es nicht gibt, eine Studie ohne Quelle. Das ist nicht nur peinlich, sondern nach dem Wettbewerbsrecht irreführend. Gib der KI nur Fakten, die du belegen kannst, und lass sie den Rest mit [prüfen] markieren.
Aufbau, der funktioniert
- Überschrift: das Ergebnis oder das Problem in den Worten der Zielgruppe.
- Unterzeile: für wen, was, wie schnell.
- Eine Handlung: ein Button, im ersten Bildschirm, auch mobil.
- Nutzen statt Funktionen: drei bis fünf Punkte.
- Belege: echte Zahlen, Logos mit Erlaubnis, echte Stimmen.
- Einwände: FAQ, Preis, Ablauf, Datenschutz.
- Wiederholte Handlung am Ende.
Bauen: Baukästen, KI-Generatoren, Code
| Weg | Beispiele | Preis (Stand 11.11.2026) | Passt für |
|---|---|---|---|
| KI-Website-Generator | Durable | Gratis-Plan; Launch 25 $/Monat (22 $ jährlich), Grow 49 $ (41 $) | Selbstständige, die schnell eine einfache Seite brauchen |
| Landingpage-Baukasten mit Tests | Unbounce | Ab 29 $/Monat bei monatlicher Zahlung, günstiger jährlich; 14 Tage Test | Kampagnen mit vielen Varianten und A/B-Tests |
| Design-Baukasten | Framer | Gratis-Plan; Basic 10 $/Monat, Pro 30 $/Monat | Wer Wert auf Gestaltung legt |
| Code mit KI-Hilfe | Claude, ChatGPT, Cursor | Gratis-Pläne und Abos | Wer volle Kontrolle über Ladezeit und Daten will |
Quellen: durable.com, unbounce.com, framer.com. Preise zzgl. Steuern; Funktionen und Grenzen vor dem Kauf prüfen.
| Tool | Wofür | Mehr |
|---|---|---|
| Durable | Website mit KI in Minuten | Im Überblick · Testen →Werbung |
| Julius AI | Testergebnisse und Tabellen auswerten | Im Überblick · Testen →Werbung |
| Unbounce, Framer | Landingpage- und Design-Baukästen, ohne Partnerlink |
Links mit „Testen“ sind Affiliate-Links (Werbung): Ich bekomme eine Provision, für dich ändert sich der Preis nicht.
Personalisierung: sinnvoll und ohne Grusel
KI macht es leicht, Landingpages je nach Quelle anzupassen: eine Variante pro Anzeigengruppe, pro Branche, pro Suchbegriff. Das wirkt, weil die Seite fortsetzt, was der Besucher gerade gesehen hat.
- Nach Quelle: Überschrift passend zur Anzeige oder Mail, über UTM-Parameter gesteuert.
- Nach Branche: Beispiele und Belege aus der jeweiligen Branche.
- Nicht nach Person: „Hallo Anna aus München“ auf einer offenen Seite wirkt unheimlich und braucht Daten, die du dafür nicht haben solltest.
- Einwilligung beachten: Personalisierung über Tracking-Cookies oder Gerätezugriffe, die nicht unbedingt nötig sind, braucht vorher eine Einwilligung (§ 25 TDDDG).
Meine Faustregel: Vertrauen ist das wichtigste Asset. Personalisierung soll zeigen, dass du die Situation verstehst, nicht, dass du viel über die Person weißt.
A/B-Tests mit KI
- Hypothese
Was soll sich ändern, warum, für wen?
- Eine Variable
Nur Überschrift oder nur Button, nicht beides.
- Genug Besucher
Vorher rechnen, wie viele es für eine Aussage braucht.
- Laufzeit
Mindestens eine volle Woche, damit Wochentage ausgeglichen sind.
- Auswerten
Ergebnis festhalten, auch wenn es keinen Gewinner gibt.
KI hilft auf beiden Seiten: Sie schreibt Varianten, und sie wertet Ergebnisse aus, wenn du ihr die Zahlen gibst. Achte auf die Menge: Mit ein paar Dutzend Besuchern pro Variante ist ein Unterschied meist Zufall. Bei wenig Traffic lohnt es sich mehr, große Fragen zu klären (Angebot, Preis, Zielgruppe), als Button-Farben zu testen.
Halte jeden Test in einer kleinen Tabelle fest: Datum, Hypothese, Varianten, Besucher, Ergebnis, Entscheidung. So siehst du nach ein paar Monaten, welche Art von Änderung bei deiner Zielgruppe wirkt.
Ladezeit: der unterschätzte Hebel
| Kennzahl | Guter Wert | Was sie misst |
|---|---|---|
| LCP (Largest Contentful Paint) | ≤ 2,5 s | Wann der größte sichtbare Inhalt geladen ist |
| INP (Interaction to Next Paint) | ≤ 200 ms | Wie schnell die Seite auf Klicks reagiert |
| CLS (Cumulative Layout Shift) | ≤ 0,1 | Wie stark Inhalte beim Laden springen |
Gemessen am 75. Perzentil der Seitenaufrufe, getrennt nach Mobil und Desktop. Quelle: web.dev, Core Web Vitals.
- Bilder: moderne Formate (WebP, AVIF), passende Größen, das Titelbild nicht verzögert laden.
- Skripte: jedes Tracking- und Chat-Skript kostet Zeit; nur laden, was du brauchst, und nach Einwilligung.
- Schriften: selbst hosten, wenige Schnitte.
- Mobil zuerst: Die meisten Besucher aus Social Media kommen mit dem Smartphone.
Was KI bei Landingpages noch falsch macht
| Fehler | Woran du ihn erkennst | Gegenmittel |
|---|---|---|
| Erfundene Belege | Zahlen, Zitate, Logos ohne Quelle | Nur belegte Fakten vorgeben, Rest markieren lassen |
| Austauschbare Sprache | „Revolutionär“, „nahtlos“, „auf das nächste Level“ | Eigene Beispiele und Kundensprache vorgeben |
| Zu viele Handlungen | Drei Buttons, Newsletter, Chat, Pop-up | Eine Hauptaktion pro Seite |
| Rechtliche Lücken | Kein Impressum, kein Datenschutzhinweis am Formular | Checkliste unten |
| Generische Bilder | Stockfoto-Optik, KI-Gesichter ohne Bezug | Echte Fotos oder gekennzeichnete, passende KI-Bilder |
| Code-Ballast | Langsame Seite, viele Skripte | Ladezeit messen, Überflüssiges entfernen |
Impressum und DSGVO für Formulare
- Impressum (§ 5 DDG): Name und Anschrift, bei Gesellschaften Rechtsform und Vertretung, E-Mail und schneller Kontaktweg, Register und Nummer, Umsatzsteuer-ID falls vorhanden. Leicht erkennbar und unmittelbar erreichbar, also auf jeder Landingpage verlinkt.
- Datenschutzhinweis am Formular (Art. 13 DSGVO): wer verarbeitet, wofür, auf welcher Grundlage, wie lange, wer empfängt die Daten. Ein Link zur Datenschutzerklärung direkt am Formular.
- Newsletter und Werbung: Werbe-E-Mails brauchen eine vorherige ausdrückliche Einwilligung (§ 7 UWG). Der übliche Nachweis ist das Double-Opt-in: Die Person bestätigt per Link in einer Mail.
- Kopplung vermeiden: Wer einen Leitfaden gegen E-Mail anbietet, sagt klar, dass danach Mails kommen, und was darin steht.
- Tracking: Pixel und Analyse-Tools, die nicht unbedingt nötig sind, erst nach Einwilligung laden (§ 25 TDDDG).
- Auftragsverarbeitung: Mit Formular-, Newsletter- und Baukasten-Anbietern einen Vertrag nach Art. 28 DSGVO schließen.
- KI-Bilder: realistische KI-Bilder von Personen, die echt wirken könnten, seit 2. August 2026 nach dem AI Act offenlegen.
Checkliste vor dem Livegang
- Traffic-Quelle festgelegt, Überschrift passt zu Anzeige oder Mail
- Eine Hauptaktion, im ersten mobilen Bildschirm sichtbar
- Jede Zahl und jedes Zitat belegt
- Impressum und Datenschutzerklärung verlinkt, Hinweis am Formular
- Newsletter mit Double-Opt-in, klarer Einwilligungstext
- Tracking erst nach Einwilligung
- LCP unter 2,5 Sekunden mobil, keine springenden Inhalte
- Bei 390 und 1280 Pixel Breite geprüft, kein seitliches Scrollen
- Testanmeldung einmal komplett durchgespielt
Kennzahlen
| Kennzahl | Was sie zeigt | Hinweis |
|---|---|---|
| Anmelde- oder Anfragequote | Anteil der Besucher, die die Hauptaktion ausführen | Nach Quelle getrennt auswerten |
| Bestätigungsquote (Double-Opt-in) | Wie viele ihre Anmeldung bestätigen | Niedrig: Mail landet im Spam oder Erwartung war falsch |
| Kosten pro Lead | Bei bezahltem Traffic | Immer zusammen mit der Qualität der Leads |
| Absprungrate mobil | Ob die Seite mobil funktioniert | Mit Ladezeit vergleichen |
| Ladezeit (LCP) | Technische Qualität | Unter 2,5 s halten |
Beispiel: Landingpage für einen Leitfaden
So sieht der Aufbau einer einfachen Lead-Magnet-Seite aus, etwa für einen kostenlosen Leitfaden gegen E-Mail-Adresse. Die Texte entwirfst du mit KI, die Fakten lieferst du.
| Abschnitt | Inhalt | Worauf achten |
|---|---|---|
| Kopf | Überschrift mit dem Ergebnis des Leitfadens, Unterzeile für wen | Passt zur Anzeige oder zum Post, der hierher führt |
| Formular | Vorname, E-Mail, Button mit konkretem Text („Leitfaden schicken“) | Im ersten mobilen Bildschirm, Hinweis auf Datenschutz und Double-Opt-in |
| Was drin ist | Drei bis fünf Punkte, was der Leser danach kann | Konkret, keine Versprechen |
| Wer schreibt | Kurz, wer hinter dem Leitfaden steht, mit echtem Foto | Nur belegte Angaben |
| Was danach kommt | Welche Mails folgen, wie oft, Abmeldung jederzeit | Ehrlich, so wie im Einwilligungstext |
| FAQ | Kosten, Abmeldung, Datenschutz | Kurze Antworten |
| Fuß | Impressum, Datenschutz | Auf jeder Seite |
Der Einwilligungstext ist der wichtigste Satz der Seite: Er sagt, wofür die Adresse genutzt wird, zum Beispiel für den Leitfaden und anschließende Mails mit Tipps und Produktempfehlungen, und dass die Abmeldung jederzeit möglich ist. KI kann ihn entwerfen; ob er zu deinem tatsächlichen Mailing passt, prüfst du.
Nach dem Klick: Bestätigung und Danke-Seite
Viele Landingpages verlieren Leads nicht auf der Seite, sondern danach. Beim Double-Opt-in muss die Person eine Bestätigungsmail öffnen und klicken. Jeder Schritt dazwischen kostet Anmeldungen.
- Bestätigungsseite: direkt nach dem Absenden klar sagen, was jetzt passiert: „Schau in dein Postfach und klicke auf den Link“, mit Hinweis auf den Spam-Ordner.
- Bestätigungsmail: kurzer Betreff, ein Button, Absendername, den die Person wiedererkennt.
- Danke-Seite: liefert, was versprochen wurde (Download, Zugang), und bietet einen nächsten Schritt an.
- Erste Mail: zeitnah, mit dem versprochenen Inhalt, nicht mit einem Verkaufsangebot.
- Testen: den ganzen Weg mit einer echten Adresse durchspielen, auch mit einem Postfach bei GMX oder Web.de, nicht nur Gmail.
KI hilft hier beim Formulieren der Seiten und Mails und beim Auswerten, an welcher Stelle Menschen abspringen. Die Zahlen dafür liefert dein Newsletter-Tool: Anmeldungen, Bestätigungen, Öffnungen.
Bilder auf Landingpages
Das Titelbild entscheidet in Sekunden, ob die Seite vertrauenswürdig wirkt. KI-Bilder sind schnell gemacht, aber nicht automatisch die richtige Wahl.
| Bildart | Wann sie passt | Worauf achten |
|---|---|---|
| Echtes Foto von dir oder deinem Team | Beratung, Dienstleistung, alles, wo Menschen kaufen | Gut belichtet, aktuell, kein Stockfoto-Lächeln |
| Produkt-Screenshot | Software, Tools, digitale Produkte | Echte Oberfläche, lesbar auch mobil |
| KI-Bild einer Szene | Stimmung, Symbolbild, wenn kein echtes Foto passt | Kein erfundener Kunde, keine Ähnlichkeit mit bekannten Personen, Kennzeichnung prüfen |
| Grafik oder Diagramm | Ablauf, Vergleich, Zahlen | Nur belegte Zahlen |
- Keine falschen Kunden: Ein KI-Gesicht neben einem Zitat wirkt wie ein Testimonial und ist irreführend.
- Kennzeichnung: Realistische KI-Bilder von Personen, die echt wirken könnten, legst du nach dem AI Act seit 2. August 2026 offen.
- Ladezeit: Das Titelbild ist oft das größte Element und bestimmt den LCP. Komprimieren, moderne Formate, passende Größen.
- Alt-Text: beschreibt, was zu sehen ist, für Screenreader und Suchmaschinen.
Mehr zu Prompts, Rechten und Markenstil steht im Ratgeber KI-Bilder für Marketing.
12 Prompts für Landingpages
Mein Angebot: [Beschreibung]. Zielgruppe: [Zielgruppe]. Formuliere das Angebot in einem Satz: für wen, welches Ergebnis, in welcher Zeit, ohne Versprechen, die ich nicht halten kann.
Schreibe 10 Überschriften für diese Landingpage [Angebot], je zwei nach den Mustern Problem, Ergebnis, Frage, Zahl (nur mit belegter Zahl: [Zahl]), Widerspruch. Max. 60 Zeichen.
Diese Anzeige führt auf die Seite: [Anzeigentext]. Schreibe Überschrift und Unterzeile so, dass die Seite nahtlos fortsetzt, was die Anzeige verspricht.
Mache aus diesen Funktionen [Liste] fünf Nutzenpunkte für [Zielgruppe], je max. 12 Wörter. Keine Superlative.
Welche zehn Einwände hat [Zielgruppe] gegen [Angebot]? Schreibe zu jedem eine ehrliche FAQ-Antwort, max. 50 Wörter. Wo du Fakten brauchst, schreib [prüfen].
Entwirf den Aufbau einer Landingpage für [Angebot] mit Abschnitten, Zweck je Abschnitt und Textlänge. Eine Hauptaktion, mobil zuerst.
Schreibe die Texte rund um ein Anmeldeformular für [Leitfaden/Newsletter]: Feldbeschriftungen, Button, Einwilligungstext, der sagt, welche Mails kommen, und Hinweis auf Datenschutzerklärung und Double-Opt-in. [du/Sie].
Schreibe für diesen Test eine Variante der Überschrift, die eine klare Hypothese prüft: [Hypothese]. Alles andere bleibt gleich. Nenne die Hypothese in einem Satz.
Variante A: [Besucher, Anmeldungen], Variante B: [Besucher, Anmeldungen]. Ist der Unterschied belastbar? Erkläre einfach, wie sicher das Ergebnis ist, und was ich als Nächstes teste.
Finde in diesem Seitentext alle Floskeln, Superlative und unbelegten Behauptungen: [Text]. Schlage konkrete, belegbare Formulierungen vor.
Prüfe diese Landingpage auf fehlende Pflichtangaben: Impressum-Link, Datenschutzhinweis am Formular, Einwilligungstext, Tracking erst nach Einwilligung, Kennzeichnung von Werbung und KI-Bildern: [Text/URL]. Vorprüfung, keine Rechtsberatung.
Hier ist der PageSpeed-Bericht meiner Seite: [Bericht]. Ordne die Vorschläge nach Wirkung auf LCP mobil und Aufwand, und erkläre die drei wichtigsten in einfachen Worten.
Die häufigsten Fehler
- Bauen ohne Traffic-Plan. Eine schöne Seite ohne Besucher bringt nichts.
- Erfundene Belege. KI erfindet gern Zahlen und Zitate; das ist irreführend.
- Mehrere Ziele auf einer Seite. Wer alles anbietet, bekommt nichts.
- Pflichtangaben vergessen. Impressum, Datenschutzhinweis, Einwilligung gehören auf jede Seite mit Formular.
- Tracking vor Einwilligung. Pixel erst nach Zustimmung laden.
- Nur am Desktop prüfen. Die Mehrheit kommt oft mit dem Smartphone.
Häufige Fragen
Kann KI eine Landingpage komplett bauen?
KI-Generatoren wie Durable bauen in Minuten eine einfache Seite. Angebot, Belege, Traffic-Quelle und rechtliche Pflichtangaben musst du trotzdem selbst klären, und jeder Text braucht eine Prüfung.
Welche Pflichtangaben braucht eine Landingpage in Deutschland?
Ein leicht erkennbares, unmittelbar erreichbares Impressum nach § 5 DDG, einen Datenschutzhinweis an jedem Formular nach Art. 13 DSGVO und für Werbe-Newsletter eine vorherige ausdrückliche Einwilligung nach § 7 UWG, üblicherweise mit Double-Opt-in.
Wie schnell muss eine Landingpage laden?
Als guter Wert gilt ein Largest Contentful Paint von höchstens 2,5 Sekunden, ein INP von höchstens 200 Millisekunden und ein CLS von höchstens 0,1, jeweils am 75. Perzentil der Seitenaufrufe.
Was kosten Landingpage-Tools?
Laut den Preisseiten am 11.11.2026: Durable mit Gratis-Plan und Launch für 25 US-Dollar im Monat (22 jährlich), Framer mit Gratis-Plan und Basic für 10 US-Dollar im Monat, Unbounce ab 29 US-Dollar im Monat bei monatlicher Zahlung mit 14 Tagen Test.
Lohnen sich A/B-Tests bei wenig Traffic?
Bei wenigen Besuchern sind Unterschiede meist Zufall. Dann lohnt es sich mehr, große Fragen wie Angebot, Preis und Zielgruppe zu klären, als kleine Details zu testen.
Darf ich Landingpages mit Tracking personalisieren?
Personalisierung über die Quelle (UTM-Parameter) ist unkritisch. Für Tracking-Cookies oder Gerätezugriffe, die nicht unbedingt nötig sind, brauchst du nach § 25 TDDDG vorher eine Einwilligung.
Was macht KI bei Landingpages am häufigsten falsch?
Sie erfindet Belege wie Kundenzahlen, Zitate und Studien, nutzt austauschbare Floskeln und packt zu viele Handlungen auf eine Seite. Gib ihr nur belegte Fakten und eine einzige Hauptaktion vor.
Was gehört auf die Seite nach der Anmeldung?
Beim Double-Opt-in eine Bestätigungsseite, die sagt, dass jetzt eine Mail mit Link kommt, mit Hinweis auf den Spam-Ordner. Nach dem Klick eine Danke-Seite, die liefert, was versprochen wurde, und einen nächsten Schritt anbietet.
Darf ich KI-Bilder auf einer Landingpage verwenden?
Ja, als Symbol- oder Stimmungsbild. Ein KI-Gesicht darf aber nicht als echte Kundin neben einem Zitat stehen, und realistische KI-Bilder von Personen, die echt wirken könnten, legst du seit 2. August 2026 nach dem AI Act offen.
Quellen
- § 5 DDG – Allgemeine Informationspflichten (Impressum)
- DSGVO (Verordnung (EU) 2016/679) – Art. 13, Art. 28
- § 25 TDDDG – Einwilligung für Zugriff auf Endgeräte
- § 7 UWG – Einwilligung für Werbe-E-Mails
- web.dev: Web Vitals – LCP ≤ 2,5 s, INP ≤ 200 ms, CLS ≤ 0,1
- Durable: Pricing – Free, Launch 25/22 $, Grow 49/41 $
- Unbounce: Pricing – ab 29 $ monatlich, 14 Tage Test
- Framer: Pricing – Free, Basic 10 $, Pro 30 $






