Landingpage-Aufbau bedeutet, dass die einzelnen Abschnitte einer Seite in einer bewussten Reihenfolge angeordnet sind, die den Besucher von Verständnis über Vertrauen bis zur Entscheidung führt — ohne dass er selbst herausfinden muss, was als Nächstes zu tun ist. Klingt banal, ist aber der Punkt, an dem die meisten Landingpages im Mittelstand scheitern. Sauber gestaltet, stimmiges Farbschema — und trotzdem verlässt der Großteil der Besucher die Seite, ohne etwas zu tun. Der Grund ist selten die Optik. Der Grund ist, dass die Seite Informationen präsentiert, statt eine Argumentation aufzubauen.
Das Wichtigste in Kürze
- Struktur schlägt Design: Deine Landingpage scheitert selten an der Optik, sondern daran, dass Reihenfolge und Aufbau den Besucher nicht konsequent zur Entscheidung führen.
- Im sichtbaren Bereich ohne Scrollen brauchst du genau vier Elemente: eine Ergebnis-Überschrift, einen Zielgruppen-Satz, einen sichtbaren CTA und ein komprimiertes Vertrauenssignal — mehr nicht.
- Die bewährte Reihenfolge lautet: Nutzenversprechen, dann Leistung/Prozess, dann Beweise, dann Einwand-Antworten, erst dann der finale CTA.
- Eine Landingpage verträgt genau eine primäre Handlung. Kontaktformular, Newsletter und PDF-Download parallel anzubieten, kostet dich Anfragen statt sie zu bringen.
- Social Proof hat zwei Jobs an zwei Orten: Im Hero senkt er die Grundskepsis, im Seitenverlauf entkräftet er konkrete Einwände.
- Das Formular entscheidet am Ende mit: Jedes überflüssige Feld kostet dich Abschlüsse — frag im ersten Schritt nur das Nötigste ab.
Warum ist Struktur wichtiger als Design für die Conversion?
Struktur entscheidet, ob der Besucher an der richtigen Stelle die richtige Information bekommt, um eine Entscheidung zu treffen. Design entscheidet, wie angenehm sich das anfühlt. Beides zählt — aber nur eines davon ist der Grund, warum jemand abspringt, ohne zu klicken.
Warum Struktur grundsätzlich über Design gewinnt, habe ich in Struktur schlägt Design ausführlich begründet — dieser Artikel zeigt dir, wie der Aufbau ganz konkret aussieht.
Was muss im sichtbaren Bereich ohne Scrollen stehen, damit Besucher bleiben?
Im sichtbaren Bereich ohne Scrollen (englisch: above the fold) muss der Besucher in Sekunden verstehen, was die Seite anbietet, für wen sie ist und was er als Nächstes tun soll. Alles, was diese drei Fragen nicht beantwortet, gehört weiter unten auf die Seite.
Konkret bedeutet das vier Elemente:
- Eine Überschrift, die das Ergebnis benennt statt die Methode
- Ein kurzer Satz, der die Zielgruppe oder den Anwendungsfall präzisiert
- Ein sichtbarer Call-to-Action
- Ein komprimiertes Vertrauenssignal — eine Logo-Leiste, eine belastbare Kennzahl oder eine Bewertungsanzeige
Das Vertrauenssignal ist dabei kein viertes Anliegen, sondern Unterbau: Es beantwortet leise die Frage „Kann ich dieser Seite trauen?“, bleibt aber dem Nutzenversprechen und dem CTA visuell untergeordnet — Beifang, nicht Botschaft. Wie stark dieser erste Bildschirm wiegt, zeigt eine Eyetracking-Studie von Nielsen Norman Group: Im Schnitt entfallen 57 % der Betrachtungszeit auf den Bereich above the fold, 74 % auf die ersten beiden Bildschirmhöhen — danach fällt die Aufmerksamkeit stark ab.
Kein Slider mit wechselnden Botschaften, keine Navigation mit zehn Menüpunkten, kein Absatz zur Firmengeschichte. Der erste Bildschirm hat eine Aufgabe: den Besucher zum Scrollen oder Klicken bewegen — jede weitere Information verwässert diese Aufgabe.
In welcher Reihenfolge sollten die Abschnitte einer Landingpage stehen?
Die Reihenfolge folgt der gedanklichen Reise des Besuchers: erst Verständnis, dann Vertrauen, dann Entscheidung. Drehst du sie um — Vertrauenssignale ganz oben, die eigentliche Leistung erst weiter unten —, verlierst du Besucher, die noch gar nicht wissen, worum es geht. Ein bewährtes Muster:
- Nutzenversprechen
- Leistung/Prozess
- Beweise
- Einwand-Antworten
- Finaler CTA
Was jeder Abschnitt leisten muss und wo es meist schiefgeht:
| Abschnitt | Aufgabe | Typischer Fehler |
|---|---|---|
| Nutzenversprechen | Verständnis schaffen | Methode statt Ergebnis benennen |
| Leistung/Prozess | Konkretisieren | Feature-Liste ohne Kontext |
| Beweise | Vertrauen aufbauen | Vage Aussagen ohne Beleg |
| Einwand-Antworten | Zweifel ausräumen | Alles ins FAQ am Ende verschoben |
| Finaler CTA | Entscheidung auslösen | Konkurrierende Handlungen |
Diese Reihenfolge ist kein Dogma, aber sie folgt einer Logik: Niemand vertraut einem Angebot, das er nicht verstanden hat. Und niemand handelt aufgrund von Vertrauen allein, wenn er nicht weiß, was beim Klick passiert.
Wie stellst du Nutzenversprechen und Leistung so dar, dass Besucher weiterlesen?
Das Nutzenversprechen benennt das Ergebnis für den Kunden — die Veränderung von Zustand A zu Zustand B —, nicht deine Methode. Die Leistungsdarstellung macht danach konkret, was auf dem Weg dorthin passiert. Zählst du stattdessen Features und Fachbegriffe auf, überlässt du dem Besucher die Übersetzungsarbeit. Und die leistet er nicht.
Genau diese beiden ersten Zeilen der Tabelle oben verdienen einen genaueren Blick — hier verlieren die meisten Landingpages ihre Leser bereits.
Der Besucher kauft kein Verfahren, sondern ein Ergebnis. Der Unterschied lässt sich an einem Beispiel zeigen: „Wir erstellen responsive WordPress-Websites mit individuellem Design“ beschreibt die Methode. „Eine Website, die aus Besuchern Anfragen macht“ beschreibt das Ergebnis. Die Methode gehört auf die Seite — aber als Beleg für das Ergebnis, nicht als Aufmacher. Viel Zeit bleibt dafür ohnehin nicht: Nach Forschung von Nielsen Norman Group verlassen Nutzer Webseiten häufig schon nach 10 bis 20 Sekunden — dein Nutzenversprechen muss innerhalb von rund 10 Sekunden erkennbar sein.
Konkret wird die Leistung als nachvollziehbarer Ablauf statt als Aufzählung: Erstgespräch, Konzept, Umsetzung, Übergabe — drei bis vier Schritte reichen. Das beantwortet die stille Frage „Was passiert, wenn ich anfrage?“ und senkt die Hemmschwelle vor dem CTA. Unklarheit über den Ablauf ist ein eigener, oft übersehener Absprunggrund — gerade weil ihn kein Besucher je als Einwand formuliert.
Wie viele Call-to-Actions verträgt eine Landingpage wirklich?
Eine Landingpage verträgt genau eine primäre Handlung, mehrfach wiederholt — nicht mehrere unterschiedliche Handlungen. Jede zusätzliche Option, zwischen der der Besucher wählen muss, senkt die Wahrscheinlichkeit, dass er sich für eine davon entscheidet.
Das heißt nicht, dass der Call-to-Action nur einmal stehen darf — er darf und soll mehrfach auftauchen (oben, in der Mitte, am Ende), aber immer mit derselben Handlung und Formulierung. Problematisch wird es, wenn du parallel zum Kontaktformular noch einen Download, eine Newsletter-Anmeldung und einen Social-Media-Link anbietest: Jede Option ist für sich sinnvoll, gemeinsam sorgen sie dafür, dass der Besucher abwägt statt handelt. Eine Landingpage ist kein Erkundungsort, sie ist ein Entscheidungspunkt.
Ein durchgespieltes Beispiel: Stell dir einen Handwerksbetrieb vor, der auf seiner Landingpage parallel ein Kontaktformular, eine Newsletter-Anmeldung und einen PDF-Download mit einer Checkliste platziert hat. Ein Besucher, der eigentlich anfragen wollte, sieht drei gleichwertig gestaltete Optionen und muss zunächst entscheiden, welche davon die richtige ist — bevor er überhaupt zur eigentlichen Handlung kommt. Häufig wählt er die unverbindlichste Option, den PDF-Download, weil sie am wenigsten Aufwand bedeutet, und verlässt die Seite, ohne in Kontakt zu treten. Reduziert der Betrieb die Seite auf eine einzige Handlung — das Kontaktformular —, fällt diese Abwägung weg: Es bleibt nur noch die Entscheidung, ob überhaupt gehandelt wird, nicht mehr, welche von drei Handlungen die richtige ist.
Wohin gehört Social Proof, damit er wirkt?
Social Proof hat zwei Aufgaben an zwei unterschiedlichen Orten der Seite: Im Hero senkt er komprimiert die anfängliche Grundskepsis, bevor der Besucher überhaupt liest; im weiteren Seitenverlauf entkräftet er konkrete Einwände genau dort, wo sie entstehen. Vermischst du beides — ausformulierte Testimonials im Hero, Logos irgendwo weiter unten —, verschenkst du beide Wirkungen.
Hero: Grundskepsis senken
Was in den ersten Bildschirm gehört und warum, steht bereits oben im Abschnitt zum sichtbaren Bereich ohne Scrollen. Zur Platzierung: Typischerweise sitzt das Signal direkt unter dem Call-to-Action oder am unteren Rand des ersten Bildschirms — nah genug, um die Entscheidung zu stützen, dezent genug, um nicht mit ihr zu konkurrieren.
Hast du keine bekannten Marken-Logos vorzuweisen, ersetzt du sie durch konkrete, überprüfbare Aussagen — etwa eine Formulierung im Stil „X Projekte seit Gründungsjahr“ statt der vagen Floskel „langjährige Erfahrung“.
Seitenverlauf: Einwände entkräften
Lautet der wahrscheinlichste Einwand „Funktioniert das auch in meiner Branche?“, gehört ein passendes Beispiel oder eine nachvollziehbare Referenz genau an die Stelle, an der dieser Zweifel entsteht — nicht isoliert in einem separaten „Kunden“-Abschnitt, den ohnehin nur ein Teil der Besucher erreicht.
Wichtig dabei: Social Proof muss konkret und überprüfbar sein. Vage Aussagen wie „viele zufriedene Kunden“ ohne Beleg wecken eher Misstrauen, als Vertrauen aufzubauen — sie zeigen genau die Unschärfe, die ein skeptischer Besucher ohnehin vermutet.
Wie stark Bewertungen als Social Proof wirken können, hat das Spiegel Research Center der Northwestern University für E-Commerce-Produktseiten untersucht: Allein das Anzeigen von Bewertungen steigerte die Conversion messbar — bei niedrigpreisigen Produkten um 190 Prozent, bei höherpreisigen um 380 Prozent. Und schon wenige genügen: Produkte mit fünf Bewertungen hatten eine fast vierfach höhere Kaufwahrscheinlichkeit als Produkte ohne. Auffällig außerdem: Bewertungen zwischen 4,2 und 4,7 Sternen konvertierten besser als die scheinbar perfekten 5,0 — Perfektion wirkt schnell „zu gut, um wahr zu sein“. Das ist Produktseiten-Forschung, keine Studie zu Dienstleistungs-Landingpages — der Mechanismus, dass Bewertungen wahrgenommenes Risiko senken, überträgt sich; die Prozentwerte nicht eins zu eins.
Wie räumst du Einwände aus dem Weg, bevor der Besucher abspringt?
Einwände beantwortest du am wirksamsten dort, wo sie entstehen — nicht gesammelt in einem FAQ-Abschnitt, der oft gar nicht gelesen wird, sondern eingebettet direkt neben der Aussage, die den Zweifel auslöst. Ein FAQ-Block am Ende bleibt sinnvoll, ist aber die letzte Absicherung, nicht die einzige Antwort.
Die zuverlässigste Methode: Sammle die häufigsten Fragen und Bedenken deiner Zielgruppe — aus echten Kundengesprächen, E-Mails oder Support-Anfragen — und beantworte sie proaktiv, bevor der Besucher sie stellen muss. Typische Kandidaten sind Fragen zu Preis, Aufwand, Zeitrahmen oder Kompatibilität mit bestehenden Systemen. Sprichst du sie offen an, statt sie zu umgehen, wirkst du glaubwürdiger als eine Seite, die nur Vorteile zeigt und unbequeme Punkte ausblendet.
Ein durchgespieltes Beispiel: Stell dir eine Beratungsdienstleistung vor, die fast immer den unausgesprochenen Einwand „Wie viel Aufwand kommt auf mich zu?“ im Kopf des Besuchers trägt. Die Antwort gehört nicht ins FAQ, sondern als ein Satz direkt neben die Leistungsbeschreibung: „Aufwand: zwei Termine à 60 Minuten.“ So neutralisiert ein einziger Satz den Einwand, bevor er sich zu einem bewussten Zweifel verdichtet.
Warum entscheidet oft das Formular über die Conversion — nicht der Inhalt davor?
Das Formular ist der Punkt, an dem aus Interesse eine Handlung wird — und jedes zusätzliche Feld ist eine neue Gelegenheit, abzubrechen. Je mehr die Seite vorher überzeugt hat, desto ärgerlicher ist ein Formular, das diese Überzeugung im letzten Schritt wieder infrage stellt.
Ein häufiger Fehler: Formulare werden mit Feldern gefüllt, die für die interne Bearbeitung praktisch wären, aber für den ersten Kontakt nicht nötig sind — Firmengröße, Budget, Wunschtermin, mehrere Freitextfelder. Jedes dieser Felder senkt die Wahrscheinlichkeit, dass das Formular abgeschickt wird. Frag im ersten Schritt nur das Nötigste ab (Name, Kontaktweg, eine kurze Anliegen-Beschreibung) und kläre alles Weitere im Gespräch oder in einer Folge-E-Mail. Erscheint dir ein mehrstufiges Formular sinnvoll, gilt dieselbe Regel wie für den Rest der Seite: Jede Formular-Stufe muss ihren Zweck erkennbar machen, sonst wirkt sie als Absprunggrund.
Wie stark einzelne Felder wiegen, zeigt die Checkout-Forschung des Baymard Institute: Der durchschnittliche E-Commerce-Checkout enthält 11,3 Formularfelder, obwohl rund 8 meist ausreichen — und die Zahl der Felder beeinflusst die Erfahrung stärker als die Zahl der Schritte. Die Studie stammt aus dem E-Commerce-Checkout, aber die Mechanik dahinter — jedes zusätzliche Feld erhöht die wahrgenommene Komplexität — gilt für Kontaktformulare genauso.
Häufige Fragen zum Landingpage-Aufbau
Ist eine schön gestaltete Landingpage automatisch eine gut konvertierende Landingpage?
Nein. Design beeinflusst, wie vertrauenswürdig und angenehm eine Seite wirkt, aber es entscheidet nicht, ob der Besucher versteht, was zu tun ist. Eine gestalterisch überzeugende Seite mit unklarer Struktur konvertiert oft schlechter als eine schlichte Seite mit klarer Führung.
Wie lang sollte eine Landingpage sein?
So lang, wie nötig, um Verständnis, Vertrauen und Entscheidung in dieser Reihenfolge aufzubauen — nicht länger. Ein einfaches, günstiges Angebot braucht weniger Abschnitte als eine komplexe, erklärungsbedürftige Dienstleistung.
Reicht ein einziger Call-to-Action-Button auf der ganzen Seite?
Ein Button reicht selten, wenn die Seite länger ist als ein Bildschirm. Wiederhole denselben Call-to-Action an mehreren Stellen, statt ihn nur einmal zu platzieren — aber bleib bei einer einzigen Handlung.
Fazit
Eine Landingpage, die nicht konvertiert, hat selten ein Design-Problem — sie hat meist ein Struktur-Problem. Design bleibt wichtig, es schafft Vertrauen und reduziert Reibung. Aber es gleicht eine unklare Reihenfolge, konkurrierende Call-to-Actions oder unbeantwortete Einwände nicht aus. Willst du deine eigene Landingpage überarbeiten, prüf deshalb vor jeder Gestaltungsfrage die Struktur: Führt jeder Abschnitt logisch zum nächsten? Gibt es genau eine Handlung, zu der die Seite hinführt? Und wird jeder wahrscheinliche Einwand beantwortet, bevor der Besucher ihn selbst formulieren muss?
Wie sich diese Logik auf die ganze Website übertragen lässt, liest du im Leitfaden zur Conversion-Optimierung für KMU. Kein Geheimrezept. Nur ein Aufbau, der zu Ende gedacht ist.
