Ein Besucher, der die gesuchte Seite nicht innerhalb von zwei Klicks findet, verlässt die Website. Eine Suchmaschine, die die Struktur nicht versteht, indiziert die Inhalte schlecht. Eine Person, die einen Screenreader verwendet und auf ein verwirrendes Menü stößt, verliert erheblich Zeit. Diese drei Realitäten koexistieren auf derselben Website, und es ist der Sitemap, der sie versöhnen muss.
HTML-Sitemap, XML-Sitemap und Menü: drei Werkzeuge für drei Zielgruppen
Haben Sie schon bemerkt, dass eine Website ein Navigationsmenü, eine Datei sitemap.xml und eine “Sitemap”-Seite im Footer anbieten kann? Diese drei Elemente erfüllen unterschiedliche Funktionen, auch wenn sie dieselbe Struktur beschreiben.
Weiterlesen : Wie man zertifizierter Elterncoach wird und seine Ausbildung mit dem CPF finanziert
Die HTML-Sitemap ist eine Seite, die für Besucher gedacht ist. Sie listet die Haupt- und Unterkategorien der Website in Form von klickbaren Links auf. Ihre Rolle: einen Überblick zu bieten, wenn das Hauptmenü nicht ausreicht oder wenn ein Benutzer eine bestimmte Seite sucht, ohne die klassische Navigation zu nutzen.
Die XML-Sitemap hingegen wird niemals von einem Menschen gesehen. Es handelt sich um eine technische Datei, die von Indexierungsrobotern (Googlebot, Bingbot) gelesen wird. Sie zeigt den Suchmaschinen, welche Seiten existieren, wann sie zuletzt geändert wurden und ihre relative Priorität. Eine Website, deren Sitemap Transtec gut strukturiert ist, erleichtert den Robotern die Arbeit, indem sie ihnen das Crawlen unnötiger Seiten erspart.
Auch interessant : Mit einem Durchschnitt von 13 im Abitur: Ist das ausreichend, um im Studium erfolgreich zu sein?
Das Navigationsmenü schließlich ist der permanente Anhaltspunkt, der auf jeder Seite angezeigt wird. Es enthält nur eine Auswahl der Hauptkategorien. Zu viele Einträge in einem Menü beeinträchtigen die Lesbarkeit, während die HTML-Sitemap umfassend sein kann.
Die Verwechslung dieser drei Werkzeuge schafft Inkonsistenzen: Ein Link, der in der XML-Sitemap vorhanden, aber in der HTML-Sitemap nicht enthalten ist, sendet ein widersprüchliches Signal an die Suchmaschinen. Eine im Menü aufgelistete Seite, die jedoch von der Sitemap ausgeschlossen ist, könnte schlecht indiziert werden.
Eine Sitemap für verschiedene Zielgruppen strukturieren, ohne an Kohärenz zu verlieren
Wenn eine Website sowohl Kunden, Suchmaschinen als auch Menschen mit Behinderungen anspricht, besteht die Versuchung, separate Pfade zu schaffen. Das ist ein Fehler. Die Kohärenz zwischen den verschiedenen Navigationswerkzeugen stellt sicher, dass jede Zielgruppe auf dieselben Inhalte zugreift, über Wege, die ihren Bedürfnissen entsprechen.
Von der tatsächlichen Struktur der Website ausgehen
Die HTML-Sitemap muss die Struktur der Seiten genau widerspiegeln. Wenn Ihre Website Kategorien, Unterkategorien und Produktseiten enthält, muss diese Hierarchie so in der Sitemap abgebildet werden. Technische Seiten (Impressum, Cookie-Richtlinie, Weiterleitungsseiten) haben in dieser Sitemap keinen Platz: Sie erschweren das Lesen, ohne dem Benutzer einen Mehrwert zu bieten.
Die XML-Sitemap hingegen kann diese technischen Seiten enthalten, wenn sie indiziert werden müssen. Aber Seiten ohne Wert für die Suchmaschinenoptimierung sollten ausgeschlossen werden: Seiten mit internen Suchergebnissen, doppelte Filterseiten, unnötige paginierte Versionen.
Das Breadcrumb als Verbindung zwischen Navigation und Sitemap integrieren
Das Breadcrumb spielt eine Brückenfunktion. Es zeigt dem Benutzer, wo er sich in der Struktur befindet, und ermöglicht es ihm, eine Ebene nach oben zu gehen, ohne zum Hauptmenü zurückzukehren. Damit es funktioniert, muss das Breadcrumb die Hierarchie der Sitemap genau wiedergeben.
Wenn Ihre Sitemap eine Seite unter “Dienstleistungen > Wartung” einordnet, das Breadcrumb jedoch “Startseite > Unsere Angebote > Wartung” anzeigt, empfindet der Benutzer eine Inkonsistenz. Auch die Suchmaschinen. Eine einheitliche Struktur, die überall verwendet wird, vermeidet diese Diskrepanz.
Zugänglichkeit der Sitemap: Was Screenreader erwarten
Eine gut gestaltete Sitemap für die Zugänglichkeit beschränkt sich nicht auf eine Liste von Links. Die semantische Struktur des HTML-Codes bestimmt die Qualität der Erfahrung für Personen, die mit der Tastatur oder einem Screenreader navigieren.
Hier sind die technischen Elemente, die den Unterschied ausmachen:
- Verwenden Sie ein nav-Tag mit einem aria-label-Attribut, das die Funktion der Sitemap beschreibt (“Vollständige Sitemap” zum Beispiel), damit der Screenreader den Navigationsbereich klar ankündigt
- Strukturieren Sie die Ebenen der Tiefe mit verschachtelten Listen (ul > li > ul) anstatt nur mit visuellen Einzügen, da Listen die Hierarchie an Hilfstechnologien übermitteln
- Verfassen Sie beschreibende Linktitel: “Katalog von Ersatzteilen” anstelle von “Hier klicken” oder “Mehr erfahren”, damit ein Benutzer, der von Link zu Link springt, jedes Ziel ohne visuellen Kontext versteht
- Überprüfen Sie, dass jeder Link mit der Tabulatortaste in einer logischen Reihenfolge, die der angezeigten Hierarchie folgt, erreichbar ist
Diese technischen Entscheidungen komplizieren den Plan für sehende Besucher nicht. Im Gegenteil, eine für Screenreader lesbare Sitemap ist auch visuell klarer, weil die Hierarchie im Code und nicht nur in der Formatierung explizit ist.
Tests der Struktur vor dem Prototyping: Die Navigation im Voraus validieren
Eine Struktur nach der Veröffentlichung zu korrigieren, kostet Zeit und erzeugt Weiterleitungen. Ein in den aktuellen Leitfäden dokumentierter Ansatz besteht darin, Strukturtests (Tree Testing) durchzuführen, noch bevor die Prototypen der Website entworfen werden.
Das Prinzip ist einfach. Sie präsentieren einer Testgruppe die Struktur Ihrer Website in Textform, ohne Design, ohne Farben. Sie bitten sie, eine bestimmte Information zu finden (“Wo würden Sie die Rückgabebedingungen eines Produkts finden?”). Wenn die Mehrheit scheitert oder zögert, gibt es ein Problem mit der Kategorisierung.
Diese Art von Test offenbart Mängel, die die Intuition nicht erkennt:
- Mehrdeutige Rubriktitel, die die Besucher in die falsche Sektion lenken
- Übermäßige Tiefenebenen, die häufig besuchte Seiten verbergen
- Themenzusammenfassungen, die dem Designer logisch erscheinen, aber nicht dem Endbenutzer
Die Validierung der Struktur vor den Prototypen reduziert nachträgliche Korrekturen und stellt sicher, dass die Sitemap, das Menü und das Breadcrumb auf einer bereits von echten Benutzern getesteten Struktur basieren.
Eine Sitemap ist kein festes Dokument. Jede Hinzufügung einer Kategorie, jede teilweise Neugestaltung muss sich gleichzeitig in der HTML-Sitemap, der XML-Sitemap, dem Menü und dem Breadcrumb widerspiegeln. Diese Synchronisation erfordert eine Strenge, die viele Websites nach der Veröffentlichung vernachlässigen, was die Inkonsistenzen in der Navigation erklärt, die sich im Laufe der Zeit ansammeln.