Ein Besucher kommt auf eine E-Commerce-Website, um einen USB-C-Adapter zu kaufen. Er klickt auf „Produkte“, dann auf „Zubehör“, anschließend auf „Anschlüsse“ und schließlich auf „Kabel und Adapter“. Vier Navigationsebenen, vier Klicks – und die Hälfte der Nutzer hat die Website verlassen, bevor sie die Produktseite erreicht. Das Problem sind nicht die Inhalte, sondern ihre Anordnung. Die Seiten einer Website so zu strukturieren, dass sich jede Information in wenigen Sekunden finden lässt, erfordert konkrete, überprüfbare und oft vernachlässigte Entscheidungen.
Interne Suche und Supportanfragen: Anzeichen für eine mangelhafte Navigation
Bevor man ein Menü neu gestaltet, lohnt es sich, zunächst zu prüfen, wonach Besucher bereits suchen. Die Suchanfragen in der internen Suchleiste der Website sind ein kostenloses Diagnoseinstrument. Sucht jemand nach „Preise“, obwohl im Hauptmenü der Begriff „Unsere Angebote“ steht, liegt das Problem an der Bezeichnung und nicht an fehlenden Inhalten.
Supportanfragen funktionieren genauso. Eine Anfrage wie „Wo finde ich die Rechnung?“ weist darauf hin, dass ein Link zum Kundenbereich ungünstig platziert oder unklar benannt ist. Suchanfragen ohne Treffer und Fragen wie „Wo finde ich …?“ machen schlecht benannte oder zu tief verschachtelte Seiten sichtbar.
Bei einer Unternehmenswebsite mit einigen Dutzend Seiten, wie etwa der Sitemap von La Maison De Daniel, bietet die vollständige URL-Liste sofort einen Überblick über die Struktur und hilft dabei, verwaiste Seiten oder mehrdeutige Bezeichnungen zu erkennen.
Card Sorting und Tree Testing: Menübezeichnungen vor dem Design testen
Oft glaubt man, die Struktur einer Website sei selbstverständlich, weil man das eigene Angebot kennt. Besucher teilen diese interne Logik jedoch nicht. Mit zwei Methoden lässt sich prüfen, ob die Struktur funktioniert, bevor man den Code anfasst.
Card Sorting zum Gruppieren von Inhalten
Das Prinzip ist einfach: Die Seiten der Website werden auf virtuellen Karten aufgelistet, und eine Gruppe von Nutzern soll sie Kategorien zuordnen. Das Ergebnis zeigt, wie Besucher Themen ganz natürlich miteinander verknüpfen. Ein Restaurant stellt vielleicht fest, dass seine Gäste „Weinkarte“ eher mit „Reservierung“ als mit „Unsere Küche“ verbinden.
Tree Testing zur Überprüfung der Auffindbarkeit
Beim Tree Testing wird nach dem Erstellen der Seitenstruktur eine konkrete Aufgabe gestellt („Finden Sie die Kontaktseite des Kundendienstes“). Anschließend wird gemessen, ob die Person ohne Umwege ans Ziel gelangt. Die Erfolgsquote allein reicht nicht aus: Es muss auch beobachtet werden, ob der eingeschlagene Weg direkt ist. Wer die richtige Seite erst nach dreimaligem Hin und Her im Menü findet, hat die Aufgabe zwar technisch gesehen „erfolgreich“ erledigt, doch die Seitenstruktur bleibt problematisch.
Beide Tests lassen sich mit Online-Tools ohne grafischen Prototyp und anhand einer einfachen textbasierten Baumstruktur durchführen. Getestet wird die Logik der Anordnung, nicht das Aussehen des Menüs.
Flache Struktur und Kategorien: Navigationstiefe verringern
Die Tiefe einer Website bezeichnet die Anzahl der Klicks, die von der Startseite aus nötig sind, um eine beliebige Seite zu erreichen. Je höher diese Zahl ist, desto größer ist das Risiko, dass Besucher abspringen, und desto schwieriger wird es für Suchmaschinen-Crawler, alle URLs zu erfassen.
Eine sogenannte „flache“ Architektur begrenzt die Navigationstiefe auf maximal zwei oder drei Ebenen. Konkret bedeutet das, dass jede Seite der Website mit höchstens drei Klicks von der Startseite aus erreichbar ist. Um das zu erreichen, muss man die Kategorien überarbeiten.
Eine Kategorie fasst Seiten zusammen, die derselben Suchintention oder demselben Nutzerbedürfnis entsprechen. Anhand der folgenden Kriterien lässt sich beurteilen, ob eine Kategorie ins Menü gehört:
- Sie enthält mindestens drei Unterseiten. Bei weniger Seiten ist es besser, diese einer benachbarten Kategorie zuzuordnen.
- Ihre Bezeichnung entspricht einem Wort oder Ausdruck, den Nutzer tatsächlich bei Google eingeben (über die Search Console oder ein Keyword-Tool überprüfbar).
- Sie überschneidet sich inhaltlich nicht mit einer anderen Kategorie. Wenn „Praktische Ratgeber“ und „Tipps“ dieselben Inhalte umfassen, sollten sie zusammengeführt werden.
Die Falle der Unter-Unterkategorien
Wenn das Angebot wächst, scheint eine vierte Navigationsebene sinnvoll. In der Praxis geraten tief verschachtelte Seiten dadurch jedoch leicht in Vergessenheit. Suchmaschinen gewichten sie geringer, und Besucher finden sie nur selten. Enthält eine Unterkategorie mehr als etwa zwanzig Seiten, sollte sie zu einer Kategorie der ersten Ebene werden, statt eine weitere Ebene hinzuzufügen.
Interne Verlinkung und kontextuelle Links: Seiten miteinander verbinden
Die Seitenstruktur regelt die vertikale Navigation (von der Kategorie zur Seite). Die interne Verlinkung ermöglicht die themenbezogene Navigation zwischen verschiedenen Seiten. Beide ergänzen einander.
Ein Artikel über die Pflege von Parkett sollte auf die Produktseite für Pflegeöle verweisen. Eine Produktseite für Wanderschuhe profitiert von einem Link zum Ratgeber für die Auswahl nach Gelände. Solche kontextuellen Links im Fließtext erfüllen zwei Funktionen:
- Sie halten Besucher auf der Website, indem sie ihnen den nächsten sinnvollen Schritt anbieten, und verringern so die Absprungrate.
- Sie übertragen SEO-Wert auf die Zielseiten und helfen Suchmaschinen zu erkennen, welche Seiten besonders wichtig sind.
- Sie gleichen die Einschränkungen des Hauptmenüs aus, in dem nicht alle Seiten der Website angezeigt werden können.
Der Ankertext des Links sollte die Zielseite beschreiben und keine vagen Formulierungen verwenden. „Ratgeber zur Auswahl von Wanderschuhen“ ist für Besucher und Google hilfreicher als „Hier klicken“.
Barrierefreiheit der Navigation
Die WCAG 2.2, die im Oktober 2023 vom W3C veröffentlicht wurden, verschärfen die Anforderungen an Navigationselemente. Die Mindestgröße anklickbarer Bereiche und die Sichtbarkeit des Tastaturfokus betreffen Menüs und interne Links unmittelbar. Ein Dropdown-Menü, dessen Einträge auf Mobilgeräten nur wenige Millimeter hoch sind, ist für einen Teil der Besucher unbenutzbar – ganz gleich, wie sorgfältig die Seitenstruktur gestaltet wurde.
Die Seiten einer Website zu organisieren, ist keine theoretische Aufgabe, die man bei der Erstellung einmalig erledigt. Interne Suchanfragen, Nutzerpfade und Rückmeldungen des Supports liefern fortlaufend Hinweise darauf, was funktioniert und wo es hakt. Die beste Seitenstruktur ist die, die angepasst wird, nachdem man beobachtet hat, wie Besucher tatsächlich navigieren.
