Zum Inhalt springen

Réseau Informatique Jeunesse

Das Netzwerk für die Jugend

Wie navigiert man mithilfe der Sitemap einfach durch eine Website?

Die HTML-Sitemap zählt nach wie vor zu den am wenigsten genutzten Navigationselementen, obwohl sie eine konkrete technische Anforderung erfüllt: Sie bietet …

Femme utilisant un plan de site web sur son ordinateur portable dans un bureau moderne

Der HTML-Sitemap gehört nach wie vor zu den am wenigsten genutzten Navigationsmechanismen, obwohl er eine konkrete technische Anforderung erfüllt: Er bietet einen alternativen Zugang zu allen Seiten einer Website, ohne vom Hauptmenü oder der internen Suchfunktion abhängig zu sein.

HTML-Sitemap und XML-Sitemap: zwei Dateien mit unterschiedlichen Funktionen

Die für Besucher sichtbare Sitemap mit der für Suchmaschinen-Crawler bestimmten XML-Sitemap zu verwechseln, ist ein häufiger Fehler – auch bei technisch versierten Personen. Die XML-Sitemap übermittelt Suchmaschinen wie Google und Bing URLs, um das Crawling zu erleichtern. Sie enthält weder eine übersichtliche Hierarchie noch für Menschen verständliche Bezeichnungen.

Die HTML-Sitemap hingegen zeigt eine Hierarchie anklickbarer Links, geordnet nach Rubriken, Unterrubriken und Seiten. Sie dient ausschließlich den Nutzern: Sie ermöglicht es, eine Seite in wenigen Sekunden zu finden, ohne sich durch Dropdown-Menüs zu navigieren oder die Struktur der Website erraten zu müssen.

Ein gutes Beispiel für diesen Unterschied ist die Sitemap von Habite Ta Terre. Sie zeigt alle für Besucher zugänglichen Rubriken in einer übersichtlichen Hierarchie – unabhängig von der XML-Datei, die den Crawlern übermittelt wird.

WCAG-Kriterium 2.4.5 und RGAA-Prüfung: Die Sitemap als technische Pflicht

Das Erfolgskriterium 2.4.5 der WCAG 2.2 verlangt, dass eine Webseite auf mindestens zwei unterschiedlichen Wegen erreichbar ist: über die Hauptnavigation, die interne Suche, eine Sitemap oder kontextbezogene Links. Seiten, die Teil eines Prozessschritts sind (Bestellvorgang, mehrstufiges Formular), sind davon ausgenommen.

Die Sitemap erfüllt diese Anforderung direkt, indem sie einen vollständigen alternativen Zugang zu jeder Seite bietet. Fehlt sie, muss eine Website dies durch eine leistungsfähige Suchfunktion oder eine dichte interne Verlinkung ausgleichen – was einen höheren Konzeptionsaufwand bedeutet.

In Frankreich gehört die Sitemap gemäß RGAA zu den Seiten, die bei einer Barrierefreiheitsprüfung verpflichtend geprüft werden – ebenso wie die Startseite, das Impressum oder die Kontaktseite. Sie ist also kein optionaler Zusatz, sondern wird kontrolliert und muss selbst die Barrierefreiheitskriterien erfüllen.

Berufstätiger Mann, der in einem Großraumbüro einen Website-Plan auf einem großen Bildschirm betrachtet

Tastaturnavigation und Screenreader: Eine nicht funktionierende Sitemap ist schlimmer als gar keine

Eine Seite mit dem Titel „Sitemap“ zu veröffentlichen, reicht nicht aus. Wenn die Links nicht in einer logischen Reihenfolge den Tastaturfokus erhalten oder ihre Bezeichnungen für assistive Technologien nicht aussagekräftig sind, wird die Seite zu einem zusätzlichen Hindernis statt zu einer Hilfe.

Bei der Sitemap sollten drei technische Punkte überprüft werden:

  • Die Tab-Reihenfolge folgt der visuellen Hierarchie der Seitenstruktur (Hauptrubrik vor Unterrubrik), ohne Sprünge oder unerwartete Rücksprünge.
  • Jeder Link hat eine aussagekräftige Bezeichnung, die auch ohne Kontext verständlich ist: „Unsere dualen Ausbildungsangebote“ funktioniert, „Hier klicken“ oder „Mehr erfahren“ hingegen nicht für Screenreader-Nutzer.
  • Der Fokus bleibt bei der Tastaturnavigation auf jedem Link sichtbar und wird durch eine geeignete Fokusmarkierung angezeigt (ausreichender Kontrast, klar erkennbare Umrandung).

Wer einen Screenreader nutzt und auf eine schlecht ausgezeichnete Sitemap gelangt, braucht länger als bei der Erkundung des Hauptmenüs. Unsere Erfahrung zeigt, dass die meisten von CMS automatisch generierten Sitemaps diese drei Anforderungen ohne manuelle Nachbearbeitung nicht erfüllen.

Inhalte der HTML-Sitemap: Was gehört hinein, was nicht?

Eine Sitemap ist kein ungefilterter Export aller URLs. Ihr Nutzen beruht auf einer redaktionellen Auswahl, die die Struktur der Website widerspiegelt, ohne Besucher mit Informationen zu überladen.

Seiten, die immer aufgenommen werden sollten

  • Strukturgebende Seiten: Startseite, Hauptrubriken und Unterrubriken der ersten Ebene.
  • Institutionelle Seiten: Impressum, Datenschutzerklärung, Kontakt und Erklärung zur Barrierefreiheit.
  • Service-Seiten: FAQ, Hilfe, Anfrageformular und persönlicher Bereich (Link zur Anmeldeseite, nicht zu geschützten Inhalten).

Seiten, die ausgeschlossen werden sollten

Seitennummerierte Blogartikel, interne Suchergebnisse sowie Tag-Seiten und nach Datum sortierte Archivseiten bieten in einer auf die Navigation ausgerichteten Sitemap keinen Mehrwert. Eine überladene Sitemap verliert ihre Funktion als visuelle Orientierungshilfe und lässt sich ebenso schwer überblicken wie die Website selbst.

Bei Websites mit umfangreichen Inhalten – etwa mehreren hundert Artikeln – ist es am übersichtlichsten, Beiträge nach Kategorien zu gruppieren und nur die übergeordneten Kategorien aufzulisten.

Junger Erwachsener, der es sich in einem gemütlichen Wohnzimmer auf einem Tablet eine Website-Sitemap ansieht

Automatische Generierung oder manuelle Erstellung der HTML-Sitemap

Die meisten CMS bieten Erweiterungen, die anhand der vorhandenen Seitenstruktur automatisch eine HTML-Sitemap erstellen. Unter WordPress erzeugen Plugins wie WP Sitemap Page oder Simple Sitemap eine Linkliste aus den veröffentlichten Seiten.

Die automatische Generierung hat zwei Nachteile. Erstens nimmt sie standardmäßig Seiten auf, die für die Navigation irrelevant sind (Autorseiten, Monatsarchive, Medienseiten). Zweitens bildet die angezeigte Hierarchie die technische Struktur des CMS ab und nicht die auf Besucher ausgerichtete Navigationslogik.

Eine manuelle oder halbmanuelle Erstellung – automatische Generierung mit anschließender redaktioneller Bereinigung – gewährleistet eine Sitemap, die zum tatsächlichen Nutzerpfad passt. Der zusätzliche Pflegeaufwand ist überschaubar: Bei den meisten Websites, deren Struktur sich kaum verändert, genügt eine Aktualisierung pro Quartal.

Zugang zur Sitemap: Platzierung und Linkbezeichnung

Der Link zur Sitemap gehört in den Footer, in die Nähe des Impressums und der Erklärung zur Barrierefreiheit. Diese Konvention ist so weit verbreitet, dass Nutzer wissen, wo sie suchen müssen. Wird der Link ausschließlich in einem sekundären Menü oder auf einer „Über uns“-Seite platziert, ist er deutlich schwerer zu finden.

Der Link sollte „Sitemap“ heißen und keine kreative Variante verwenden. Nutzer, die diese Seite suchen, überfliegen den Footer gezielt nach genau diesem Begriff. „Website-Übersicht“, „Index“ oder „Navigation“ entsprechen nicht ihrer Erwartung und verringern die Klickrate.

Eine gut strukturierte, per Tastatur zugängliche und im Footer platzierte Sitemap macht die Navigation auf einer Website vorhersehbar. Mit wenigen Stunden Aufwand lassen sich so gleichzeitig die RGAA-Anforderungen, die Bedürfnisse von Nutzern assistiver Technologien und der Frust von Besuchern auffangen, die mit einem unzureichenden Navigationsmenü konfrontiert sind.

Wie navigiert man mithilfe der Sitemap einfach durch eine Website?