[Muster] Landingpage Aufbau: zehn Teile, Vorbild, Regeln

Zeichnung einer Webseite im Browserfenster aus mehreren Teilen, in die ein gelber Baustein eingesetzt wird.

Eine Landingpage (Zielseite) hat eine eigene Adresse, erklärt ein Angebot und zeigt genau einen Weg, es auszuprobieren.

  • Für alle, die selbst lernen wollen, wie man ein Angebot auf einer eigenen Seite erklärt, und für alle, die das an andere weitergeben.
  • Du bekommst: zehn Teile, ein Vorbild, zwei Fehler, acht Regeln, fünf Schritte.

Das Muster: Die Seite erklärt ein Angebot und zeigt einen Weg

  • Menschen finden sie über ein Suchwort.
  • Ein einziger Knopf führt in die Probe: „Im Museum ausprobieren“.
  • Der erste Bildschirm sagt: worum es geht, was du danach kannst, wie du es ausprobierst.

Kopf der Landingpage Systemisches Coaching: links Titel und Leitfrage, rechts eine Karte mit dem Titelbild der Reise, der Methode Visionsdreieck, einem Ich-kann-Satz und dem Knopf Im Museum ausprobieren

Zehn Teile

Teil Aufgabe
1 Titel nennt den Suchbegriff, in Seitentitel und Hauptüberschrift
2 Leitfrage greift die Suchfrage auf
3 Nutzen sagt, was man tut und wofür, wörtlich aus dem Kurs
4 Was du danach kannst „Ich kann“-Sätze aus dem Kurs
5 Stationen alle mit Namen und Kurzbeschreibung
6 Probe-Station der eine Weg
7 Preis und Buchen nur aus dem Shop
8 Häufige Fragen nur echte Fragen mit Quelle
9 Impressum, Datenschutz Link im Fuß
10 Bild das Titelbild der Reise

Nutzen und Grenzen

  • Nutzen: Die Seite wird über ein Suchwort gefunden, gibt Orientierung und führt mit einem Knopf in die Probe.
  • Sie führt in die Probe, nicht zum Kauf. Preis, Termine und Formular fehlen.
  • Sie ist so vollständig wie der Kurs dahinter.

Ein Vorbild: Systemisches Coaching

Ganze Seite Systemisches Coaching: Titel, Leitfrage und Knopf, daneben das Titelbild, darunter die ersten drei Stationen, drei Ich-kann-Sätze, die Einführung und die Liste aller Stationen in drei Spalten, unten Impressum und Datenschutz

  • Seitentitel „Ausbildung Systemisches Coaching | KarlsAkademie“ und Überschrift nennen dasselbe Wort.
  • Leitfrage: „Wie begleitest du dich und andere mit passenden Methoden?“
  • Drei „Ich kann“-Sätze, zum Beispiel „Ich kann eine Zukunft so konkret ausmalen, dass sie zieht.“
  • Alle Stationen stehen als Text da.
  • Ein Hauptknopf, kein Preis.
  • Ansehen: Landingpage, Reise im Museum, beide ohne Anmeldung.

Ein zweites Thema: Stress abbauen (Landingpage, Station Ressourcenaktivierung)

  • Nutzen wörtlich aus dem Kurs: „Was drückt, ordnen und neue Kraft finden“.
  • Sechs Stationen, Probe: Ressourcenaktivierung.
  • Leitfrage und „Ich kann“-Sätze fehlen im Kurs, also auch auf der Seite.

Zwei Fehler

Fehler 1: Zu viel Text oben

Landingpage mit zu viel Text oben: Titel, Leitfrage, dann ein langer Absatz Einführung, der Knopf Im Museum ausprobieren, rechts eine Grafik aus Kreisen und Linien

  • Oben steht die Einführung mit 77 Wörtern, das Ziel kommt erst danach.
  • Regel: Oben stehen Orientierung, Ziel und Nutzen mit wenig Text. Die Einführung steht weiter unten.

Fehler 2: Form-Sprache statt Nutzen, kein Mensch im Bild

Kopf der Seite Systemisches Coaching: Titel, Leitfrage, Knopf und das Titelbild, darunter die Überschrift Die ersten drei Haltestellen mit drei Einträgen

  • „Die ersten drei Haltestellen“ ist die Sprache des Museums, nicht des Angebots. Wer eine Ausbildung sucht, sucht keine Haltestellen.
  • Ein Bild von Menschen fehlt.
  • Regel: Die Seite spricht vom Nutzen, nicht von der Form des Museums.

8 Regeln

Nr Regel Prüffrage
1 Titel und Hauptüberschrift nennen den Suchbegriff, aus Daten. Woher stammt er, und steht er in beiden?
2 Nutzen und „Was du danach kannst“ stehen wörtlich im Kurs. Steht jeder Satz auch im Kurs?
3 Genau ein Hauptweg: „Im Museum ausprobieren“. Gibt es oben nur einen Knopf zum Ausprobieren?
4 Ein Preis nur mit veröffentlichtem Shop-Produkt. Kein Countdown. Kommt jeder Preis aus dem Shop?
5 Zu jedem Suchbegriff ist eine Seite kanonisch (die Suchmaschinen nehmen sollen). Gibt es schon einen Blogbeitrag zum Begriff? Welcher ist kanonisch?
6 Das Bild zeigt die Reise selbst. Zeigt es diese Reise?
7 Der erste Bildschirm gibt Orientierung, Ziel und Nutzen mit wenig Text. Verstehst du nach einem Blick, worum es geht?
8 Eine Ausbildung hat eine klare Landingpage, leicht zu finden. Findest du sie ohne Suche?
  • Stimmen und Belege verlinken ihren Ursprung (Bewertung, Verleiher, Studie), nie die eigene Seite. Beispiel: Deutscher Bildungs-Award 2024/2025 von DISQ und ntv, Kategorie „Gamifiziertes Lernen“, Preisträger u. a. „Karl Hosang“ (Pressemitteilung).

Was die Forschung sagt

Für Weiterbildungs-Landingpages gibt es keine geprüfte Studie. Die Belege gelten für Webseiten allgemein.

  • Das Urteil über das Aussehen fällt nach 50 Millisekunden [1]. Für dich: ruhig, wenige Formen und Farben.
  • 57 % der Blickzeit liegen über dem Falz [2]. Für dich: Das Wichtigste steht im ersten Bildschirm.
  • 79 % überfliegen neue Seiten immer, und knappe Texte waren um 58 % besser bedienbar als Werbetext [3]. Für dich: kurze Sätze, Zwischenüberschriften.

So baust du eine Landingpage

  1. Lege fest, was die Seite erklärt und welchen einen Weg sie zeigt.
  2. Hol den Suchbegriff aus Daten (Keyword Planner, Search Console) und prüfe deinen Blog auf eine Seite dazu.
  3. Übernimm die Texte wörtlich aus dem Kurs.
  4. Baue den Kopf: Titel, Leitfrage, Karte mit Methode und „Ich kann“-Satz, ein Knopf, Titelbild.
  5. Prüfe die acht Regeln am Handy und am Rechner.

Regeln für KI-Agenten, die Landingpages entwickeln

Lässt du eine Landingpage von einer KI bauen, gib ihr diese Regeln mit:

  • Alle Texte kommen wörtlich aus dem Kurs. Fehlt dort ein Text, bleibt auf der Seite eine Lücke. Erfunden wird nichts.
  • Prüfen bei 375 und 1280 Pixeln Breite.

Quellen

[1] Lindgaard u. a. (2006), Behaviour & Information Technology 25, 115–126, DOI 10.1080/01449290500330448

[2] Fessenden (2018), Nielsen Norman Group, Scrolling and Attention

[3] Nielsen (1997), Nielsen Norman Group, How Users Read on the Web