Eine Website kann Hunderte von Seiten enthalten, ohne dass der Besucher das Ausmaß ahnt. Die Sitemap, oft im Fußbereich relegiert, bleibt der einzige Ort, an dem die vollständige Architektur einer Domain auf einen Blick dargestellt wird. Dennoch bestimmt die Art und Weise, wie dieser Plan gestaltet ist, ob er tatsächlich die Navigation unterstützt oder ob er eine zusätzliche Schicht der Verwirrung hinzufügt.
Sitemap und WCAG 2.2-Konformität: Was sich für die Navigation ändert
Die Wettbewerber beschäftigen sich umfassend mit Navigationsmenüs, Arten von Leisten und bewährten ergonomischen Praktiken. Sie übersehen jedoch einen aktuellen normativen Aspekt: Die Kriterien der WCAG 2.2 verändern konkret, wie eine detaillierte Sitemap aufgebaut sein muss.
Das Kriterium 2.4.5 (Multiple Ways) verlangt, dass der Benutzer mehr als einen Weg zu jeder Seite hat. Ein Hauptmenü reicht nicht mehr aus, wenn die Website mehr als einige Dutzend Seiten umfasst. Der detaillierte Plan wird somit zu einem Konformitätsmechanismus, nicht zu einem einfachen Fußzeilengadget.
Das Kriterium 2.4.11 (Focus Not Obscured) fügt eine technische Einschränkung hinzu: Wenn ein Besucher mit der Tastatur durch eine lange Liste von Links navigiert, darf der Tastaturfokus niemals hinter einem Sticky Header oder einem Cookie-Zustimmungsbanner verschwinden. Für eine Sitemap, die manchmal mehrere Hundert Links anzeigt, zwingt dies dazu, die Positionierung der festen Elemente der Seite neu zu überdenken.
Das Kriterium 2.5.8 (Target Size) verlangt, dass jedes klickbare Ziel groß genug ist, um fehlerfrei aktiviert zu werden. Eine Sitemap, die in 11-Pixel-Schriftgröße gedrängt ist und Links hat, die eng beieinander stehen, erfüllt diese Anforderung nicht, auch wenn alle Links technisch funktionieren.
Lesen einer Sitemap: Hierarchie erkennen, bevor man klickt
Eine detaillierte Sitemap ist nur dann nützlich, wenn ihre Struktur die tatsächliche Hierarchie des Inhalts widerspiegelt. Bevor der Besucher klickt, sollte er in wenigen Sekunden die großen Kategorien, Unterkategorien und die Tiefe jeder Seite erkennen können. Zum Beispiel kann man die Sitemap von By Caroline and CO einsehen, um zu beobachten, wie eine klare Baumstruktur die Inhalte thematisch organisiert, ohne den Leser zu überfluten.
Die meisten Sitemaps beschränken sich auf eine flache Liste von Links. Die Rückmeldungen aus der Praxis gehen hier auseinander: Einige Benutzer bevorzugen eine alphabetische Auflistung, andere eine thematische Organisation. Die verfügbaren Daten erlauben keine endgültige Entscheidung, aber eine Gruppierung nach Kategorien mit visueller Einrückung reduziert die kognitive Belastung für die Mehrheit der Besucher.
Die Elemente, die eine lesbare Sitemap von einer nutzlosen unterscheiden
- Beschreibende Linküberschriften, die den tatsächlichen Titel der Zielseite wiedergeben, nicht generische Bezeichnungen wie “mehr erfahren” oder “hier klicken”.
- Eine Einrückung oder ein Aufzählungssystem, das die Tiefenebenen (Kategorie, Unterkategorie, Endseite) verdeutlicht.
- Eine stabile logische Reihenfolge, die der des Hauptmenüs entspricht, um das Kriterium WCAG 3.2.3 (Consistent Navigation) zu erfüllen.
- Eine visuelle Trennung zwischen thematischen Blöcken, auch wenn es sich nur um zusätzlichen weißen Raum handelt.
HTML-Sitemap und XML-Sitemap: zwei Werkzeuge, zwei Funktionen
Verwirrung ist häufig. Die HTML-Sitemap ist eine Seite, die für menschliche Besucher gedacht ist. Die XML-Sitemap ist eine technische Datei, die für die Indexierungsroboter von Google und anderen Suchmaschinen bestimmt ist. Beide tragen denselben Namen, aber sie bedienen nicht dasselbe Publikum.
Die XML-Sitemap listet alle URLs mit ihren Metadaten (Änderungsdatum, Aktualisierungsfrequenz, relative Priorität) auf. Sie ist nicht dafür gedacht, von einem Menschen gelesen zu werden. Im Gegensatz dazu enthält die HTML-Sitemap nicht unbedingt alle URLs: Sie präsentiert die für den Besucher nützlichen Seiten, verständlich gruppiert.
Wann die HTML-Sitemap die interne Suche ergänzt
Eine interne Suchmaschine hilft, wenn der Besucher weiß, wonach er sucht. Die Sitemap hilft, wenn er es noch nicht weiß. Es ist ein Erkundungswerkzeug, kein Abfragewerkzeug. Auf Websites, deren Inhalte stark segmentiert sind (Produktkatalog, Blog mit Hunderten von Artikeln, institutionelle Website mit mehreren Zweigen), bleibt die HTML-Sitemap das einzige Mittel, um den gesamten Umfang zu visualisieren, ohne Schlüsselwörter eingeben zu müssen.
Websites, die beides anbieten (interne Suche und detaillierte Sitemap), decken beide Navigationsmodi ab: aktive Suche und passive Erkundung. Eines zugunsten des anderen zu entfernen, bedeutet, einen Zugang zu schließen.
Eine Sitemap entwerfen, die auf Mobilgeräten funktioniert
Auf einem Desktop-Bildschirm bleibt eine Sitemap in drei Spalten mit etwa hundert Links lesbar. Auf Mobilgeräten wird derselbe Plan zu einer Textwand, die unmöglich zu scannen ist. Da der Großteil des Webtraffics von mobilen Geräten stammt, verliert eine Sitemap, die ausschließlich für Desktops gedacht ist, den Großteil ihres Publikums.
Es gibt zwei Ansätze, die auf kleinen Bildschirmen funktionieren. Der erste besteht darin, klappbare Abschnitte (Akkordeons) nach Kategorie zu verwenden: Der Besucher klappt nur den Block auf, der ihn interessiert. Der zweite basiert auf einer Navigation mit internen Ankern oben auf der Seite, wobei jeder Anker auf den entsprechenden Abschnitt weiter unten verweist.
In beiden Fällen bleibt die Einhaltung des Kriteriums WCAG 2.5.8 zur Zielgröße relevant: Zu kleine oder zu nahe beieinander liegende Links auf einem Touchscreen führen zu Tippfehlern. Ein Mindestabstand zwischen jedem klickbaren Link vermeidet dieses Problem, ohne das Layout zu belasten.
Bekannte Grenzen von Sitemaps auf sehr großen Websites
Jenseits von mehreren Tausend Seiten wird eine umfassende HTML-Sitemap selbst zu einem Navigationsproblem. Einige E-Commerce- oder Medienseiten wählen dann einen teilweisen Plan, der auf die Hauptkategorien und die am häufigsten besuchten Seiten beschränkt ist. Dieser pragmatische Ansatz akzeptiert, dass eine Sitemap keine vollständige Navigationsarchitektur ersetzt, sondern eine Ergänzung dazu darstellt.
Die detaillierte Sitemap bleibt ein unterschätztes Navigationswerkzeug. Ihr Wert liegt nicht in der Vollständigkeit der enthaltenen Links, sondern in der Klarheit ihrer Organisation. Ein schlecht strukturierter Plan fügt Lärm hinzu. Ein gut gestalteter Plan bietet dem Besucher eine lesbare Karte des Territoriums, unabhängig vom verwendeten Gerät.