Ein Sitemap ist eine Seite, die alle auf einem Blog zugänglichen Inhalte auflistet, organisiert nach Kategorien und Unterkategorien. Auf einem Blog mit vielen Artikeln fungiert diese Seite wie ein strukturiertes Inhaltsverzeichnis: Sie ermöglicht es, einen bestimmten Inhalt zu finden, ohne durch das Hauptmenü oder die Suchleiste navigieren zu müssen.
Der Unterschied zur XML-Sitemap (die für Suchmaschinen gedacht ist) ist grundlegend. Der hier besprochene Sitemap ist eine HTML-Seite, die von Besuchern eingesehen werden kann, die dazu dient, die menschliche Navigation zu erleichtern.
HTML-Sitemap und XML-Sitemap: zwei unterschiedliche Funktionen
Die Verwirrung zwischen diesen beiden Elementen ist häufig. Die XML-Sitemap ist ein technisches Dokument, das den Suchmaschinen zur Indizierung der Seiten vorgelegt wird. Sie wird niemals im Browser eines Besuchers angezeigt.
Die HTML-Sitemap hingegen ist eine Seite des Blogs, die über die Fußzeile oder das Menü zugänglich ist. Ihre Aufgabe ist es, einem menschlichen Leser eine umfassende Ansicht der Struktur zu präsentieren. Ein Blog, der mehrere Artikel pro Woche veröffentlicht, sammelt schnell Dutzende von Seiten, die das Navigationsmenü nicht alle anzeigen kann.
Um zu visualisieren, wie eine gut strukturierte Sitemap auf einem Blog aussieht, bietet die Sitemap Chez Sylvie ein gutes Beispiel für eine lesbare Seite, die nach Rubriken mit klaren Überschriften organisiert ist.
Struktur einer lesbaren Sitemap für einen Blog
Eine Sitemap beschränkt sich nicht auf eine bloße Liste von Links. Ihr Wert hängt davon ab, wie die Inhalte gruppiert und hierarchisiert sind. Drei Prinzipien leiten ihren Aufbau.
Nach Kategorien gruppieren, nicht nach Datum
Ein Blog zeigt oft seine Artikel vom neuesten zum ältesten. Die Sitemap sollte eine andere Logik verfolgen: nach Themen klassifizieren statt nach Chronologie. Ein Besucher, der alle Artikel zu einem bestimmten Thema sucht, durchblättert die entsprechende Kategorie, ohne Monate von Archiven durchscrollen zu müssen.
Jeden Link mit einer klaren Bezeichnung benennen
Jeder Eintrag in der Sitemap sollte den vollständigen Titel des Artikels oder der Seite tragen, nicht eine verkürzte Bezeichnung oder eine Nummer. Aktuelle Zugänglichkeitsrichtlinien betonen diesen Punkt: Eine klare Bezeichnung hilft Nutzern von Screenreadern, das Ziel des Links ohne zusätzlichen Kontext zu verstehen.
Die Tiefe auf zwei oder drei Ebenen beschränken
Eine zu detaillierte Sitemap (vier Ebenen oder mehr) wird ebenso schwer lesbar wie ein überladenes Menü. Die empfohlene Struktur folgt diesem Schema:
- Ebene 1: die Hauptrubriken des Blogs (Kategorien, feste Seiten wie “Über uns” oder “Kontakt”)
- Ebene 2: die Unterkategorien oder Artikelserien, die nach Thema gruppiert sind
- Ebene 3: die einzelnen Artikel, nur wenn die Rubrik genügend Inhalte enthält, um dieses Detail zu rechtfertigen
Über drei Ebenen hinaus verliert die Seite ihren Vorteil der schnellen Lesbarkeit.
Zugänglichkeit und Tastaturnavigation auf einer Sitemap
Die Sitemap erfüllt ein konkretes Bedürfnis für Personen, die ohne Maus navigieren. Tastaturnutzer greifen direkt auf einen Abschnitt zu, ohne durch alle interaktiven Elemente des Menüs und des Inhalts, die ihrem Ziel vorausgehen, zu tabben.
Für Nutzer von Screenreadern kostet es Zeit und kognitive Anstrengung, einen Blog Seite für Seite zu durchblättern, um seine Struktur zu verstehen. Die Sitemap bietet eine Gesamtansicht der Struktur an einem einzigen Ort.
Ein oft übersehener technischer Zusatz: der Skip-Link. Dieser Link, der als erstes fokussierbares Element jeder Seite platziert wird, ermöglicht es, direkt zum Hauptinhalt zu springen. Die Zugänglichkeitsrichtlinien besagen, dass er für die Tastatur sichtbar bleiben und nicht von einem fixierten Header verdeckt werden darf. Auf einer Sitemap verhindert der Skip-Link, dass man durch das Navigationsmenü tabben muss, bevor man die Liste der Links erreicht.
Seine Sitemap mit dem richtigen semantischen HTML kennzeichnen
Die technische Qualität der Markup beeinflusst direkt die Navigationserfahrung. Eine Sitemap, die mit korrekten semantischen Tags erstellt wurde, wird von Browsern und Hilfstechnologien besser interpretiert.
- Verwenden Sie das Tag <nav> mit einem aria-label-Attribut, um den Navigationsbereich der Sitemap zu kennzeichnen, der sich von der Hauptnavigation unterscheidet
- Strukturieren Sie die Links in geordneten oder ungeordneten Listen (<ul>, <ol>) anstatt in Absätzen oder Tabellen
- Verwenden Sie die Überschriften <h2> und <h3>, um die großen Abschnitte der Sitemap zu trennen, was es Screenreadern ermöglicht, durch Überschriften zu navigieren
- Vermeiden Sie ARIA-Rollen, die für Anwendungsoberflächen gedacht sind (wie “menubar”): Eine Sitemap ist eine Linkseite, keine Anwendung
Aktuelle Zugänglichkeitsbeispiele raten davon ab, die Navigation eines Blogs wie ein ARIA-Anwendungsmenü zu behandeln. Die Kombination aus <nav> und Linkliste bleibt die zuverlässigste Methode.
Automatische Generierung oder manuelle Erstellung der Sitemap
Auf WordPress und den meisten CMS generieren Plugins automatisch eine HTML-Sitemap aus der bestehenden Struktur. Dieser Ansatz eignet sich für Blogs, die häufig veröffentlichen, da jeder neue Artikel ohne manuelles Eingreifen erscheint.
Die manuelle Erstellung hat einen Vorteil: Sie ermöglicht es, bestimmte Seiten auszuschließen (Impressum, wenig relevante Tag-Seiten, leere Archivseiten) und die Anzeigeordnung nach redaktioneller Logik anstatt nach Veröffentlichungsdatum zu reorganisieren. Für einen Blog mit einigen Dutzend Seiten bleibt der Aufwand angemessen. Darüber hinaus vermeidet die automatische Generierung mit einer Kategorietrennung Vergesslichkeiten.
Eine Sitemap ersetzt weder das Hauptmenü noch die Suchleiste. Sie fungiert als Sicherheitsnetz für Besucher, die nicht gefunden haben, wonach sie über die gewohnten Wege gesucht haben, und als primäres Navigationswerkzeug für diejenigen, die eine Gesamtansicht bevorzugen. Die Seite verdient einen permanenten Link in der Fußzeile des Blogs, wo die Leser erwarten, sie zu finden.
