Die Seitenstruktur einer Website entwerfen: Sitemap und Menülogik
Warum die Seitenstruktur die Grundlage einer Website bildet
Eine Website kann technisch fehlerfrei funktionieren und trotzdem unübersichtlich wirken. Ursache ist häufig keine einzelne schlecht gestaltete Seite, sondern eine unklare Gesamtstruktur. Besucherinnen und Besucher müssen erkennen, welche Inhalte zusammengehören, wo sie sich befinden und über welchen Weg sie ihr Ziel erreichen. Suchmaschinen und andere technische Systeme benötigen ebenfalls eine nachvollziehbare Ordnung, um Inhalte einzuordnen.
Die Seitenstruktur beschreibt die Beziehungen zwischen den einzelnen Dokumenten einer Website. Sie legt fest, welche Bereiche es gibt, welche Unterseiten zu einem Bereich gehören und wie Inhalte miteinander verbunden sind. Die Sitemap bildet diese Struktur als Plan ab. Die Menülogik übersetzt den Plan in sichtbare Navigationselemente.
Eine belastbare Struktur entsteht daher nicht durch das Sammeln möglichst vieler Menüpunkte. Zuerst müssen Inhalte, Zielgruppen, Aufgaben und Prioritäten geklärt werden. Erst danach sollte festgelegt werden, welche Seiten im Hauptmenü erscheinen, welche über Untermenüs erreichbar sind und welche Verbindungen innerhalb der Inhalte zusätzlich benötigt werden.
Sitemap, Navigation und URL-Struktur unterscheiden
Die Begriffe Sitemap, Navigation und URL-Struktur werden im Alltag oft vermischt. Für die Planung erfüllen sie jedoch unterschiedliche Aufgaben.
- Sitemap: Ein hierarchischer oder thematischer Gesamtplan aller wichtigen Seiten. Sie kann als Tabelle, Diagramm oder Dokument geführt werden.
- Navigation: Die sichtbare Orientierung innerhalb der Website. Dazu gehören Hauptmenü, Untermenüs, Brotkrümelnavigation, Footer-Navigation und kontextbezogene Verweise.
- URL-Struktur: Das technische Adressschema der Seiten. Eine URL sollte die inhaltliche Zuordnung möglichst klar widerspiegeln, ohne unnötig lang oder von wechselnden Kampagnen abhängig zu sein.
- XML-Sitemap: Eine technische Datei, die bestimmte URLs für Suchmaschinen auffindbar machen kann. Sie ersetzt weder eine verständliche Navigation noch eine redaktionelle Inhaltsplanung.
Eine Seite kann in der Sitemap enthalten sein, ohne im Hauptmenü aufzutauchen. Das betrifft etwa Detailseiten, rechtliche Informationen, Hilfsartikel oder Inhalte, die über Suchfunktionen und interne Verweise erreicht werden. Umgekehrt sollte kein Menüpunkt auf eine Seite führen, deren Inhalt noch unklar, doppelt vorhanden oder nicht gepflegt ist.
Mit den Zielen der Besucher beginnen
Die sinnvollste Struktur orientiert sich an den Aufgaben der Zielgruppen. Dabei geht es nicht nur um die Frage, welche Inhalte vorhanden sind. Entscheidend ist, welche Fragen Menschen stellen und welche Handlung sie auf der Website ausführen möchten.
Für die Vorbereitung eignet sich eine Liste mit konkreten Nutzungssituationen. Beispiele sind die Suche nach einer Anleitung, der Vergleich von Funktionen, das Auffinden einer Kontaktmöglichkeit, das Herunterladen eines Dokuments oder die Klärung eines technischen Problems. Aus solchen Situationen lassen sich Inhaltsbereiche ableiten, die näher an der tatsächlichen Nutzung liegen als interne Abteilungen oder Produktbegriffe.
Für jede geplante Seite sollten mindestens folgende Punkte festgehalten werden:
- Welches Problem oder welche Frage beantwortet die Seite?
- Für welche Zielgruppe ist der Inhalt gedacht?
- Welche Vorkenntnisse werden vorausgesetzt?
- Welche Handlung soll nach dem Lesen möglich sein?
- Von welchen anderen Seiten aus muss der Inhalt erreichbar sein?
- Wer prüft Aktualität, technische Richtigkeit und sprachliche Verständlichkeit?
Diese Prüfung verhindert, dass die Sitemap zu einem Verzeichnis interner Themen wird. Eine Kategorie wie „Informationen“ oder „Sonstiges“ sagt wenig über den Inhalt und hilft bei der Orientierung kaum. Aussagekräftige Begriffe beschreiben stattdessen die Aufgabe oder den Themenbereich.
Eine Sitemap Schritt für Schritt aufbauen
- Bestehende Inhalte erfassen: Alle aktuellen Seiten, Dokumente, Downloads und wichtigen Funktionen werden in einer Bestandsliste gesammelt. Auch veraltete oder doppelte Inhalte gehören zunächst hinein, damit sie bei der Neuordnung nicht übersehen werden.
- Inhalte bewerten: Jede Seite wird auf Ziel, Aktualität, Überschneidungen und Nutzen geprüft. Inhalte können beibehalten, zusammengeführt, überarbeitet, verschoben oder aus der öffentlichen Struktur entfernt werden.
- Themen gruppieren: Inhalte mit einem gemeinsamen Nutzerziel werden thematisch oder aufgabenbezogen gebündelt. Die Gruppen sollten sich gegenseitig möglichst wenig überschneiden.
- Hauptebenen festlegen: Aus den Gruppen entstehen die wichtigsten Bereiche. Diese Ebene bildet häufig die Grundlage für das Hauptmenü, muss aber nicht alle vorhandenen Inhalte aufnehmen.
- Unterseiten zuordnen: Detailinformationen werden dem passenden Bereich zugeordnet. Eine Unterseite sollte einen klaren Bezug zu ihrer übergeordneten Seite haben.
- Querverbindungen planen: Verwandte Inhalte erhalten zusätzliche interne Verweise. Eine hierarchische Zuordnung allein reicht nicht aus, wenn Besucher mehrere Themenwege nutzen können.
- Grenzfälle prüfen: Inhalte, die zu mehreren Bereichen passen, brauchen eine bevorzugte Hauptzuordnung. Zusätzliche Verweise sind meist sinnvoller als Kopien desselben Inhalts.
Die Sitemap sollte während der Planung sichtbar und veränderbar bleiben. Eine Tabelle mit Spalten für Seitentitel, Zweck, Zielgruppe, übergeordneten Bereich, URL-Entwurf, Status und verantwortliche Prüfung ist dafür geeignet. Ein Diagramm vermittelt dagegen schneller die Hierarchie. Beide Darstellungen ergänzen sich.
Eine klare Menülogik entwickeln
Das Hauptmenü sollte die wichtigsten Orientierungspunkte zeigen, nicht die gesamte Sitemap abbilden. Jeder Menüpunkt braucht eine erkennbare Bedeutung. Begriffe müssen aus Sicht der Nutzer verständlich sein und dürfen keine internen Abkürzungen voraussetzen.
Eine sinnvolle Menülogik beantwortet mehrere Fragen:
- Welche Themen oder Aufgaben sind für die meisten Besuche relevant?
- Welche Bereiche gehören logisch zusammen?
- Welche Begriffe unterscheiden die Bereiche voneinander?
- Welche Inhalte benötigen eine eigene Ebene und welche können auf einer Übersichtsseite zusammengefasst werden?
- Welche Handlungen müssen dauerhaft sichtbar bleiben?
Zwischen einer thematischen und einer aufgabenorientierten Navigation gibt es keinen allgemein gültigen Sieger. Eine thematische Struktur passt zu Websites mit klar abgegrenzten Wissensgebieten. Eine aufgabenorientierte Struktur eignet sich, wenn Besucher vor allem ein Problem lösen, einen Prozess starten oder eine bestimmte Information abrufen möchten. Mischformen sind möglich, sollten aber nicht zu konkurrierenden Begriffssystemen führen.
Ein Menüpunkt sollte möglichst direkt zu einer sinnvollen Übersichtsseite führen. Ein nicht anklickbarer Oberbegriff kann auf kleinen Bildschirmen und bei Tastaturnutzung zu Orientierungsschwierigkeiten führen. Wenn eine Kategorie mehrere Unterseiten bündelt, ist eine eigene Übersichtsseite häufig nützlich. Sie erklärt den Bereich und bietet einen schnellen Einstieg in die wichtigsten Inhalte.
Hauptmenü, Untermenü und Footer sinnvoll aufteilen
Die Navigation einer Website besteht aus mehreren Ebenen mit unterschiedlichen Aufgaben. Das Hauptmenü führt zu den zentralen Bereichen. Untermenüs helfen bei der Verfeinerung eines Themas. Die Footer-Navigation nimmt ergänzende, rechtliche oder organisatorische Inhalte auf, die dauerhaft erreichbar sein müssen, aber nicht den Hauptpfad dominieren sollen.
| Navigationselement | Geeignete Inhalte | Planungshinweis |
|---|---|---|
| Hauptmenü | Zentrale Themen und häufige Aufgaben | Begriffe kurz, eindeutig und aus Nutzersicht wählen |
| Bereichs- oder Untermenü | Verwandte Unterthemen und Detailseiten | Den aktuellen Bereich klar hervorheben |
| Brotkrümelnavigation | Position innerhalb einer Hierarchie | Die aktuelle Seite und ihre übergeordneten Ebenen verständlich benennen |
| Footer-Navigation | Kontakt, rechtliche Hinweise, Zugänglichkeit, ergänzende Informationen | Nicht als Ersatz für die Hauptnavigation verwenden |
| Kontextuelle Links | Verwandte Anleitungen, Definitionen und nächste Schritte | Nur verlinken, wenn der Bezug für die Lesenden erkennbar ist |
Eine Suchfunktion ergänzt diese Ebenen, ersetzt sie aber nicht. Wer den genauen Begriff einer Information kennt, kann damit schneller ans Ziel gelangen. Wer das Thema noch nicht kennt, benötigt weiterhin Kategorien, erklärende Übersichtsseiten und sichtbare Orientierung.
Mobile Menülogik und Barrierefreiheit mitplanen
Ein Menü, das auf einem großen Bildschirm funktioniert, kann auf einem Smartphone unbrauchbar werden. Kleine Displays benötigen eine reduzierte Darstellung, aber keine versteckte oder unvollständige Informationsarchitektur. Die Reihenfolge der Menüpunkte, die Bezeichnungen und die Beziehungen zwischen Seiten bleiben auch in der mobilen Ansicht nachvollziehbar.
Bei der Planung sollten folgende Punkte geprüft werden:
- Das Menü muss mit Tastatur und assistiven Technologien erreichbar und bedienbar sein.
- Der Zustand eines geöffneten Untermenüs muss erkennbar werden.
- Interaktive Elemente benötigen verständliche Beschriftungen und einen sichtbaren Fokus.
- Die aktuelle Seite oder der aktuelle Bereich sollte visuell und programmatisch identifizierbar sein.
- Wichtige Inhalte dürfen nicht ausschließlich durch das Überfahren mit dem Mauszeiger erreichbar sein.
- Auf kleinen Bildschirmen sollte die Navigation nicht von langen, verschachtelten Ausklappmenüs abhängen.
Für die Zugänglichkeit gelten unter anderem die Web Content Accessibility Guidelines des World Wide Web Consortiums als anerkannter Referenzrahmen. Die Strukturplanung sollte deshalb nicht erst nach der Gestaltung prüfen, ob ein Menü bedienbar ist. Semantische Überschriften, klare Fokusreihenfolgen und verständliche Bezeichnungen müssen in Konzept und Umsetzung zusammenpassen.
URL-Logik, Seitentitel und Überschriften abstimmen
Eine gute Seitenstruktur zeigt sich auch in den Adressen und Seitentiteln. Die URL sollte eine dauerhafte, lesbare Zuordnung unterstützen. Aussagekräftige Begriffe sind meist hilfreicher als interne Datenbankkennungen oder wechselnde Marketingformulierungen. Die technische Plattform kann dabei Einschränkungen vorgeben, die redaktionell berücksichtigt werden müssen.
URL, Seitentitel, Hauptüberschrift und Menübezeichnung müssen nicht wortgleich sein, sollten jedoch dasselbe Thema erkennen lassen. Wenn ein Menüpunkt anders heißt als die Zielseite, kann Verwirrung entstehen. Abweichungen sind sinnvoll, wenn eine kurze Navigationsbezeichnung einer langen, präzisen Überschrift gegenübersteht.
Bei einer Umstrukturierung sollten bestehende Adressen nicht ohne Prüfung geändert werden. Vorher sind interne Verweise, externe Verweise, gespeicherte Lesezeichen und Suchzugriffe zu berücksichtigen. Wird eine URL ersetzt, muss eine passende Weiterleitung eingerichtet und getestet werden. Entfernte Inhalte sollten nicht pauschal auf eine beliebige Startseite führen, wenn eine thematisch passende Zielseite vorhanden ist.
Auch Überschriften helfen bei der Orientierung. Eine Seite sollte ein klares Hauptthema besitzen. Unterüberschriften teilen den Inhalt nach logischen Fragen oder Arbeitsschritten auf. Die Überschriftenhierarchie darf nicht nur wegen der Schriftgröße gewählt werden, sondern muss die inhaltliche Struktur ausdrücken.
Interne Verlinkung als zweites Orientierungssystem
Besucher bewegen sich selten ausschließlich über das Hauptmenü. Gute interne Verlinkung verbindet Inhalte entlang realer Informationswege. Eine grundlegende Erklärung kann auf eine vertiefende Anleitung verweisen. Eine Anleitung kann Voraussetzungen, Folgeaufgaben oder verwandte Problemlösungen verknüpfen.
Verlinkungen sollten einen beschreibenden Linktext besitzen. Formulierungen wie „hier klicken“ verraten weder das Ziel noch den Zusammenhang. Besser ist eine Bezeichnung, die den Inhalt der Zielseite nennt. Das verbessert die Orientierung, unterstützt die Nutzung mit assistiven Technologien und erleichtert die spätere Pflege.
Für jede wichtige Seite lohnt eine Prüfung in beide Richtungen:
- Welche relevanten Einstiegsseiten führen zu diesem Inhalt?
- Welche weiterführenden Inhalte werden von dieser Seite aus benötigt?
- Gibt es veraltete, doppelte oder ins Leere führende Verweise?
- Ist der Linktext auch ohne den umgebenden Absatz verständlich?
Bei umfangreichen Websites kann eine interne Suche nach verwaisten Seiten helfen. Eine Seite ohne sinnvolle eingehende Verweise ist nicht automatisch überflüssig, braucht aber einen bewusst gewählten Zugang, etwa über eine Übersichtsseite, eine thematische Sammlung oder einen passenden Prozess.
Typische Fehler bei der Strukturplanung vermeiden
Eine häufige Schwäche ist die Orientierung an der Organisationsstruktur statt an den Fragen der Zielgruppen. Interne Zuständigkeiten können für die Verwaltung hilfreich sein, sind für Außenstehende aber oft nicht verständlich. Eine zweite Schwäche besteht in zu vielen Kategorien mit ähnlichen Bedeutungen. Dadurch wird die Auswahl unklar und Inhalte werden mehrfach abgelegt.
Auch eine überladene Startseite löst das Problem nicht. Wenn sämtliche Themen gleichzeitig sichtbar sein sollen, fehlt eine erkennbare Priorität. Besser ist eine abgestufte Struktur: zentrale Einstiege, erklärende Übersichten und passende Detailseiten.
Weitere Risiken sind:
- Menübegriffe, die nur Fachleute verstehen.
- Unterseiten ohne erkennbare Zugehörigkeit.
- Mehrere Seiten mit nahezu identischem Zweck.
- Wichtige Informationen, die nur über die Suchfunktion erreichbar sind.
- Ein mobiles Menü, das andere Begriffe oder eine andere Reihenfolge verwendet als die Desktop-Ansicht.
- URL-Änderungen ohne Bestandsaufnahme und Weiterleitungskonzept.
- Eine Sitemap, die nach dem Start nicht mehr gepflegt wird.
Besonders problematisch ist eine Struktur, die zwar auf dem Papier logisch aussieht, aber mit realen Aufgaben nicht getestet wurde. Schon wenige Prüfpersonen aus unterschiedlichen Zielgruppen können zeigen, ob Kategorien verständlich sind und ob wichtige Ziele ohne Umwege gefunden werden.
Die geplante Struktur testen und fortlaufend pflegen
Vor der technischen Umsetzung sollte die Struktur mit konkreten Aufgaben geprüft werden. Eine Aufgabe lautet beispielsweise: „Finde die Anleitung für die Einrichtung eines neuen Geräts“ oder „Ermittle, welche Voraussetzungen für diesen Vorgang gelten.“ Getestet wird nicht nur, ob die Zielseite existiert, sondern auch, ob der gewählte Weg verständlich erscheint.
Für die Prüfung eignen sich mehrere Methoden:
- Karten-Sortierung: Inhalte und Themen werden von Testpersonen zu Gruppen geordnet. Die verwendeten Gruppennamen liefern Hinweise auf verständliche Kategorien.
- Baumtest: Eine rein textuelle Navigationsstruktur wird ohne Gestaltung geprüft. Dabei zeigt sich, ob die Begriffe und Ebenen ausreichen.
- Aufgabenprüfung: Konkrete Suchziele werden vorgegeben. Beobachtet werden Irrwege, Rücksprünge und unklare Begriffe.
- Technischer Crawl: Nach der Umsetzung werden Status, Weiterleitungen, interne Verweise, Canonical-Angaben und Sitemap-Dateien kontrolliert.
Nach dem Start sollte die Sitemap ein lebendes Dokument bleiben. Neue Inhalte brauchen eine geplante Zuordnung. Entfernte Inhalte müssen auf Verweise und mögliche Ersatzseiten geprüft werden. Regelmäßige Inhaltsinventuren helfen, veraltete Seiten, unklare Überschriften und überlappende Themen zu erkennen. Zuständigkeiten und Prüfintervalle sollten dokumentiert werden, ohne starre Zeitvorgaben als allgemeingültige Regel festzuschreiben.
FAQ zur Sitemap und Menülogik
Wie viele Ebenen sollte eine Website haben?
Eine feste optimale Anzahl gibt es nicht. Entscheidend ist, ob Besucher den Weg zum Ziel nachvollziehen können. Eine zusätzliche Ebene ist sinnvoll, wenn sie eine klare inhaltliche Gruppe bildet. Sie ist problematisch, wenn sie nur technische oder organisatorische Unterteilungen sichtbar macht. Tests mit konkreten Aufgaben zeigen zuverlässiger als eine pauschale Vorgabe, ob die Tiefe der Struktur angemessen ist.
Müssen alle Seiten im Hauptmenü stehen?
Nein. Das Hauptmenü sollte die wichtigsten Bereiche und Aufgaben abbilden. Detailseiten, Anleitungen und ergänzende Informationen können über Übersichtsseiten, interne Links, Suchergebnisse, Brotkrümel oder den Footer erreichbar sein. Jede wichtige Seite braucht jedoch mindestens einen bewusst geplanten Zugang.
Ist eine XML-Sitemap ausreichend für die Suchmaschinenoptimierung?
Nein. Eine XML-Sitemap kann das Auffinden bestimmter URLs unterstützen, ersetzt aber keine verständliche Seitenstruktur. Interne Verlinkung, klare Seitentitel, konsistente Überschriften, technisch erreichbare Inhalte und eine sinnvolle URL-Logik gehören ebenfalls zur Planung.
Wann sollte die Sitemap erstellt werden?
Die Sitemap gehört in die Konzeptionsphase, bevor Menüs und Seitentemplates endgültig gestaltet werden. Sie kann zunächst grob beginnen und während der Inhaltsanalyse präzisiert werden. Nach der Veröffentlichung sollte sie bei neuen, verschobenen oder entfernten Inhalten aktualisiert werden.
Was ist wichtiger: eine Suchfunktion oder ein gutes Menü?
Beide erfüllen unterschiedliche Aufgaben. Die Suche unterstützt Personen, die ein konkretes Stichwort kennen. Das Menü vermittelt Themen, Zusammenhänge und mögliche Wege für Personen, die ihr Ziel noch nicht genau benennen können. Eine robuste Website plant daher beide Orientierungssysteme zusammen.