So baust du eine Landingpage, die konvertiert
Eine Landingpage, die konvertiert, erfüllt eine Aufgabe für eine Art von Besucher. Sie sagt klar, was sie bekommen, zeigt, warum sie das glauben sollten, und verlangt eine einzige Aktion: eine Anmeldung, eine Buchung oder einen Kauf. Baue die Seite um diese eine Aktion herum, halte sie schnell und auf dem Handy gut lesbar, und miss, wie viele Besucher die Aktion abschließen, bevor du etwas änderst. Das Design ist weniger wichtig, als die meisten denken. Das Angebot und die Klarheit der Seite sind wichtiger.
Was eine konvertierende Landingpage braucht
Beantworte vor dem Öffnen eines Tools schriftlich vier Fragen. Sie bestimmen jeden Abschnitt der Seite.
- Für wen ist diese Seite? „Inhaber kleiner Reinigungsfirmen“ ist hilfreich. „Unternehmen“ nicht.
- Was bekommen sie? Nenne das Ergebnis, nicht die Funktionsliste. „Angebote in zwei Minuten vom Handy aus verschicken“ schlägt „Modul für mobile Angebote“.
- Was ist die eine Aktion? Auf eine Warteliste, einen Termin, eine Testphase oder einen Kauf. Wähle eine.
- Was hält sie auf? Preis, Vertrauen, Aufwand, Wechselkosten. Jeder Einwand braucht irgendwo auf der Seite eine Antwort.
Wenn du diese Fragen nicht beantworten kannst, liegt das Problem nicht an der Seite. Unser Leitfaden zu wie du eine App-Idee validierst hilft dir bei diesem ersten Schritt.
Der Aufbau, der für die meisten Angebote funktioniert
Es gibt kein perfektes Layout. Die meisten Seiten, die konvertieren, folgen aber einer ähnlichen Reihenfolge: Versprechen, Beleg, Details, Einwände, Aktion.
| Abschnitt | Seine Aufgabe | Was hinein gehört |
|---|---|---|
| Hero | Den Besucher zum Bleiben bewegen | Eine Überschrift mit dem Ergebnis, ein unterstützender Satz, der Hauptbutton und ein Bild des Produkts oder Ergebnisses |
| Belege | Das Versprechen glaubwürdig machen | Echte Referenzen, Kundenlogos, für die du eine Erlaubnis hast, belastbare Zahlen, eine kurze Demo |
| So funktioniert es | Die Frage „Ist das kompliziert?“ ausräumen | Drei Schritte in einfachen Worten |
| Vorteile | Funktionen mit Ergebnissen verbinden | Drei bis fünf Punkte, jeder an etwas geknüpft, das dem Besucher wichtig ist |
| Preis oder Angebot | „Was kostet das?“ beantworten | Der Preis oder ein klares „Kostenlos starten“, wenn das stimmt |
| FAQ | Einwände bearbeiten | Die Fragen, die in Verkaufsgesprächen und Supportmails tatsächlich gestellt werden |
| Abschließender Aufruf | Leser auffangen, die bis zum Ende lesen | Dieselbe Aktion wie im Hero, noch einmal formuliert |
Zwei Regeln machen den Aufbau wirksam. Erstens: Wiederhole dieselbe Aktion über die ganze Seite. Jeder Button führt an denselben Ort. Zweitens: Streiche alles, was dem Besucher nicht bei der Entscheidung hilft. Ein Abschnitt „Das Team“, ein Blog-Feed und Social-Icons sind auf einer Kampagnenseite meist nur Ablenkung.
Überschriften und Texte
Die Überschrift trägt den größten Teil des Gewichts. Nützliche Muster:
- Ergebnis für eine Zielgruppe: „Lohnabrechnung für Restaurants, in zehn Minuten pro Woche.“
- Problem, dann Antwort: „Müde, Rechnungen hinterherzulaufen? Werde bezahlt, sobald du den Auftrag abgeschlossen hast.“
- Konkret und präzise schlägt Cleverness. Wenn ein Besucher überlegen muss, was die Überschrift bedeutet, funktioniert sie nicht.
Schreibe den Fließtext in den Worten deiner Kunden. Supporttickets, Notizen aus Verkaufsgesprächen und Bewertungen von Mitbewerbern sind gute Quellen für diese Sprache. Halte Absätze bei zwei oder drei Sätzen und verwende Zwischenüberschriften, denen ein Überfliegender folgen kann.
Belege, die du wirklich nutzen kannst
Erfinde niemals Referenzen, Bewertungen, Nutzerzahlen oder Logos. Abgesehen von rechtlichen und plattformbezogenen Risiken erkennen Besucher gefälschte Belege gut, und sie untergraben alles andere auf der Seite. Wenn du vor dem Start stehst und noch keine Belege hast, nutze, was ehrlich ist: ein kurzes Demo-Video, eine klare Erklärung, wer hinter dem Produkt steht, ein Geld-zurück-Versprechen, das du einhältst, oder eine Notiz des Gründers.
Formulare und Aufrufe zur Aktion
Das Formular entscheidet, ob Konversionen entstehen oder scheitern.
- Verlange so wenig wie möglich. Für eine Warteliste reicht eine E-Mail-Adresse. Jedes zusätzliche Feld kostet Anmeldungen.
- Beschrifte den Button mit dem Ergebnis, nicht mit „Absenden“: „Frühen Zugang sichern“, „Termin buchen“, „Kostenlos starten“.
- Zeige, was als Nächstes passiert. Nach dem Absenden zeige eine klare Erfolgsmeldung und sag den Menschen, was sie erwartet.
- Speichere Anmeldungen an einem echten Ort. Eine Datenbank oder ein Formulartool, das du prüfst, nicht eine E-Mail in einem gemeinsamen Postfach, das niemand liest.
- Füge einen einfachen Spamschutz hinzu, etwa ein verstecktes Honeypot-Feld, und prüfe das E-Mail-Format.
Wenn die Aktion ein Kauf ist, ist ein gehosteter Checkout wie Stripe Checkout meist der sicherste erste Schritt. Siehe wie du Zahlungen in deine App einbaust.
Geschwindigkeit und mobile Ansicht
Viele Besucher kommen vom Handy, oft aus einer Anzeige oder einem Social-Media-Beitrag. Eine langsame oder unbequeme Seite auf einem kleinen Bildschirm verliert sie, bevor sie die Überschrift gelesen haben.
- Komprimiere Bilder und nutze moderne Formate. Vermeide automatisch startende Hintergrundvideos.
- Prüfe den Hero auf einem Handybildschirm: Überschrift und Button sollten ohne Scrollen sichtbar sein.
- Mach Buttons groß genug zum Antippen und den Text gut lesbar.
- Lade so wenige externe Skripte wie möglich. Jedes Chat-Widget, jeder Tracking-Pixel und jede Schriftdatei macht die Seite schwerer.
Ein erster Prompt für einen KI-Builder
Wenn du mit einem KI-Website- oder App-Builder arbeitest, beschreibe Angebot und Zielgruppe statt Komponenten. Zum Beispiel:
Baue eine Landingpage für QuoteQuick, eine mobile App, mit der Inhaber kleiner Reinigungsfirmen in etwa zwei Minuten professionelle Angebote vom Handy aus verschicken können. Zielgruppe: Inhaber, die selbst mitarbeiten, mit 1 bis 10 Beschäftigten. Abschnitte: Hero mit Überschrift, einem Satz als Untertitel und dem Button „Auf die Warteliste“; So funktioniert es in drei Schritten; vier Vorteile; eine FAQ mit fünf Fragen zu Preis, Daten und Wechsel; ein abschließender Aufruf. Das Wartelisten-Formular fragt nur nach der E-Mail-Adresse, speichert Anmeldungen in einer Datenbank und zeigt eine Erfolgsmeldung. Keine erfundenen Referenzen oder Nutzerzahlen. Freundlicher, sauberer Stil, mobile zuerst, schnell ladend.
Dieser Prompt gibt der KI das Zielpublikum, das Versprechen, die eine Aktion, die zu speichernden Daten und eine Regel zur Ehrlichkeit. Mehr zum Schreiben solcher Prompts findest du unter wie du Prompts für KI-App-Builder schreibst.
Bauschritte
- Schreibe das Briefing: die vier Antworten aus dem ersten Abschnitt, plus die Überschrift, die du zuerst testen willst.
- Erzeuge die erste Version mit einem Prompt wie oben oder starte mit einer Website-Vorlage.
- Repariere zuerst den Hero. Überschrift, Untertitel, Button und Bild. Den größten Teil deiner Zeit solltest du hier verbringen.
- Ersetze jeden Platzhalter durch echten Text. Lösche jeden Abschnitt, den du nicht ehrlich füllen kannst.
- Verbinde das Formular mit einer Datenbank oder deinem E-Mail-Tool und teste es mit einer echten Anmeldung.
- Prüfe die Seite auf einem Handy, dann bei einer langsamen Verbindung.
- Füge SEO-Grundlagen hinzu: einen eindeutigen Seitentitel, eine Meta-Beschreibung, ein Vorschaubild für Links und saubere Überschriften. SEO für mit KI gebaute Websites erklärt die Details.
- Füge Analytics hinzu, damit du Besuche und abgeschlossene Aktionen zählen kannst.
- Veröffentliche nach Möglichkeit auf deiner eigenen Domain. Das wirkt vertrauenswürdiger als eine lange Subdomain.
- Schicke echten Traffic und miss, bevor du etwas neu gestaltest.
Testen und verbessern
Eine Landingpage ist nie fertig. Sie ist eine Hypothese. Miss die Konversionsrate, also abgeschlossene Aktionen geteilt durch Besucher, für die Traffic-Quelle, die dich interessiert. Besucher aus einem Newsletter und Besucher aus einer kalten Anzeige verhalten sich sehr unterschiedlich.
Ändere jeweils eine Sache und gib jeder Version genug Besuche, um sie zu beurteilen. Die Änderungen, die meist am meisten bewirken, etwa in dieser Reihenfolge: das Angebot selbst, die Überschrift, die Belege, die Länge des Formulars, und erst dann Farben und Layout. A/B-Testtools helfen, wenn du regelmäßig Traffic hast. Bei wenig Traffic bringt oft mehr, mit fünf Menschen zu sprechen, die abgesprungen sind, als ein Split-Test, der nie ein klares Ergebnis liefert.
Häufige Fehler
- Mehrere Ziele auf einer Seite. „Anmelden, oder uns folgen, oder den Blog lesen, oder den Vertrieb kontaktieren“ zersplittert die Aufmerksamkeit.
- Funktionslisten ohne Ergebnisse. Besucher interessiert dein Technologie-Stack nicht. Sie wollen wissen, was sich für sie ändert.
- Erfundene Belege. Gefälschte Bewertungen und erfundene Zahlen zerstören Vertrauen und können gegen Werbe- und Verbraucherrecht verstoßen.
- Versteckter Preis. Wenn der Preis ein häufiger Einwand ist, verschiebst du mit dem Verstecken nur den Absprung auf später.
- Nur am Desktop testen. Prüfe die Seite vor jedem Start auf einem echten Handy.
- Ein Formular, das ins Leere führt. Teste Absendungen von Anfang bis Ende, inklusive Erfolgsmeldung und dem Ort, an dem die Daten landen.
- Zu früh neu gestalten. Die Seite nach zwanzig Besuchern zu ändern, sagt dir nichts.
Kosten und Tools
Eine Landingpage kann im Betrieb sehr wenig kosten. Die wichtigsten Kosten sind ein Domainname (jährlich zu verlängern), Hosting und was du für Formulare, E-Mail und Analytics nutzt. Bezahlte Tools summieren sich, wenn jedes monatlich abrechnet. Starte daher mit dem kleinsten Set, mit dem du Leads erfassen und Konversionen zählen kannst. Preise ändern sich oft. Prüfe deshalb vor einer Entscheidung die aktuelle Preisseite des Anbieters.
Wann ein fertiges Tool die bessere Wahl ist
Wenn du in einer Stunde eine Seite live brauchst, keine Datenbank oder eigene Logik benötigst und dein Marketingteam jede Woche Texte ändert, passt vielleicht ein spezieller Seitenbaukasten oder Website-Builder mit visuellem Editor besser. Das gilt auch, wenn du vor allem E-Mail-Kampagnen fährst und deine E-Mail-Plattform bereits Landingpages enthält. Baue selbst, wenn du die volle Kontrolle über die Seite willst, sie mit deiner eigenen App oder deinen Daten verbinden möchtest oder den Code behalten willst.
Mit Mythex bauen
Mythex ist ein KI-App-Builder, der diese Art von Seite gut umsetzt. Du beschreibst das Angebot, die Seite entsteht in einer Live-Vorschau mit Handy-Rahmen, und du verfeinerst Texte und Abschnitte im Chat. Wenn du ein Formular hinzufügst, können Anmeldungen in einer eigenen Datenbank gespeichert werden. Du veröffentlichst unter einer Adresse wie deinname.mythex.app oder, im Pro-Tarif, auf deiner eigenen Domain. E-Mail-Versand und Analytics bringst du selbst mit: Die Schlüssel deines Anbieters werden als Projekt-Secrets gespeichert.
Die Dokumentation enthält eine Schritt-für-Schritt-Anleitung zum Anwendungsfall Landingpage und einen Hinweis zu SEO für veröffentlichte Apps, inklusive warum eine statisch freundliche Struktur hilft, wenn Suchverkehr wichtig ist. Du kannst auch mit dem KI-Baukasten für Landingpages starten oder, wenn du noch vor dem Start stehst, wie du eine Warteliste-Seite baust lesen.
Fragen
Was sorgt dafür, dass eine Landingpage konvertiert?
Ein klares Angebot für eine Zielgruppe, eine Überschrift, die sagt, was der Besucher bekommt, Belege, dass es echt ist, und eine einzige offensichtliche Aktion wie ein kurzes Formular oder ein Kaufbutton. Seiten, die mehrere Aufgaben gleichzeitig erfüllen wollen, konvertieren meist schlechter als Seiten mit einer Aufgabe.
Wie lang sollte eine Landingpage sein?
So lang, wie es braucht, um die Einwände der Besucher zu beantworten, und nicht länger. Eine kostenlose Anmeldung kann mit einer kurzen Seite funktionieren. Ein teures oder unbekanntes Produkt braucht meist mehr Erklärung, Belege und eine FAQ, bevor Menschen handeln.
Sollte eine Landingpage ein Navigationsmenü haben?
Meist nicht. Eine Kampagnen-Landingpage funktioniert am besten, wenn der einzige Weg nach vorn die Hauptaktion ist. Deshalb entfernen die meisten Teams das vollständige Menü der Website und behalten nur das Logo und den Button.
Kann ich eine Landingpage mit KI bauen?
Ja. Mit einem KI-Website- oder App-Builder beschreibst du Angebot, Zielgruppe und Abschnitte, und er schreibt und veröffentlicht die Seite. Das echte Angebot, ehrliche Belege und die Textentscheidungen musst du trotzdem liefern. Die KI kann das nicht für dich wissen.
Woran erkenne ich, ob meine Landingpage funktioniert?
Verfolge eine Zahl: den Anteil der Besucher, die die Hauptaktion abschließen. Richte Analytics ein, bevor du Traffic schickst. Ändere dann jeweils ein Element und vergleiche die Ergebnisse über genug Besuche, damit sie aussagekräftig sind.