Deine Startseite ist die erste Seite, die die meisten Besucher sehen, wenn sie mehr über dein Unternehmen erfahren wollen. Damit steht bei ihr am meisten auf dem Spiel, und oft bekommt sie die wenigste gezielte Gestaltungsarbeit. Die meisten Startseiten versuchen, alles zu sagen. Die, die funktionieren, sagen eine Sache klar.
Die Gestaltung der Startseite entscheidet, ob deine Website funktioniert oder den Traffic verschenkt, den sie bekommt. Eine Startseite, die sauber lädt und den nächsten Schritt offensichtlich macht, hält Besucher in Bewegung. Eine, die überladen, langsam oder unklar ist, verliert sie, bevor sie deine besten Inhalte erreichen.
Dieser Artikel zeigt, was eine Startseite leisten muss, wie du den Inhalt aufbaust und welche konkreten Entscheidungen eine konvertierende Startseite von einer unterscheiden, die nur existiert.
Was muss eine Startseite leisten?
Eine Startseite hat eine Aufgabe: dem richtigen Besucher zu zeigen, dass er am richtigen Ort ist, und ihm den nächsten Schritt zu weisen. Das klingt einfach. Die meisten Startseiten scheitern daran, weil sie zu viele Dinge gleichzeitig versuchen.
Besucher kommen von unterschiedlichen Orten und mit unterschiedlichem Wissensstand auf eine Startseite. Manche haben genau nach deinem Angebot gesucht und sind bereit zu handeln. Manche haben deinen Namen von jemandem gehört und wollen prüfen, ob du seriös bist. Manche stöbern nur und wissen noch nicht, ob sie etwas brauchen. Gutes Startseiten-Design bedient alle drei, ohne zur austauschbaren Broschüre zu werden.
Am klarsten bewertest du eine Startseite, indem du fragst, ob ein neuer Besucher innerhalb von fünf Sekunden nach dem Aufruf drei Fragen beantworten kann: Was ist das für ein Unternehmen, für wen ist es und was soll ich als Nächstes tun? Ist eine davon unklar, funktioniert die Startseite nicht.
Was gehört auf einer Startseite in den sichtbaren Bereich (Above the Fold)?
Der Bereich Above the Fold einer Startseite hat das größte Gewicht, denn ihn sieht jeder Besucher, bevor er entscheidet, ob er scrollt oder geht. Er muss die drei Fragen von oben so direkt wie möglich beantworten.
Eine Überschrift, die sagt, was du tust und für wen. Kein Slogan und kein Leitbild. Eine schlichte, direkte Beschreibung des Nutzens, den du bietest. Ein unterstützender Satz, der konkreter wird oder das Hauptanliegen des Besuchers anspricht, den du am meisten willst. Ein Call-to-Action, der bereiten Besuchern einen klaren nächsten Schritt gibt, ohne die Unentschlossenen zu bedrängen.
Ein Bild, das die Botschaft verstärkt, statt sie zu ersetzen. Abstrakte Bilder oder rein dekorative Hintergründe schaffen Atmosphäre, nehmen aber Klarheit weg. Die stärksten Visuals im sichtbaren Bereich zeigen das Produkt, das Ergebnis oder die Person, die davon profitiert.
Auch die Navigation gehört in diesen Bereich. Besucher, die weiterstöbern wollen, brauchen einen Weg dorthin, ohne ihn suchen zu müssen. Der Artikel was Above the Fold ist zeigt im Detail, was den ersten sichtbaren Bereich wirksam macht und wie er sich mobil und am Desktop unterscheidet.
Wie baust du den Inhalt unterhalb des sichtbaren Bereichs auf?
Unterhalb des sichtbaren Bereichs hat die Startseite Raum, um den Besucher zu überzeugen, der nicht sofort gehandelt hat. Am besten funktioniert ein logischer Ablauf: was du tust, Beweis, dass es funktioniert, für wen es gedacht ist und was als Nächstes zu tun ist.
Eine kurze Erklärung deines Kernangebots, konkret genug, um Besucher auszusortieren, die nicht passen, und die zu beruhigen, die passen. Soziale Beweise in der Form, die für dein Unternehmen am glaubwürdigsten ist: Kundenstimmen, Ergebnisse, Logos bekannter Kunden oder eine Zahl, die Größe zeigt. Ein Bereich, der die wichtigsten Anliegen oder Situationen deiner besten Kunden anspricht. Ein zweiter Call-to-Action für Besucher, die bis hierher gelesen haben und jetzt bereit sind.
Die Footer-Navigation am Ende der Startseite gibt Besuchern, die alles gelesen haben, einen Weg zu Nebenseiten. Sie hilft auch denen, die sofort nach unten scrollen, um Kontaktdaten, rechtliche Links oder andere benötigte Seiten zu finden. Der Artikel was Website-Navigation ist behandelt das Design von Haupt- und Footer-Navigation im Detail.
Was macht Startseitentexte wirksam?
Startseitentexte scheitern auf zwei vorhersehbare Arten. Sie sind entweder zu vage, um etwas zu bedeuten, oder sagen so viel, dass nichts hängen bleibt.
Die vage Version nutzt Sätze wie „Wir helfen Unternehmen beim Wachsen“ oder „Wir verändern, wie du arbeitest“. Diese Aussagen stimmen technisch für fast jedes Unternehmen und deshalb für keines in einer nützlichen Weise. Ein Besucher kann daran nicht erkennen, ob dein Unternehmen für seine Situation passt.
Die überladene Version will jede Funktion erklären, jeden Anwendungsfall nennen und jede mögliche Frage auf einer Seite beantworten. Das Ergebnis ist eine Seite, die sich liest wie eine Broschüre und auch so konvertiert.
Der Text, der funktioniert, ist konkret, direkt und für einen Besuchertyp geschrieben. Er benennt das Problem oder die Situation, beschreibt das Ergebnis und macht den nächsten Schritt offensichtlich. Der beste Startseitentext liest sich, als hätte jemand, der dein Unternehmen gut kennt, ihn für jemanden geschrieben, der gerade entscheidet, ob er dir vertraut.
Wie sollte eine Startseite mobil funktionieren?
Eine Startseite, die nur für den Desktop gestaltet ist, verliert die meisten ihrer Besucher. Mehr als 60 Prozent des Web-Traffics kommen von Mobilgeräten, und die Startseite ist oft die erste Seite, die diese Besucher sehen.
Mobil klappen Layout-Spalten zusammen, Schriftgrößen müssen größer sein und Tippflächen von Buttons großzügig genug für einen Finger. Der Bereich Above the Fold ist kleiner, also müssen Überschrift und Call-to-Action in einem engeren Fenster funktionieren. Große Dekobilder, die am Desktop funktionieren, füllen mobil oft den ganzen Bildschirm, ohne etwas Nützliches zu zeigen.
Die Startseite vor dem Abschluss auf einem echten Handy zu testen ist Pflicht. Browser-Vorschauen helfen bei der Entwicklung, bilden das Erlebnis auf einem Touchgerät aber nicht nach. Der Artikel so machst du eine Website mobilfreundlich beschreibt alle Änderungen, die eine Seite auf dem Handy wirklich nutzbar machen.
Beeinflusst die Startseitengestaltung die SEO?
Die Startseite ist meist die am häufigsten verlinkte Seite einer Website und hat die höchste Autorität. Wie sie aufgebaut ist, beeinflusst sowohl, wie Suchmaschinen die Seite verstehen, als auch, wie diese Autorität zu anderen Seiten fließt.
Eine klare Überschriftenstruktur, mit einer H1, die sagt, worum es auf der Seite geht, und H2-Abschnitten zu verwandten Themen, hilft Suchmaschinen, die Seite zu verstehen. Interne Links von der Startseite zu wichtigen Produkt-, Leistungs- oder Inhaltsseiten geben diesen Seiten Autorität und zeigen ihre Bedeutung.
Die Ladegeschwindigkeit der Startseite zählt überproportional, weil sie die meistbesuchte Seite ist. Eine Startseite, die mobil langsam lädt, zieht die Suchleistung der ganzen Website nach unten. Der Artikel was Webdesign ist erklärt, wie Layout- und Strukturentscheidungen mit der Suchleistung zusammenhängen. Einen Gesamtüberblick über Suchrankings gibt was SEO ist mit den technischen und inhaltlichen Faktoren, die das Ranking von Seiten beeinflussen.
So geht WEMASY mit Startseiten-Design um
Der Website-Builder von WEMASY enthält nach Branchen sortierte Startseiten-Templates. Jedes ist um einen klaren Bereich Above the Fold, einen logischen Inhaltsfluss und mobil responsive Layouts herum gebaut. Mit dem visuellen Editor passt du Inhalte, Farben und Bereiche ohne Code an. Die mobile Vorschau zeigt beim Bauen, wie die Startseite auf dem Handy aussieht, damit es nach dem Veröffentlichen keine Überraschungen gibt.
Was enthalten ist, siehst du beim Website-Builder von WEMASY, und die Tarife findest du auf der Preisseite.
Häufige Fragen
Wie lang sollte eine Startseite sein?
Lang genug, um die Fragen zu beantworten, die ein neuer Besucher beantwortet haben will, bevor er handelt, und nicht länger. Bei einem einfachen Dienstleistungsunternehmen sind das vielleicht drei bis fünf Bereiche. Bei einem komplexeren Produkt oder einer längeren Entscheidungsphase sind es vielleicht sieben oder acht. Länge ist nicht das Ziel. Entscheidend ist, die richtigen Inhalte in der richtigen Reihenfolge abzudecken. Ist die Startseite zu kurz, fehlen Besuchern Informationen, um zu handeln. Ist sie zu lang, verlierst du sie, bevor sie den Call-to-Action erreichen. Mit dem Website-Builder von WEMASY richtest du das direkt auf deiner Website ein.
Wie viele Calls-to-Action sollte eine Startseite haben?
Einen primären Call-to-Action, den du beim Scrollen an sinnvollen Stellen wiederholst. Eine einzige, klare Hauptaktion, ob Gespräch buchen, kostenlos starten oder ein Angebot anfragen, erspart dem Besucher die Wahl zwischen mehreren konkurrierenden Optionen. Nebenaktionen wie „Mehr erfahren“ oder „So funktioniert es“ können neben der Hauptaktion stehen, sollten aber klar nachrangig wirken, damit die wichtigste Aktion hervorsticht.
Sollte eine Startseite ein Video haben?
Ein Video kann auf einer Startseite gut funktionieren, wenn es etwas zeigt, das sich mit Text und Bildern kaum vermitteln lässt, etwa eine Produktdemo oder einen Ablauf. Die Risiken sind Ladezeit und Autoplay. Ein Startseiten-Video, das automatisch mit Ton startet, nervt die meisten Besucher sofort, besonders mobil. Ein Video, das die Ladezeit um mehrere Sekunden verlängert, bevor etwas Nützliches erscheint, schadet der Absprungrate. Baust du ein Video ein, sorge dafür, dass es optional ist, standardmäßig stumm läuft und den Rest der Seite nicht am Laden hindert.
Was ist der größte Fehler von Unternehmen auf ihrer Startseite?
Sie für sich selbst zu gestalten statt für einen neuen Besucher. Unternehmer kennen ihr Produkt, ihre Unterscheidungsmerkmale und ihre Geschichte. Neue Besucher kennen nichts davon und entscheiden in Sekunden, ob sie Aufmerksamkeit investieren. Das häufigste Ergebnis ist eine Startseite, die mit Insider-Sprache beginnt, vage Überschriften nutzt, die intern bedeutsam wirken, Außenstehenden aber nichts sagen, und das eigentliche Angebot hinter einer langen Erklärung der Unternehmenswerte versteckt. Die Lösung: Schreibe die Startseite, als würdest du jemandem erklären, was du tust, der noch nie von dir gehört hat und leicht skeptisch ist.
Wie oft sollte eine Startseite überarbeitet werden?
Wenn sie nicht mehr funktioniert, nicht nach festem Zeitplan. Anzeichen, dass eine Startseite Aufmerksamkeit braucht, sind eine hohe Absprungrate neuer Besucher, eine niedrige Conversion-Rate beim primären Call-to-Action oder Rückmeldungen, dass Besucher nicht verstehen, was das Unternehmen macht. Kleine Anpassungen an Text, Bildern und Calls-to-Action beheben die meisten Probleme ohne kompletten Relaunch. Ein vollständiger Relaunch ist sinnvoll, wenn sich das Unternehmen stark verändert hat, das aktuelle Design nicht mehr zeigt, wer das Unternehmen ist, oder die technische Basis so veraltet ist, dass ein Neubau einfacher ist als Flickwerk.