Ein HTML-Sitemap ist eine Seite, die alle Links einer Website in einer für menschliche Besucher lesbaren Baumstruktur auflistet. Es unterscheidet sich von der XML-Sitemap, einer technischen Datei, die für Suchmaschinen zur Indizierung bestimmt ist. Beide erfüllen ergänzende Funktionen, aber es ist das HTML-Sitemap, das die Navigation eines verlorenen Nutzers konkret in einen fließenden Verlauf verwandelt.
HTML-Sitemap und XML-Sitemap: zwei Dateien, zwei Zielgruppen
Die Verwirrung zwischen diesen beiden Formaten ist häufig. Die XML-Sitemap ist eine strukturierte Datei, die von Crawlern (Googlebot, Bingbot) gelesen wird, um Seiten zu entdecken und zu indizieren. Sie enthält weder Formatierung noch visuelle Hierarchie: es ist eine rohe Liste von URLs, begleitet von Metadaten (Änderungsdatum, Priorität).
Ebenfalls empfehlenswert : Erfahren Sie, wie Sie auf epsilonscan zugreifen können, um Ihre Lieblings-Webtoons ganz einfach zu verfolgen.
Das HTML-Sitemap hingegen richtet sich an die Besucher. Es zeigt die vollständige Baumstruktur der Website mit klaren Überschriften, organisiert nach Kategorien und Unterkategorien. Ein Nutzer, der über das Hauptmenü nicht findet, wonach er sucht, kann dorthin gehen, um die genaue Seite zu finden, die er benötigt.
Erweiterungen wie SEOPress bieten mittlerweile an, beide Formate über eine einzige Schnittstelle zu generieren, mit einem HTML-Sitemap, das mit einem Klick aktiviert werden kann und Bilder enthält, um die Erkundung des Inhalts zu verbessern. Diese doppelte Abdeckung (Menschen und Roboter) stärkt sowohl die Benutzererfahrung als auch die Suchmaschinenoptimierung. Auf dem Kabanes-Sitemap wird diese Logik mit einer klaren visuellen Baumstruktur angewendet, die jede Inhaltskategorie zusammenfasst.
Weiterlesen : Erfahren Sie, wie Sie dank eines detaillierten Plans einfach auf einer Beauty-Website navigieren können
Baumstruktur des Sitemaps: Strukturieren, bevor man veröffentlicht
Ein Sitemap zu veröffentlichen, ohne seine Baumstruktur validiert zu haben, ist wie das Verteilen eines chaotischen Inhaltsverzeichnisses. Die Struktur muss die mentale Logik der Besucher widerspiegeln, nicht das interne Organigramm des Unternehmens.
Card Sorting und Tree Testing zur Validierung der Architektur
Zwei UX-Methoden ermöglichen es, zu überprüfen, ob eine Baumstruktur den tatsächlichen Erwartungen der Nutzer entspricht. Beim Card Sorting wird eine Gruppe gebeten, Seitenüberschriften in Kategorien zu sortieren, die ihnen logisch erscheinen. Das Ergebnis zeigt oft Gruppierungen, die das Projektteam nicht in Betracht gezogen hatte.
Das Tree Testing folgt dann: Die Kandidatenbaumstruktur wird Testern präsentiert, und sie werden gebeten, eine bestimmte Information zu finden. Die Erfolgsquote und die Anzahl der benötigten Klicks zeigen, ob die Struktur funktioniert oder ob bestimmte Zweige neu organisiert werden müssen.
Diese empirischen Tests, die mit zugänglichen Online-Tools durchgeführt werden können, verhindern, dass ein Sitemap auf internen Hypothesen basiert, die nie mit der Realität konfrontiert wurden.
Seiten, die einbezogen und ausgeschlossen werden sollten
Ein Sitemap ist kein Duplikat des Navigationsmenüs. Es sollte eine umfassende, aber lesbare Ansicht bieten:
- Die strukturellen Seiten (Startseite, Hauptkategorien, stabile Unterkategorien) bilden das Gerüst des Sitemaps und leiten die Leserschaft
- Die rechtlichen Seiten (Impressum, Datenschutzrichtlinie) sollten aus Gründen der Transparenz und Compliance enthalten sein
- Duplizierte Seiten, Seiten mit internen Suchergebnissen und Seiten mit Filtern oder Paginierung haben keinen Platz: sie belasten das Sitemap, ohne einen Navigationswert zu bieten
Für dynamische Kategorien wie einen Blog oder einen Nachrichtenbereich reicht es aus, nur die Hauptkategorien aufzulisten. Jedes einzelne Artikel zu integrieren würde das Sitemap innerhalb weniger Monate unleserlich machen.
Zugänglichkeit des Sitemaps: WCAG-Konformität und Tastaturnavigation
Ein vollständiges Sitemap verliert seine gesamte Nützlichkeit, wenn es nicht für Menschen mit Behinderungen zugänglich ist. Die WCAG 2.1 und 2.2 Standards stellen konkrete Anforderungen, die über die allgemeinen Best Practices für Webdesign hinausgehen.
Benutzer von Screenreadern profitieren direkt von einem gut gestalteten Sitemap. Eine Website Seite für Seite zu durchblättern, um die Architektur zu verstehen, erfordert einen erheblichen kognitiven Aufwand. Das Sitemap bietet eine Gesamtübersicht der Baumstruktur an einem einzigen Ort, ohne explorative Navigation.
Die WCAG-Kriterien verlangen ein minimales Kontrastverhältnis von 4.5:1 für Navigationselemente. Der Tastaturfokus muss in Dropdown-Menüs und Navigationsschubladen korrekt verwaltet werden. Ein Link im Sitemap, der den Tastaturfokus nicht erhält, ist unsichtbar für jeden, der keine Maus verwenden kann.
Der Standard verlangt auch, dass jedes Navigationsmittel durch mindestens ein weiteres ergänzt wird. Ein Hauptmenü, ein Sitemap und eine Suchmaschine zu bieten, erfüllt diese Anforderung und bietet drei verschiedene Wege zum gleichen Inhalt.
Responsive Gestaltung des Sitemaps auf Mobilgeräten
Auf einem Desktop-Bildschirm bleibt ein Sitemap in mehreren Spalten lesbar. Auf Mobilgeräten wird dasselbe Layout zu einem Albtraum des horizontalen Scrollens. Die responsive Gestaltung des Sitemaps erfordert spezifische Entscheidungen.
Die Baumstruktur sollte sich wie ein Akkordeon oder in ausklappbaren Ebenen zusammenfalten. Der Nutzer klickt auf eine Hauptkategorie, um ihre Unterseiten anzuzeigen, ohne eine neue Seite zu laden. Dieser Mechanismus reduziert die scheinbare Länge des Sitemaps und bewahrt gleichzeitig die Vollständigkeit.
- Die Touch-Bereiche jedes Links sollten ausreichend groß sein, um versehentliche Klicks zu vermeiden, gemäß den Empfehlungen für mobile Zugänglichkeit
- Der Text der Überschriften sollte ohne Zoom lesbar bleiben, was eine angemessene Schriftgröße und großzügigen vertikalen Abstand zwischen den Zeilen erfordert
- Die Ebenen der Verschachtelung über drei Tiefen hinaus werden auf kleinen Bildschirmen schwierig darzustellen: es ist besser, die Baumstruktur zu vereinfachen, als eine unleserliche Einrückung zu erzwingen
Ein Sitemap, das auf Mobilgeräten funktioniert, ist keine reduzierte Version des Desktop-Sitemaps. Es ist eine von Anfang an für Touchscreen gestaltete Schnittstelle, mit Interaktionen, die für den Daumen geeignet sind.
Die Pflege des Sitemaps bleibt der Schwachpunkt der meisten Websites. Ein automatisch über ein CMS oder eine spezielle Erweiterung generiertes Sitemap wird bei jeder Veröffentlichung einer Seite aktualisiert. Ein manuell erstelltes Sitemap erfordert regelmäßige Überprüfungen, um zu vermeiden, dass es defekte Links anbietet, die das Vertrauen der Besucher beeinträchtigen.
Die Wahl zwischen diesen beiden Ansätzen hängt vom Inhalt und der Veröffentlichungsfrequenz ab. In beiden Fällen gilt: ein veraltetes Sitemap schadet mehr, als es hilft.