Ein E-Commerce-Website mit 200 Produktseiten und einem Menü mit 9 Hauptkategorien: das sieht man regelmäßig. Das Problem liegt nicht im Seitenvolumen, sondern in der Art und Weise, wie sie miteinander verbunden sind. Wenn man die Struktur einer Website überarbeitet, beeinflusst man gleichzeitig die Navigation, die organische Suche und die Conversion-Rate. Alles beginnt mit der Baumstruktur.
Visuelle Stabilität der Menüs und Core Web Vitals
Bevor wir über Baumstruktur oder Kategorien sprechen, gibt es einen technischen Punkt, der Beachtung verdient. Google misst die visuelle Stabilität einer Seite über den Cumulative Layout Shift (CLS). Wenn ein Dropdown-Menü oder ein Navigationsfilter eine sichtbare Verschiebung des Inhalts beim Öffnen verursacht, steigt der CLS und auch die Abbruchrate der Navigation.
Ergänzende Lektüre : Warum die Tierrechtsbewegung für eine ethischere und gerechtere Welt unerlässlich ist
Konkret bedeutet das, wenn Ihr Mega-Menü den Inhalt nach unten schiebt, anstatt sich zu überlagern, verlieren Sie Nutzer, bevor sie überhaupt auf eine Kategorie geklickt haben. Die Korrektur ist oft einfach: Reservieren Sie den Platz des Menüs in CSS oder verwenden Sie eine Schicht in absoluter Position. Auf Listen-Seiten (Kategorien, Suchergebnisse) multipliziert sich das Problem, wenn seitliche Filter die Seite neu laden, ohne die Scroll-Position zu halten.
Man kann die Auswirkungen überprüfen, indem man den Chrome UX Report für die eigene Domain konsultiert. Eine Website, deren Menüs einen CLS über dem “guten” Schwellenwert von Google erzeugen, bestraft sich auf zwei Fronten: der Benutzererfahrung und der Platzierung in den Suchergebnissen. Um zu beobachten, wie die Seiten auf einer Website organisiert sind, die ihre Inhalte thematisch strukturiert, gibt die Struktur der Website Ideelogique einen konkreten Überblick über eine flache und lesbare Baumstruktur.
Ergänzende Lektüre : Wie man die Konkurrenten von Yves Rocher 2024 effektiv erkennt und analysiert
Website-Baumstruktur: maximal drei Ebenen für die meisten Fälle
Die nützlichste Regel in Bezug auf die Website-Struktur bleibt die Klicktiefe. Jede Seite sollte in drei Klicks von der Startseite aus erreichbar sein. Darüber hinaus erkunden Suchmaschinen weniger effizient und die Nutzer verlieren das Interesse.
Für eine Unternehmenswebsite mit 15 bis 30 Seiten genügen zwei Ebenen: Startseite, dann Dienstleistungs- oder Inhaltsseiten. Für eine E-Commerce-Website oder eine redaktionelle Website mit Hunderten von Seiten gehen wir auf drei Ebenen über: Startseite, Kategorien, dann Unterkategorien oder Produktseiten.
Die häufige Falle: Unterkategorien für jede Variation zu erstellen, anstatt sie zu bündeln. Eine Möbel-Website, die “schwarze Bürostühle”, “graue Bürostühle” und “weiße Bürostühle” in drei separate Kategorien trennt, verwässert ihr internes Linking. Besser ist eine einzige Kategorie “Bürostühle” mit Farbfiltern.
Internes Linking und Verteilung des SEO-Juice
Die Baumstruktur beschränkt sich nicht auf das Hauptmenü. Kontextuelle Links im Inhalt (Links zwischen Blogartikeln, zwischen ergänzenden Produktseiten) verteilen die Autorität der Seiten neu. Ein gutes internes Linking verbindet die Seiten nach thematischer Relevanz, nicht nach Nähe im Menü.
In der Praxis wird empfohlen, jede neue Seite mit mindestens zwei bestehenden Seiten zu verlinken, die ein ähnliches Thema behandeln. Verwaiste Seiten (ohne eingehende interne Links) sind für die Indexierungsroboter nahezu unsichtbar.
Mobile Navigation: weniger Einträge, mehr predictive Search
Die Rückmeldungen variieren zu diesem Punkt je nach Sektor, aber ein Trend hat sich in den letzten Jahren bestätigt: Auf Mobilgeräten bevorzugen Nutzer eine stark reduzierte Navigation kombiniert mit einer prädiktiven Suchleiste, anstatt ein Mega-Menü, das von der Desktop-Version übertragen wurde.
Das Baymard Institute hat dieses Verhalten auf E-Commerce-Websites dokumentiert. Die Kombination “Hauptmenü mit vier oder fünf Einträgen + Suche mit automatischen Vorschlägen” übertrifft komplexe Strukturen auf kleinen Bildschirmen. Das Mega-Menü bleibt auf Desktop für Websites mit breiten Katalogen relevant, aber seine direkte Anpassung an mobile Geräte verschlechtert die Navigation, anstatt sie zu verbessern.
- Das mobile Menü auf maximal fünf Einträge beschränken, wobei die Kategorien mit hohem Traffic oder hoher Kaufabsicht priorisiert werden.
- Die Suchleiste dauerhaft anzeigen (nicht hinter einem Lupensymbol versteckt), mit Vorschlägen, die bei den ersten eingegebenen Buchstaben erscheinen.
- Untermenüs mit mehr als zwei Ebenen auf Mobilgeräten entfernen: sie führen zu Klickfehlern und systematischen Rückschlägen.
Aufgabenorientierte Navigation für B2B- und institutionelle Websites
Auf B2B-Websites oder institutionellen Portalen funktioniert die Navigation über klassische Rubriken (Produkte, Dienstleistungen, Über uns, Kontakt) schlecht, wenn der Katalog dicht ist. Das Nielsen Norman Group hat einen alternativen Ansatz dokumentiert: aufgabenorientierte Navigationshubs.
Das Prinzip besteht darin, zusätzlich zum klassischen Menü Blöcke oder Seiten anzubieten, die von der Absicht des Besuchers ausgehen. Anstelle von “Unsere Softwarelösungen” schlägt man “Ich möchte meine Rechnungsstellung automatisieren” oder “Ich suche ein Tool für mein Außenteam” vor. A/B-Tests auf B2B-Websites zeigen, dass dieser Ansatz die Auffindbarkeit der Inhalte erheblich verbessert.
Man ersetzt nicht die Hauptnavigation, man ergänzt sie. Dieser doppelte Zugang (nach Rubrik und nach Aufgabe) funktioniert besonders gut auf Startseiten und Landingpages von Werbekampagnen, wo der Besucher mit einer bestimmten Absicht ankommt, aber die Nomenklatur der Website nicht kennt.
Zugänglichkeit und Navigation über die Tastatur
Die von W3C veröffentlichten WCAG 2.2-Richtlinien fügen Anforderungen zur minimalen Größe klickbarer Ziele und zur Navigation über die Tastatur hinzu. Ein Menü, dessen Elemente weniger als 24 Pixel groß sind, stellt ein Problem für Nutzer mit motorischen Einschränkungen dar.
Über die regulatorische Konformität hinaus ist eine zugängliche Website eine Website, deren Navigation für alle Nutzungskontexte funktioniert: Touchscreen, Tastaturnavigation, Screenreader. Zu überprüfen, dass jedes Element im Menü über die Tab-Taste erreichbar ist und dass der aktive Zustand visuell unterscheidbar ist, bleibt ein einfacher Test, der vor jeder Produktionsveröffentlichung durchgeführt werden sollte.
Die Struktur einer Website wird aus den realen Nutzerpfaden aufgebaut, nicht aus einem internen Organigramm. Egal, ob die Website zwanzig Seiten oder zweitausend Seiten hat, die gleichen Prinzipien gelten: begrenzte Tiefe, kohärentes internes Linking, an das Medium angepasste Menüs. Der Rest ist Testen und Iteration basierend auf Ihren eigenen Analysedaten.