Startseiten-Aufbau: Die Reihenfolge, die verkauft

01Die Startseite ist keine Broschüre, sondern eine Weiche

Sie muss nicht alles erzählen. Sie muss dafür sorgen, dass der Richtige weitergeht.

Die häufigste Fehlannahme lautet: Auf der Startseite muss alles stehen. Das Ergebnis sind Seiten mit vierzehn Abschnitten, die von allem ein bisschen zeigen und von nichts genug. Eine Startseite hat drei Aufgaben, mehr nicht. Sie muss in wenigen Sekunden klarmachen, wofür du da bist. Sie muss genug Vertrauen aufbauen, damit jemand überhaupt weiterliest. Und sie muss den Besucher an die Stelle bringen, wo er tatsächlich etwas tun kann: Detailseite, Anfrageformular, Telefonnummer, Terminkalender.

Wer das ernst nimmt, hört auf, die Startseite als Selbstdarstellung zu behandeln. Sie ist eine Weiche. Ein Besucher, der nach einem Notdienst sucht, muss innerhalb von zehn Sekunden bei der Telefonnummer landen. Ein Besucher, der drei Anbieter vergleicht, braucht Beweise und einen Preisrahmen. Ein Besucher, der über eine Empfehlung kommt und deinen Namen bereits kennt, braucht nur eine Bestätigung, dass er richtig ist. Alle drei laufen über dieselbe Seite, und die Reihenfolge der Blöcke entscheidet, ob jeder von ihnen sein Ziel findet.

Die zweite Fehlannahme betrifft die Länge. Kurz ist nicht gleich gut. Eine Startseite darf lang sein, wenn jeder Block eine eigene Aufgabe hat und keine Wiederholung ist. Sie wird nur dann anstrengend, wenn drei Abschnitte hintereinander dasselbe in anderen Worten sagen. Der ehrliche Test ist simpel: Streiche einen Block und schau, ob etwas fehlt. Wenn nichts fehlt, war er Dekoration.

02Above the fold: die ersten fünf Sekunden

Der sichtbare Bereich ohne Scrollen ist kein Designplatz, sondern eine Prüfung.

Above the fold heißt: alles, was ein Besucher sieht, bevor er das erste Mal scrollt. Auf dem Handy sind das je nach Gerät ungefähr 600 bis 700 Pixel Höhe, also weniger als du denkst. In diesem Ausschnitt muss die Frage beantwortet sein, die jeder Besucher unbewusst stellt: Bin ich hier richtig. Wenn dort ein Bild und der Satz "Ihr Partner für ganzheitliche Lösungen" steht, ist die Antwort unklar, und Unklarheit führt zum Zurück-Button.

Ein guter oberer Bereich braucht vier Dinge und verträgt kein fünftes: eine konkrete Aussage, wofür du da bist und für wen, einen erklärenden Nebensatz, eine sichtbare Handlungsmöglichkeit und ein Signal, das Vertrauen kostenlos transportiert. Das Signal kann eine Bewertung sein, eine Ortsangabe, eine Jahreszahl oder ein bekannter Kundenname. Was nicht in diesen Bereich gehört, ist ein automatischer Bilder-Slider. Er kostet Ladezeit, niemand liest Slide zwei, und die wichtigste Botschaft verschwindet nach vier Sekunden.

Ein Detail, das oft übersehen wird: Die Hauptaussage steht auf dem Handy fast immer unter dem Bild oder über einem sehr kleinen Bildausschnitt. Prüfe den oberen Bereich deshalb zuerst am Handy, nicht am 27-Zoll-Monitor. Was am großen Bildschirm luftig wirkt, schiebt am Handy den Button unter die Kante, und der Button ist der Grund, warum die Seite existiert.

03Die Grundreihenfolge und warum sie so aussieht

Fünf Blöcke in fester Abfolge: Versprechen, Beweis, Angebot, Einwände, Abschluss.

Die Reihenfolge folgt keiner Designmode, sondern der Reihenfolge der Fragen im Kopf des Besuchers. Zuerst will er wissen, ob die Seite von ihm handelt. Dann prüft er, ob er dir glauben kann. Erst dann interessiert ihn, was genau du anbietest und was es ungefähr kostet. Danach kommen die Bedenken, und ganz am Ende die Frage, was jetzt konkret zu tun ist. Wer diese Abfolge umdreht und mit dem Angebot startet, verkauft an jemanden, der noch nicht weiß, warum er zuhören sollte.

Auffällig ist Position sieben. "Über uns" gehört auf der Startseite nach hinten, nicht nach vorn. Das fühlt sich falsch an, weil es die eigene Geschichte ist, aber der Besucher interessiert sich erst dann für dich, wenn er sich für die Sache interessiert. Vorne steht dein Name nur als Signatur, nicht als Kapitel. Wer die Firmengeschichte auf Platz zwei setzt, verliert die Leute, die eigentlich nur wissen wollten, ob sie am richtigen Ort sind.

04Warum der Beweis vor das Angebot gehört

Preis und Leistung wirken erst, wenn die Glaubwürdigkeit steht.

Wenn du jemandem erklärst, was dein Paket kostet, bevor er einen Grund hat, dir zu glauben, hört er nur eine Zahl. Kommt derselbe Preis nach zwei Referenzen mit Ergebnis, nach einer Bewertung mit Namen und nach einem sichtbaren Beispiel, hört er einen Preis im Verhältnis. Das ist kein Trick, sondern die normale Art, wie Menschen Angebote bewerten: erst Kontext, dann Zahl. Deshalb steht der Beweisblock in der Mitte oben und nicht als Fußnote unten.

Gute Beweise sind konkret und überprüfbar. Ein Logo-Balken ohne Erklärung ist schwach, weil niemand weiß, was du für diese Firmen gemacht hast. Stark ist die Kombination: Kundenname, Aufgabe in einem Satz, sichtbares Ergebnis, dazu ein Zitat mit vollem Namen. Ein einziger echter Fall mit Zahlen schlägt zwölf anonyme Sternchen. Wenn du am Anfang stehst und noch keine Referenzen hast, sag das lieber offen und arbeite mit Arbeitsproben, Qualifikation oder einer klaren Garantie. Erfundene Bewertungen fliegen auf, spätestens im Erstgespräch. Wie du Referenzen bei einem Anbieter selbst prüfst, steht ausführlich im Ratgeber zum Thema Referenzen richtig prüfen.

05Angebot, Ablauf und der Preisrahmen

Der Teil, in dem Klarheit mehr bringt als Vollständigkeit.

Der Angebotsblock ist der Ort, an dem die meisten Startseiten in eine Leistungsliste kippen. Zwölf Bulletpoints mit Substantiven, keine einzige Aussage darüber, was der Kunde davon hat. Besser sind zwei bis vier Blöcke, jeder mit einer Überschrift in Kundensprache, zwei Sätzen zum Nutzen und einem Link auf die Detailseite. Die Startseite muss nicht verkaufen, sie muss sortieren. Wenn du fünf sehr verschiedene Leistungen hast, gehört jede auf eine eigene Unterseite. Ob eine einzige Seite reicht oder du eine mehrseitige Struktur brauchst, ist im Ratgeber zu Onepager oder mehrseitiger Website durchgerechnet.

Ein Preisrahmen auf der Startseite ist unbequem und lohnt sich fast immer. Er filtert. Wer 800 Euro im Kopf hat und liest, dass es ab 2.000 Euro losgeht, schreibt keine Anfrage, und das spart beiden Seiten eine Stunde. Wenn du keinen Festpreis nennen kannst, nenne eine Spanne mit den Faktoren, die sie bewegen. In der Praxis liegen die Angebote für eine kleine Firmenwebsite je nach Umfang und Anbieter meist zwischen 1.500 und 6.000 Euro, das ist ein Erfahrungswert und keine Statistik. Eine grobe Einordnung ist ehrlicher als das Wort "individuell", hinter dem sich Kunden immer das Schlimmste vorstellen.

Direkt hinter das Angebot gehört der Ablauf. Drei bis fünf Schritte, jeder mit einem Satz und wenn möglich mit einer Zeitangabe: Erstgespräch, Festpreis-Angebot, Inhalte, Bau, Freigabe, Go-Live. Dieser Block kostet wenig Platz und nimmt die größte unausgesprochene Sorge weg, nämlich die Sorge vor einem Prozess, den man nicht überblickt. Wer hier "Launch in 14 Tagen nach Inhaltsübergabe" schreibt, muss diese Frist auch halten können. Eine Zusage auf der Startseite ist ein Versprechen, kein Werbetext.

06Einwände: der Abschnitt, den fast jede Startseite auslässt

Was der Besucher denkt und nicht schreibt, entscheidet über die Anfrage.

Zwischen Angebot und Abschluss liegt eine Lücke, in der die meisten Besucher abspringen. Sie haben verstanden, was du machst, sie glauben dir sogar, und trotzdem klicken sie weg. Der Grund sind unbeantwortete Bedenken: Was, wenn es teurer wird. Was, wenn ich es später nicht selbst ändern kann. Was, wenn ich nicht zufrieden bin. Diese Fragen stellt niemand im Formular, sie werden still entschieden. Ein Einwand-Block beantwortet sie, bevor sie zum Abbruch führen.

Formal kannst du diesen Block als FAQ bauen, als Garantieliste oder als kurzen Abschnitt "Ehrlich gesagt". Wichtig ist nur, dass echte Bedenken drinstehen und nicht Werbefragen wie "Warum sollte ich mich für Sie entscheiden". Ein starker Einwand-Block enthält mindestens eine Aussage, die gegen dich arbeitet: für wen du nicht der Richtige bist. Das klingt riskant und ist der beste Filter, den eine Startseite haben kann.

07Reihenfolge-Varianten nach Geschäftstyp

Die Grundstruktur bleibt, die Gewichtung verschiebt sich.

Die fünf Blöcke gelten überall, ihre Reihenfolge nicht. Ein Notdienst und eine Steuerkanzlei bedienen völlig unterschiedliche Entscheidungslagen. Der eine hat einen Besucher unter Zeitdruck, der andere einen, der drei Wochen vergleicht. Die Faustregel: Je dringender die Not, desto weiter nach vorn rückt die Handlung. Je größer das Risiko einer falschen Entscheidung, desto weiter nach vorn rückt der Beweis.

Zwei Muster fallen auf. Erstens: Wo der Kunde ein akutes Problem hat, wandert die Kontaktmöglichkeit ganz nach oben und wiederholt sich mehrfach. Zweitens: Wo eine Person das Produkt ist, rückt der Über-mich-Teil nach vorne, aber nie vor den Beweis. Wer sich unsicher ist, welcher Typ er ist, beantwortet eine Frage: Ruft ein typischer Kunde am selben Tag an, an dem er die Seite findet, oder vergleicht er zwei Wochen. Die Antwort bestimmt die halbe Reihenfolge.

08Abschluss, Buttons und die handwerklichen Details

Am Ende entscheidet nicht die Idee, sondern die Ausführung.

Der letzte Block einer Startseite ist keine Wiederholung des oberen Bereichs, sondern die Stelle, an der du die Erwartung setzt. Er beantwortet drei Dinge: was passiert, wenn ich klicke, wie schnell melde ich mich, und was brauche ich dafür. Ein Satz wie "Kurze Nachricht genügt, ich melde mich innerhalb eines Werktags mit Rückfragen oder einem Terminvorschlag" senkt die Hemmschwelle stärker als jedes größere Button-Design. Was hier steht, muss stimmen, sonst ist es der erste gebrochene Versprechen der Zusammenarbeit.

Bei den Buttons gilt: eine primäre Handlung pro Seite, konsequent gleich benannt. Wenn oben "Projekt anfragen" steht und unten "Jetzt starten" und in der Mitte "Kontakt aufnehmen", wirkt das wie drei verschiedene Angebote. Nutze eine Verbform, die zum Aufwand passt. "Kostenloses Erstgespräch (15 Minuten)" ist besser als "Jetzt starten", weil es die Größe der Zusage benennt. Daneben gehört ein leiserer zweiter Weg für alle, die noch nicht so weit sind: Referenzen ansehen, Preise ansehen, Rückruf anfordern.

Zwei technische Punkte, die zur Reihenfolge gehören, auch wenn sie nach Technik klingen. Erstens: Was oben steht, muss zuerst geladen werden. Wenn der Bereich über der Kante auf eine große Schriftdatei oder ein externes Skript wartet, sieht der Besucher zwei Sekunden lang nichts. Zweitens: Die Reihenfolge im Quelltext sollte der sichtbaren Reihenfolge entsprechen. Das hilft Screenreadern, Suchmaschinen und allen, die per Tastatur navigieren. Beides kostet beim Bau wenig und lässt sich später nur mit Aufwand nachrüsten.

09Fazit: sortieren, streichen, testen

Was du diese Woche tun kannst, ohne einen Cent auszugeben.

Die Reihenfolge einer Startseite ist keine Geschmacksfrage und auch kein Designthema. Sie folgt der Abfolge der Fragen, die ein Besucher ohnehin stellt: Bin ich richtig, kann ich glauben, was bekomme ich, was spricht dagegen, was tue ich jetzt. Wenn diese fünf Fragen in dieser Reihenfolge beantwortet werden, funktioniert die Seite auch mit schlichtem Design. Wenn sie durcheinandergehen, hilft auch die beste Optik nicht.

Der ehrlichste erste Schritt kostet nichts. Schreib die Abschnitte deiner aktuellen Startseite untereinander auf einen Zettel, ohne die Seite dabei anzusehen. Was du nicht erinnerst, hat auch kein Besucher wahrgenommen. Danach ordne die Liste nach den fünf Fragen und streiche alles, was doppelt ist. In den meisten Fällen bleiben von vierzehn Blöcken sieben übrig, und die Seite wird nicht ärmer, sondern klarer.

1. Abschnitte aus dem Kopf notieren, dann mit der echten Seite vergleichen.
2. Oberen Bereich am Handy prüfen: Aussage, Erklärsatz, Button, Vertrauenssignal sichtbar?
3. Beweisblock nach oben ziehen, vor Preise und Leistungen.
4. Einen Einwand-Block ergänzen, mit mindestens einem Satz, für wen du nicht passt.
5. Alle Button-Texte auf eine einheitliche primäre Handlung vereinheitlichen.
6. Drei Personen aus der Zielgruppe fünf Sekunden draufschauen lassen und fragen, was die Firma macht.

Und eine ehrliche Einordnung zum Schluss: Nicht jede Startseite muss neu gebaut werden. Sehr oft reicht es, die vorhandenen Blöcke umzusortieren, zwei zu streichen und einen zu ergänzen. Wenn das technisch nicht möglich ist, weil das System jede Änderung zur Bastelei macht, ist das ein Argument für einen Neubau, aber erst dann. Der Test mit dem Zettel und den fünf Sekunden zeigt dir innerhalb einer Stunde, welcher der beiden Fälle bei dir vorliegt.