Skip to content

ID Production

Direkt aus der Produktion

Wie man einfach mit einer gut strukturierten Sitemap navigiert?

Eine Sitemap ist eine HTML-Seite, die alle Kategorien und Unterkategorien einer Website in Form von klickbaren Links auflistet. Ihr…

Femme utilisant un plan du site structuré sur un écran d'ordinateur dans un bureau moderne et minimaliste

Eine Sitemap ist eine HTML-Seite, die alle Kategorien und Unterkategorien einer Website in Form von klickbaren Links auflistet. Ihre Rolle besteht darin, einen Gesamtüberblick über die Struktur zu bieten, der an einem einzigen Ort zugänglich ist, ohne dass der Benutzer jedes Menü erkunden oder durch interaktive Elemente navigieren muss.

Die WCAG-Zugänglichkeitsrichtlinien klassifizieren sie als eines der anerkannten Mittel, um Benutzern zu helfen, Inhalte zu finden, ebenso wie eine Suchleiste oder ein Breadcrumb.

HTML-Sitemap und XML-Sitemap: zwei Dateien, zwei unterschiedliche Funktionen

Die Verwirrung zwischen diesen beiden Elementen tritt häufig auf. Die XML-Sitemap ist eine technische Datei, die für die Indexierungsroboter von Google oder Bing bestimmt ist. Sie wird niemals in einem Browser angezeigt und dient keinem menschlichen Besucher.

Die HTML-Sitemap hingegen ist eine sichtbare Seite, die für die Navigation konzipiert ist. Sie richtet sich an Personen, die eine bestimmte Kategorie suchen, die einen Screenreader verwenden oder die ausschließlich mit der Tastatur navigieren. Beide Dateien können koexistieren, ohne sich gegenseitig zu ersetzen.

Um ein konkretes Beispiel für eine navigationsorientierte Sitemap-Seite zu sehen, zeigt die Sitemap von Wallstore gut diese Logik einer hierarchisch strukturierten Liste, die alle Kategorien auf einen Blick zusammenfasst.

Eine robuste Sitemap für Neugestaltungen und Entwicklungen entwerfen

Die meisten Sitemaps werden nach einigen Monaten obsolet, weil sie manuell erstellt wurden und zu einem bestimmten Zeitpunkt eingefroren sind. Sobald eine neue Kategorie erscheint oder sich die URL einer Seite ändert, spiegelt die Sitemap nicht mehr die Realität der Website wider. Das ist das zentrale Problem.

Automatische Generierung oder manuelle Erstellung

Eine automatisch vom CMS (WordPress, Prestashop, Drupal) generierte Sitemap wird bei jeder Veröffentlichung oder Löschung einer Seite aktualisiert. Dies ist die zuverlässigste Methode für Websites, die sich häufig ändern. Eine automatisch generierte Sitemap bleibt mit der tatsächlichen Struktur synchronisiert, ohne menschliches Eingreifen.

Die manuelle Erstellung bleibt von Interesse, wenn die Website Abschnitte enthält, die besser von der Sitemap ausgeschlossen werden sollten: Conversion-Tunnel-Seiten, Dankesseiten nach Formularen, doppelte Inhalte oder Administrationsseiten. Die Wahl hängt von der Häufigkeit der Änderungen ab.

Mann, der einen Website-Plan auf einem Whiteboard in einem kollaborativen Arbeitsbereich zeichnet

Zu inkludierende und auszuschließende Seiten

  • Die strukturellen Seiten (Startseite, Hauptkategorien, Unterkategorien, Service- oder Produktseiten) bilden das Fundament der Sitemap. Sie sollten alle erscheinen.
  • Blog- oder Nachrichtenartikel sollten nach Kategorie gruppiert und nicht einzeln aufgelistet werden, insbesondere wenn es mehr als einige Dutzend Veröffentlichungen gibt.
  • Seiten ohne Navigationswert (AGB, Cookie-Richtlinie, Weiterleitungsseiten, temporäre Landingpages) überladen die Sitemap und verwässern deren Lesbarkeit. Es ist besser, sie wegzulassen.

Änderungen der gesetzlichen Anforderungen und WCAG-Anforderungen antizipieren

Die Zugänglichkeitsrichtlinien entwickeln sich weiter. Die Interpretationsdokumentation der WCAG, die vom W3C veröffentlicht wurde, positioniert die Sitemap als ein Compliance-Tool, nicht nur als ein Komfort-Tool. Die Integration der Sitemap in die Zugänglichkeitskriterien bereits bei der Gestaltung vermeidet, dass sie bei jeder Anpassung neu erstellt werden muss.

Konkret bedeutet dies, dass die Sitemap navigierbar mit der Tastatur bleiben muss, dass jeder Link einen klaren Titel tragen muss (keine “Hier klicken”) und dass die Hierarchie der Titel in der Sitemap-Seite selbst die logische Reihenfolge H2, H3 ohne Sprünge einhalten muss.

HTML-Struktur einer lesbaren und zugänglichen Sitemap

Eine effektive Sitemap basiert auf einer Struktur aus verschachtelten Listen. Jede Hauptkategorie entspricht einem ersten Listenpunkt, und die Unterkategorien sind in untergeordnete Listen eingebettet. Diese Struktur ermöglicht es Screenreadern, die Tiefe der Struktur zu verstehen.

Drei Ebenen der Tiefe sind in den meisten Fällen ausreichend. Darüber hinaus wird die Seite zu einer Wand aus Links, die niemand durchblättert. Wenn die Architektur der Website vier oder mehr Ebenen erfordert, ist das oft ein Zeichen dafür, dass die Struktur selbst vereinfacht werden sollte.

Die Titel der Links müssen genau mit den Titeln der Zielseiten übereinstimmen. Ein Besucher, der im Plan “Unsere Verpflichtungen” liest und auf eine Seite mit dem Titel “CSR-Politik” gelangt, verliert das Vertrauen in die Navigation. Diese Konsistenz zwischen der Sitemap und den tatsächlichen Seiten ist das am häufigsten vernachlässigte Kriterium.

Junge Frau, die einen gedruckten Sitemap-Plan auf Papier in einem warmen und gemütlichen Raum analysiert

Wartung der Sitemap: die Überprüfung, die den meisten Websites fehlt

Die Veröffentlichung einer Sitemap reicht nicht aus. Ein defekter Link in der Sitemap verschlechtert die Navigation mehr als das Fehlen einer Sitemap. Der Besucher vertraut dieser Seite, um direkt auf eine Kategorie zuzugreifen. Auf einen Fehler 404 von der Sitemap zu stoßen, zerstört dieses Vertrauen.

Die regelmäßige Überprüfung der Links in der Sitemap kann in denselben Prozess integriert werden wie die Kontrolle der internen Links der Website. Crawling-Tools (Screaming Frog, Xenu oder die in CMS integrierten Prüfer) erkennen tote URLs in wenigen Minuten.

  • Nach jeder Neugestaltung oder Migration einen vollständigen Crawl durchführen und die URLs der Sitemap mit den tatsächlich zugänglichen Seiten vergleichen.
  • Beim Hinzufügen eines neuen Abschnitts überprüfen, ob das automatische Generierungssystem ihn korrekt in die Sitemap integriert hat, oder ihn manuell hinzufügen.
  • Mindestens einmal pro Quartal überprüfen, ob die Titel der Sitemap immer noch mit den tatsächlichen Titeln der Seiten übereinstimmen.
  • Seiten, die nicht indexiert oder umgeleitet wurden, aus der Sitemap entfernen, um Weiterleitungsschleifen von der Navigationsseite zu vermeiden.

Eine gut gewartete Sitemap funktioniert wie ein permanentes Sicherheitsnetz für die Navigation. Wenn ein Menü komplexer wird, wenn eine Suchleiste vage Ergebnisse liefert, wenn ein Benutzer mit der Tastatur nicht mehr auf eine Kategorie über den gewohnten Weg zugreifen kann, bleibt die Sitemap der letzte zuverlässige Rückgriff. Diese Zuverlässigkeit hängt von einer Bedingung ab: dass die Seite die Realität der Website zum Zeitpunkt des Besuchs widerspiegelt.

Wie man einfach mit einer gut strukturierten Sitemap navigiert?