Ein Besucher kommt auf eine E-Commerce-Website, um eine Auswahl an Tapeten zu finden. Im Hauptmenü werden sechs Kategorien angezeigt, aber keine davon passt zu seiner Suche. Er scrollt, klickt wahllos und verlässt schließlich die Seite. Dieses Szenario lässt sich oft mit einem Element vermeiden, das viele Websites ohne großes Nachdenken in den Fußbereich verbannen: der Sitemap.
Eine gut organisierte Sitemap listet nicht einfach nur Links auf. Sie bietet einen Überblick über die Seitenstruktur, hilft dabei, eine Seite in wenigen Sekunden zu finden, und gleicht die Einschränkungen eines Hauptmenüs aus, das nicht alles anzeigen kann.
HTML-Sitemap und XML-Sitemap: zwei Dateien mit unterschiedlichen Funktionen
Die für Besucher sichtbare Sitemap (eine HTML-Seite mit anklickbaren Links) wird häufig mit der XML-Sitemap für Suchmaschinen verwechselt. Beide haben zwar einen ähnlichen Namen, erfüllen aber unterschiedliche Funktionen.
Die HTML-Sitemap richtet sich an Menschen. Sie stellt die Website-Struktur in Form einer hierarchisch geordneten Liste dar und ist über den Fußbereich oder einen Link im Menü erreichbar. Besucher, die sich nicht zurechtfinden, können dort die gesuchte Seite finden, ohne die Suchleiste zu verwenden.
Die XML-Sitemap hingegen ist eine technische Datei, die von den Crawlern von Google oder Bing ausgelesen wird. Sie enthält die zu crawlenden URLs, deren Änderungsdatum und ihre relative Priorität. In der Google-Dokumentation wird außerdem darauf hingewiesen, dass eine XML-Sitemap das Auffinden von Seiten erleichtert, aber nicht deren Indexierung garantiert.
Auf einer Website für Inneneinrichtung beispielsweise bündelt die Sitemap von Côté Déco alle Rubriken an einem Ort. So müssen Besucher nicht ziellos zwischen den Menükategorien hin- und herwechseln.
Übersichtliche Seitenstruktur: Die Ebenen der Sitemap gliedern
Eine Sitemap, die zweihundert Links ohne Gruppierung einfach untereinander auflistet, sorgt für ebenso viel Verwirrung wie eine fehlende Sitemap. Ihr Nutzen hängt von einer klaren visuellen Hierarchie ab.
Nach Nutzungsszenarien statt nach internen Abläufen gruppieren
Ein häufiger Fehler besteht darin, die Struktur des Backoffice zu übernehmen: technische Ordner, administrative Kategorien, interne Codenamen. Besucher denken anders. Sie suchen nach ihrem Anliegen (kaufen, vergleichen, Kontakt aufnehmen) oder nach einem Thema (Wohnzimmer, Schlafzimmer, Außenbereich).
Eine effektive Sitemap gruppiert die Seiten nach diesen Nutzungsszenarien. Die Hierarchieebenen orientieren sich an den Entscheidungen der Besucher:
- Erste Ebene: die Hauptbereiche der Website (Katalog, Ratgeber, Kontakt, rechtliche Hinweise)
- Zweite Ebene: Unterkategorien, die die einzelnen Bereiche näher aufschlüsseln (Tapeten, Beleuchtung, Möbel in einem Einrichtungskatalog)
- Dritte Ebene, falls erforderlich: spezifische Seiten, die den jeweiligen Unterkategorien zugeordnet sind
Bei mehr als drei Ebenen leidet die Übersichtlichkeit. Wenn die Seitenstruktur eine vierte Ebene erfordert, ist das oft ein Zeichen dafür, dass die Website selbst vereinfacht werden sollte.
Linktexte: Klarheit vor Kreativität
Jeder Link in der Sitemap sollte den Inhalt der Seite eindeutig beschreiben. „Unsere Lösungen“ oder „Mehr erfahren“ geben Besuchern keine Auskunft. „Vinyltapeten fürs Badezimmer“ sagt ihnen genau, was sie nach dem Klick erwartet.
Diese Regel entspricht einer Empfehlung des W3C: Navigationsbezeichnungen sollten im Menü, in der Breadcrumb-Navigation und in der Sitemap einheitlich sein. Wird derselbe Link je nach Bereich der Website unterschiedlich benannt, führt das bei Nutzern zu Verwirrung.
Barrierefreiheit der Sitemap: Tastatur, Mobilgeräte und visuelle Orientierung
Eine Sitemap, die auf einem großen Bildschirm gut lesbar ist, kann auf einem Smartphone unbrauchbar werden, wenn die Links zu dicht beieinanderliegen oder die Hierarchie durch fehlende visuelle Einrückungen verloren geht. Das W3C empfiehlt, dass sich die Darstellung an kleine Bildschirme anpasst, ohne dabei die Informationsstruktur zu verändern.
Zwei Punkte verdienen besondere Aufmerksamkeit:
- Tastaturnavigation: Jeder Link in der Sitemap muss mit der Tabulatortaste erreichbar sein, und zwar in einer logischen Reihenfolge (von oben nach unten, von links nach rechts). Der aktive Fokus, also der aktuell ausgewählte Link, muss visuell erkennbar sein (Umrandung, Farbänderung)
- Kontrast und Größe der anklickbaren Bereiche: Auf Mobilgeräten führen zu kleine oder zu dicht nebeneinanderliegende Links zu unbeabsichtigten Klicks. Ausreichend Abstand zwischen den Listeneinträgen und eine gut lesbare Schriftgröße schaffen Abhilfe
- Abschnittsüberschriften: Überschriften oder Zwischenüberschriften in der Sitemap (nicht nur Listen) helfen Nutzern von Screenreadern, direkt zur passenden Kategorie zu springen
Oft wird vergessen, dass die Sitemap auch ein Instrument für mehr Barrierefreiheit ist. Für Besucher, die einen Screenreader verwenden oder ausschließlich mit der Tastatur navigieren, ist diese Seite manchmal der zuverlässigste Weg, um bestimmte Inhalte aufzurufen.
Sitemap und Gesamtnavigation: Ergänzung statt Ersatz
Die Sitemap ersetzt weder das Hauptmenü noch die Suchleiste oder die Breadcrumb-Navigation. Das W3C betont diesen Punkt: Mehrere Navigationsmöglichkeiten anzubieten verringert das Risiko, dass Besucher nicht weiterkommen.
Das Hauptmenü ermöglicht den schnellen Zugriff auf die wichtigsten Bereiche. Die Breadcrumb-Navigation zeigt die aktuelle Position in der Seitenstruktur an. Die Suchleiste hilft bei konkreten Suchanfragen. Die Sitemap kommt dann zum Einsatz, wenn diese drei Funktionen nicht ausreichen: etwa wenn Besucher ohne konkretes Ziel stöbern, eine Seite tief in der dritten Ebene verborgen ist oder das Menü nur einen Teil des Katalogs abbildet.
Auf umfangreichen Websites mit mehreren Hundert Seiten wird die Sitemap zum Sicherheitsnetz. Sie macht die gesamte Seitenstruktur sichtbar, während das Menü nur einen Ausschnitt davon zeigen kann. Bei kleineren Websites reichen etwa zwanzig gut organisierte Links aus, um alle Seiten abzudecken.
Der Link zur Sitemap befindet sich üblicherweise im Fußbereich, wo ihn erfahrene Webnutzer erwarten. Manche Websites verlinken sie zusätzlich auf einer Hilfeseite oder im Sekundärmenü. So wird sie besser sichtbar, ohne die Hauptnavigation zu überladen.
Die Sitemap aktuell zu halten, ist die am häufigsten unterschätzte Herausforderung. Jede neu veröffentlichte Seite sowie jede geänderte oder gelöschte URL muss in der Sitemap berücksichtigt werden. Ein defekter Link in der Sitemap sendet sowohl an Besucher als auch an Suchmaschinen ein negatives Signal. CMS wie WordPress bieten Plugins, die diese Seite automatisch erstellen. Dennoch ist eine regelmäßige manuelle Überprüfung erforderlich, um Unstimmigkeiten zu erkennen, die von der Automatisierung nicht erfasst werden.
