Die Startseite richtig aufbauen: Eine praktische Anleitung für FAU-Websites

Gerade am Anfang ist oft unklar, welche Inhalte auf die Startseite der Website gehören und wie sie aufgebaut sein sollte. Dieser Artikel gibt Ihnen praktische Hinweise, wie Sie die Startseite sinnvoll strukturieren und typische Fehler vermeiden.

Was ist die Startseite?

Die Startseite, auch Homepage genannt, ist meist der erste Kontakt mit einer Website.
Wenn Besucher nicht gezielt auf Unterseiten geleitet werden, landen sie erstmal dort – oft mit einem konkreten Anliegen und wenig Zeit.

Die Startseite ist daher so etwas wie das Schaufenster des Webauftritts: Sie entscheidet, ob Nutzer bleiben oder wieder gehen.

Es ist wichtig, dass auf der Startseite folgende Fragen schnell beantwortet werden:

• Worum geht es auf der Website?
• Wer steckt dahinter?
• Bin ich als Besucher hier richtig?
• Wo finde ich welche Informationen?

Was gehört auf die Startseite?

Bevor Sie mit dem Aufbau beginnen, sollte klar sein, wofür die Website da ist (Ziel) und für wen sie gemacht wird (Zielgruppe).
Überlegen Sie sich: Wer sind die Hauptnutzer? Welche Informationen sind am wichtigsten?

Die Startseite können Sie bereits aufbauen, wenn die Unterseiten noch nicht vollständig fertig sind – die genauen Texte und Links lassen sich später anpassen.

Wenn Sie bereits das neue FAU Design verwenden (FAU-Elemental), kann die Startseite folgendermaßen aufgebaut werden.

1. Header-Bereich (Front Page Hero)

• Hauptüberschrift/Lehrstuhlname (=H1):
  Beispiel: „Institut für Philosophie“
• Kurzvorstellung
  Die Kurzvorstellung ist ein kurzer Erklärungstext direkt unter der Hauptüberschrift. Sie hilft Besuchern, sich schnell zu orientieren.
  In ein bis zwei Sätzen erklärt sie:
  
  • worum es auf der Website geht
  • für wen die Seite gedacht ist
  • welche Informationen man hier findet
• Button (Call to Action)
  Er führt direkt zum wichtigsten Ziel.
  Beispiel: „Mehr erfahren“ –> führt auf eine Unterseite mit der ausführlichen Lehrstuhlvorstellung
• Hero-Bild (Cover)
  Der Hero-Bereich sollte ein Bild enthalten, das Ihre Einrichtung realistisch darstellt, zum Beispiel ein Gebäude, ein Labor oder das Team.

2. Inhaltsbereich

Der Inhaltsbereich soll strukturieren, nicht erklären.
Er zeigt die wichtigsten Themen und verlinkt klar und direkt auf die passenden Unterseiten.

Empfohlene Reihenfolge der Inhalte:

1. Hauptangebot/Kerninhalte (oberste Priorität)
   Das, wofür die Website hauptsächlich da ist, sollte ganz oben stehen.
   
   • Für einen Lehrstuhl: Forschungsschwerpunkte, Lehrveranstaltungen, Team
   • Für eine Fakultät: Studiengänge, Forschungsbereiche, Service für Studierende
2. Aktuelle Informationen (mittlere Priorität)
   Maximal zwei bis drei kurze Hinweise auf Neuigkeiten, Termine oder wichtige Ankündigungen
3. Ergänzende Inhalte (niedrigere Priorität)
   Teamvorstellung, Logoleiste von Partnern, zusätzliche Call-to-Actions

Mögliche Inhalte im Detail:

• Übersicht des Angebots: Klare Auflistung der Hauptdienstleistungen, möglich anhand von Big Buttons, Icon-Leisten oder Portalmenüs. Dabei wird auf die entsprechenden Unterseiten verlinkt.
• Projektübersicht
• News/Blogbeiträge (maximal 2-3 Teaser)
• Kalendereinträge (nur die nächsten wichtigen Termine)
• Kurze Teamvorstellung
• Kontakt (E-Mail, Telefon, Sprechzeiten)
• Logoleiste (Partner, Förderer)
• Call-to-Action (z.B. Bewerbung, Anmeldung, Newsletter)

Das neue Theme FAU-Elemental bietet zahlreiche Blöcke, um die Seite übersichtlich zu strukturieren. Mit einer optionalen Dachzeile, Big Buttons, Teasergrid, einer Iconleiste oder dunklem Hintergrund lassen sich abgrenzbare Bereiche schaffen.

Tipps zur visuellen Gestaltung finden Sie in unserer Anleitung „Die Startseite anpassen“.


Was sollte nicht auf die Startseite?

• „Willkommen“-Floskeln ohne Inhalt
  Formulierungen wie „Herzlich willkommen“ helfen weder Nutzern noch Suchmaschinen. Sie sagen nichts über den Zweck der Website, die Zielgruppe oder die Inhalte aus und enthalten keine relevanten Begriffe, anhand derer Suchmaschinen das Thema der Seite erkennen können. Der wichtigste Platz der Seite wird so ohne Nutzen belegt.
• Accordions für Grundinformationen
  Accordions sind für Basisinformationen ungeeignet. Wichtige Inhalte wie Sprechzeiten, Kontakt oder Studienlinks müssen sofort sichtbar sein. Accordions werden oft übersehen, besonders auf Mobilgeräten, und sind zudem schlechter für die Barrierefreiheit.
• Zu wenig Text und Inhalt
  Startseiten mit nur Bildern, kaum Text und wenigen Links bieten zu wenig Orientierung.
  Besucher verstehen nicht, was sie auf der Website finden und Suchmaschinen können den Inhalt nicht richtig einordnen. Eine gute Startseite braucht kurze, erklärende Texte.
• Slider
  Slider lenken ab und funktionieren für viele Nutzer schlecht.
  Texte werden oft nicht zu Ende gelesen, bevor das Bild wechselt. Außerdem sind Slider problematisch für Barrierefreiheit und können die Ladezeit deutlich erhöhen.
• Zu viele News oder lange Meldungen
  Die Startseite ist kein Nachrichtenarchiv.
  Mehr als zwei bis drei kurze Hinweise überfordern und verdrängen wichtige Inhalte. Ausführliche Meldungen gehören auf eine eigene News-Seite.
• Autoplay-Videos oder große Bilder
  Automatisch startende Videos und große Bilder verlangsamen die Seite, besonders auf mobilen Geräten.
  Schnelle Ladezeiten sind wichtiger als visuelle Effekte.
• PDFs oder große Tabellen im Startseiten-Inhalt
  Die Startseite soll einen Überblick geben, keine Dokumente darstellen.
  PDFs und umfangreiche Tabellen gehören auf Unterseiten und sollten von der Startseite aus verlinkt werden.
• Fachjargon und interne Abkürzungen
  Interne Begriffe, Abkürzungen oder Fachsprache sind für viele Nutzer nicht verständlich.
  Die Startseite sollte allgemein verständlich sein. Erklärungen und Details gehören auf Unterseiten.
• Zu viele Menüpunkte in der Hauptnavigation
  Eine überladene Navigation erschwert die Orientierung.
  Empfohlen sind drei klare Einstiegspunkte. Weitere Inhalte gehören in das Hauptmenü.

Checkliste: Ist Ihre Startseite bereit?

Bevor Sie Ihre Startseite veröffentlichen oder überarbeiten, prüfen Sie folgende Punkte:

•  Die Hauptüberschrift und sagt klar, worum es geht
•  Die Kurzvorstellung beantwortet in 1-2 Sätzen die wichtigsten W-Fragen
•  Die wichtigsten 3-5 Inhalte sind direkt sichtbar
•  Alle wichtigen Informationen sind sofort sichtbar
•  Die Seite enthält ausreichend Text für Orientierung und Suchmaschinenoptimierung
•  Kontaktinformationen sind leicht zu finden
•  Die Navigation ist übersichtlich
•  News/Ankündigungen sind auf 2-3 Teaser begrenzt
•  Alle Links führen zu relevanten Unterseiten
•  Fachbegriffe und Abkürzungen sind vermieden oder erklärt
•  Die mobile Ansicht funktioniert einwandfrei

Eine gute Startseite muss nicht perfekt, dafür aber verständlich und klar aufgebaut sein. Entscheidend ist, dass Besucher schnell erkennen, worum es auf der Website geht und wo sie die gesuchten Informationen finden.

Ein Hinweis zum Schluss:
Prüfen Sie regelmäßig, ob die Seite noch zu Ihren Inhalten passt, ob Informationen weiterhin aktuell sind und ob Nutzer sich gut zurechtfinden.

Ein Schaufenster sollte schließlich immer aktuell und schön dekoriert sein, damit es Interesse weckt und viele Besucher anlockt.

Kategorie: Allgemein, Webdesign, Webrelaunch Schlagworte: Seitenaufbau, Startseite, webdesign