Sie suchen nach einer Information auf einer Website, gehen das Hauptmenü durch, klicken auf zwei oder drei Rubriken und drehen sich im Kreis. Der Inhalt ist vorhanden, aber der Weg dorthin bleibt unklar. Genau dieses Problem löst ein gut gestalteter Seitenplan: Er zeigt die gesamte Seitenstruktur auf einer einzigen Seite – wie das Inhaltsverzeichnis eines Buches.
Den gesamten Navigationsweg testen, nicht nur die Seite
Die meisten Ratgeber zur Navigation konzentrieren sich auf die Menüstruktur oder das Layout. Dabei übersehen sie einen wichtigen Punkt: Eine Seite kann perfekt gestaltet und trotzdem unauffindbar sein, wenn der Weg dorthin irgendwo ins Stocken gerät.
Die Ergebnisse von Barrierefreiheitsprüfungen bestätigen das. Navigationswege scheitern trotz regelkonformer Einzelseiten, weil ein Dropdown-Menü, ein modales Fenster oder ein Bestellprozess die Tastaturnavigation blockiert. Wer den gesamten Weg vom Seitenplan bis zur gewünschten Aktion testet, erhält ein verlässlicheres Bild, als wenn jede Seite einzeln geprüft wird.
Konkret bedeutet das: Öffnen Sie den Seitenplan, wählen Sie einen Link zu einer tiefer liegenden Seite (etwa einer Produktseite, einem Kontaktformular oder einem archivierten Artikel) und prüfen Sie, ob sich der Weg ohne Maus, ausschließlich per Tastatur oder mit einem Screenreader zurücklegen lässt.
Bricht der Navigationsweg unterwegs ab, verliert der Seitenplan seinen Zweck. Wie dieses Prinzip in der Praxis funktioniert, zeigt der Seitenplan von Les Marches du Pouvoir: Er listet die Rubriken übersichtlich untereinander auf und ermöglicht den direkten Zugriff auf beliebige Inhalte.
HTML-Seitenplan und XML-Sitemap: zwei Werkzeuge für zwei Zielgruppen
Haben Sie schon einmal eine sitemap.xml-Datei gesehen? Sie enthält eine Liste von Adressen und richtet sich an Suchmaschinen. Google, Bing und ihre Crawler nutzen sie, um Seiten zu entdecken und zu indexieren. Menschliche Besucher hingegen rufen sie nie auf.
Beim HTML-Seitenplan ist es genau umgekehrt. Er ist eine sichtbare Seite für Menschen, die auf der Website navigieren. Sie zeigt Rubriken, Unterrubriken und Seiten in einer logischen Reihenfolge mit anklickbaren Links.
Der HTML-Seitenplan ist für Besucher da, die XML-Sitemap für Crawler. Wer beides verwechselt, bietet jemandem, der einen Stadtplan sucht, ein Telefonbuch an. Beide sind nützlich, erfüllen aber unterschiedliche Bedürfnisse.
Was ein HTML-Seitenplan enthalten sollte
Ein guter HTML-Seitenplan bildet das Navigationsmenü nicht einfach Wort für Wort ab. Er ergänzt es, indem er auch die tieferen Ebenen zeigt, die das Menü verbirgt. Folgende Elemente sollten enthalten sein:
- Die zentralen Seiten der Website: Startseite, Hauptbereiche, Unterbereiche, Kontaktseiten und rechtliche Hinweise
- Tiefer liegende Inhalte, die im Menü nicht direkt sichtbar sind, etwa Blogarchive, ausführliche Produktseiten oder Seiten zu untergeordneten Kategorien
- Links zu funktionalen Seiten (Suche, FAQ, Formulare), nach denen Besucher häufig suchen, die sie aber im Menü nicht finden
Doppelte Seiten, interne Suchergebnisseiten und Paginierungsseiten gehören dagegen nicht in einen HTML-Seitenplan. Sie sorgen für Unübersichtlichkeit, ohne hilfreiche Orientierung zu bieten.
Barrierefreiheit des Seitenplans: ein Prüfkriterium bei Audits
Ein Seitenplan ist kein bloßes Gestaltungselement. Das WCAG-Kriterium 2.2.5 („Mehrere Wege“) verlangt, dass eine Seite über mehr als einen Weg gefunden werden kann – etwa über das Menü, die Suche oder den Seitenplan. Ein übersichtlicher Seitenplan erfüllt dieses Barrierefreiheitskriterium unmittelbar.
Prüfstandards wie das RGAA kontrollieren einen konkreten Punkt: Der Link zur Seite „Seitenplan“ muss auf allen Seiten desselben Bereichs auf dieselbe Weise zugänglich sein und sich an derselben Stelle befinden. Steht der Link auf der Startseite in der Fußzeile, fehlt aber auf den Unterseiten, ist das Audit nicht bestanden.
Drei Zielgruppen, die darauf angewiesen sind
Menschen, die Screenreader verwenden, profitieren am meisten von einem Seitenplan. Eine Website Seite für Seite zu durchlaufen, um ihre Struktur zu verstehen, erfordert erhebliche kognitive Anstrengung. Der Seitenplan bietet an einem einzigen Ort einen Gesamtüberblick über die Seitenstruktur.
Menschen, die mit der Tastatur navigieren – sei es aufgrund einer motorischen Beeinträchtigung oder aus persönlichen Gründen –, erhalten hier direkten Zugriff, ohne sich mit der Tabulatortaste durch alle interaktiven Elemente eines komplexen Menüs bewegen zu müssen. Auch alle anderen Besucher nutzen den Seitenplan, um eine Seite wiederzufinden, deren Navigationsweg sie vergessen haben.
Struktur und Aktualisierung des Seitenplans: konkrete Fehler, die Sie vermeiden sollten
Ein schlecht strukturierter Seitenplan schadet mehr als gar keiner. Zeigt die Seite eine ungegliederte Liste mit 300 Links, findet sich niemand zurecht. Die Seitenstruktur sollte der Logik der Website folgen: zuerst die Hauptbereiche, dann die Unterbereiche und schließlich die Inhaltsseiten.
Beschränken Sie jede Ebene auf höchstens etwa zehn Links, damit der Seitenplan übersichtlich bleibt. Bei mehr Links lässt die Konzentration nach und die Seite wird genauso verwirrend wie die Website, die sie eigentlich verständlicher machen soll.
Ein weiterer häufiger Fehler betrifft die Aktualisierung. Viele Websites erstellen ihren Seitenplan automatisch über ein Plugin oder ein CMS. Das ist praktisch, führt aber mitunter zu Links auf gelöschte Seiten, Weiterleitungsschleifen oder Duplikate. Ein Seitenplan mit defekten Links zerstört das Vertrauen der Besucher.
- Prüfen Sie vierteljährlich, ob die Links im Seitenplan tatsächlich zu aktiven Seiten führen
- Entfernen Sie archivierte oder zusammengeführte Seiten, die für die Navigation nicht mehr relevant sind
- Vergleichen Sie den HTML-Seitenplan mit der XML-Sitemap, um Abweichungen zwischen der Besucher- und der Suchmaschinenansicht zu erkennen
- Stellen Sie sicher, dass die Hierarchie des Seitenplans der tatsächlichen Menüstruktur entspricht und keine abweichenden Bezeichnungen verwendet
Automatisch oder manuell: ein falscher Gegensatz
Die automatische Erstellung eignet sich für umfangreiche Websites, auf denen regelmäßig neue Seiten hinzukommen. Bei der manuellen Erstellung lässt sich die Auswahl redaktionell genauer steuern. Am zuverlässigsten ist eine Kombination beider Ansätze: Erstellen Sie zunächst automatisch eine Grundlage und überarbeiten Sie anschließend die Bezeichnungen und die Struktur manuell.
Seit dem 28. Juni 2025 gilt der Europäische Rechtsakt zur Barrierefreiheit für mehrere verbraucherorientierte Dienstleistungen, darunter Onlinehandel und Bankdienstleistungen. Für betroffene Websites ist ein Seitenplan nicht länger nur eine praktische Navigationshilfe. Er wird bei Konformitätsprüfungen berücksichtigt; sein Fehlen oder eine mangelhafte Gestaltung kann konkrete regulatorische Probleme verursachen.
