Ein Besucher ruft eine E-Commerce-Website auf, um eine Produktseite wiederzufinden, die er am Vortag angesehen hat. Das Hauptmenü bietet acht Kategorien, die jeweils in Unterkategorien gegliedert sind. Nach drei erfolglosen Klicks verlässt er die Seite. Eine HTML-Sitemap hätte das Problem mit einem einzigen Schritt gelöst: Sie zeigt die gesamte Seitenstruktur und verlinkt direkt auf die gesuchte Seite.
HTML-Sitemap und XML-Sitemap: zwei Tools mit unterschiedlichen Funktionen
Die Sitemap für Besucher wird oft mit der XML-Datei für Suchmaschinen verwechselt. Eine XML-Sitemap ist ein technisches Dokument, das URLs auflistet, damit Suchmaschinen-Crawler die Website leichter durchsuchen können. Sie ersetzt weder die interne Verlinkung noch erleichtert sie die Navigation für Menschen.
Eine HTML-Sitemap hingegen ist eine Seite, die allen Nutzern zugänglich ist. Sie bildet die Struktur der Website mit nach Kategorien und Unterkategorien geordneten Links ab. Sie ist eine Navigationsabkürzung, kein Duplikat des Menüs. Ein anschauliches Beispiel für eine solche Seite bietet die Sitemap von Journal Du Web: Die Seitenstruktur lässt sich auf einen Blick erfassen.
Bei einer überschaubaren Website mit einigen Dutzend Seiten mag eine HTML-Sitemap überflüssig erscheinen. Auf einem Portal mit mehreren Hundert Seiten wird sie zum Sicherheitsnetz, wenn das Hauptmenü nicht mehr ausreicht.
Barrierefreiheit und RGAA: Die Sitemap als konkrete Anforderung
Das französische Regelwerk zur Verbesserung der Barrierefreiheit (RGAA) verlangt nicht nur, dass eine Sitemap vorhanden ist. Es prüft auch, ob sie die allgemeine Architektur der Website korrekt abbildet, ihre Links funktionieren und deren Bezeichnungen zu den verlinkten Seiten passen.
Das RGAA schreibt außerdem vor, mindestens zwei von drei Navigationsmöglichkeiten anzubieten: ein Navigationsmenü, eine Sitemap und eine interne Suchfunktion. Eine Website, die nur über ein Hauptmenü, aber weder über eine Sitemap noch über eine Suchleiste verfügt, erfüllt diese Anforderung nicht.
Was sich für Screenreader-Nutzer ändert
Wer eine Website mit einem Screenreader Seite für Seite erkundet, braucht viel Zeit, um die Gesamtstruktur zu verstehen. Eine Sitemap vermittelt diesen Überblick auf einer einzigen Seite, ohne dass man sich mit der Tabulatortaste durch jedes interaktive Element des Menüs bewegen muss.
ArianeGroup plant in seinem Barrierefreiheits-Aktionsplan 2026, die Sitemap zu verbessern und zugleich Korrekturen an der Überschriftenstruktur, der Sichtbarkeit des Tastaturfokus und den Linkbezeichnungen vorzunehmen. Dieses Beispiel zeigt, dass die Sitemap Teil eines umfassenden Barrierefreiheitsprojekts ist und kein isoliertes Element.
Eine HTML-Sitemap strukturieren, die die Navigation wirklich erleichtert
Eine schlecht gestaltete Sitemap kann ebenso verwirrend sein wie ein überladenes Menü. Damit die Seite übersichtlich bleibt, braucht es redaktionelle Entscheidungen.
Welche Seiten aufgenommen und welche weggelassen werden sollten
Aufgenommen werden wichtige Seiten und Inhalte, nach denen Besucher gezielt suchen. Seiten ohne direkten Navigationsnutzen bleiben außen vor.
- Aufzunehmende Seiten: Startseite, Hauptbereiche, Unterbereiche, Service- oder Produktseiten, Kontaktseite und rechtliche Hinweise
- Auszuschließende Seiten: interne Suchergebnisse, Weiterleitungsseiten, Formularbestätigungen und Duplikate (URL-Parameter, Paginierung)
- Sonderfall Blogs und Nachrichten: Statt jeden einzelnen Beitrag aufzulisten, sollten Kategorien oder Schlagwörter aufgeführt werden. Andernfalls wird die Seite zu einem unübersichtlichen Verzeichnis mit mehreren Hundert Einträgen.
Visuelle Hierarchie und Gruppierung
Für eine gute Übersichtlichkeit müssen die Inhalte nach Ebenen gruppiert werden. Auf der ersten Ebene stehen die Hauptbereiche, auf der zweiten die Unterkategorien. Bei mehr als drei Verschachtelungsebenen verliert die Seite an Klarheit, und Nutzer finden sich in genau der Situation wieder, die man vermeiden wollte.
Jeder Link in der Sitemap braucht eine aussagekräftige Bezeichnung. Ein Link mit dem Titel „Seite 1“ oder „Mehr erfahren“ verrät weder Nutzern noch Screenreadern, wohin er führt.
Automatische Generierung oder manuelle Erstellung der Sitemap
Unter WordPress erstellen Plugins automatisch eine HTML-Sitemap auf Grundlage der bestehenden Seitenstruktur. Das funktioniert, wenn die Website bereits sauber strukturiert ist. Andernfalls bildet die generierte Seite das vorhandene Durcheinander lediglich originalgetreu ab.
Die manuelle Erstellung kostet mehr Zeit, ermöglicht aber, unnötige Seiten herauszufiltern, Inhalte nach den Bedürfnissen der Nutzer statt nach technischen Kriterien zu gruppieren und die Reihenfolge der Anzeige festzulegen. Bei einer Website, deren Struktur sich häufig ändert, wird die manuelle Pflege schnell zum Hindernis. Deshalb setzen die meisten Teams auf eine hybride Lösung: automatische Generierung mit dem Ausschluss bestimmter Kategorien oder Seitentypen.
Welche Methode sich eignet, hängt von der Anzahl der Seiten und der Aktualisierungshäufigkeit ab. Eine Unternehmenswebsite mit dreißig Seiten lässt sich problemlos manuell pflegen. Ein Produktkatalog, der wöchentlich aktualisiert wird, braucht eine Automatisierung.
Die Sitemap durch weitere Orientierungshilfen ergänzen
Die Empfehlungen des W3C betonen einen wichtigen Punkt: Die Sitemap sollte niemals die einzige Ausweichmöglichkeit sein. Ein Breadcrumb-Menü, aussagekräftige Seitentitel und eine interne Suchfunktion ergänzen sich zu einem stimmigen Ganzen.
- Ein Breadcrumb-Menü zeigt Nutzern jederzeit, wo sie sich in der Seitenstruktur befinden, ohne die aktuelle Seite verlassen zu müssen.
- Die interne Suchfunktion hilft, wenn Nutzer einen bestimmten Begriff kennen, aber nicht wissen, welcher Kategorie er zugeordnet ist.
- Aussagekräftige Seitentitel (title- und H1-Tags) helfen Nutzern assistiver Technologien, den Inhalt jeder Seite schnell zu erfassen.
Bei sehr großen Websites kann eine Seite, die sämtliche URLs auflistet, sogar kontraproduktiv sein. In diesem Fall sind gut miteinander verlinkte Kategorieseiten einer vollständigen Sitemap vorzuziehen. Die interne Verlinkung bleibt die Grundlage einer reibungslosen Navigation; die Sitemap ist lediglich eine strukturierte Ergänzung.
Eine gut gestaltete Sitemap macht aus einer schlecht organisierten Website kein Vorbild für Benutzerfreundlichkeit. Sie macht eine bereits vorhandene Struktur sichtbar. Ist die Seitenstruktur unübersichtlich, sollte sie zuerst vereinfacht und erst danach abgebildet werden.
