Skip to content

Wie man die Struktur einer Schönheits-Website für eine einfache und effektive Navigation optimiert

Die Produkt-Taxonomie einer Beauty-Website beeinflusst sowohl das Crawling, die interne Verlinkung als auch die Absprungrate. Eine schlecht durchdachte Struktur ertränkt die Kategorien in unnötigen Tiefenebenen, verdünnt den PageRank und erschwert die Navigation…

Femme consultant un site beauté bien structuré sur un ordinateur dans un bureau minimaliste scandinave
4 min

Die Produkt-Taxonomie einer Beauty-Website beeinflusst sowohl das Crawling, die interne Verlinkung als auch die Absprungrate. Eine schlecht durchdachte Struktur ertränkt die Kategorien in unnötigen Tiefenebenen, verdünnt den PageRank und erschwert die Benutzerführung auf mobilen Geräten. Hier erläutern wir die technischen Hebel, die den Unterschied zwischen einer funktionalen Struktur und einem kosmetischen Labyrinth ausmachen.

Produkt-Taxonomie und Crawltiefe auf einer Beauty-Website

Eine Kosmetikseite hat oft mehrere hundert Referenzen, die sich auf Gesichtspflege, Make-up, Haarpflege, Körperpflege und Zubehör verteilen. Die Versuchung besteht darin, für jede Produktlinie, jeden Hauttyp, jede Marke und jedes Format eine Unterkategorie zu erstellen. Das Ergebnis: Seiten, die vier oder fünf Klicks von der Startseite entfernt sind und selten von den Indexierungsrobotern erkundet werden.

Wir empfehlen, die Struktur auf maximal drei Ebenen zu beschränken: Kategorie, Unterkategorie, Produktseite. Diese Obergrenze gewährleistet, dass jede Seite in drei Klicks über das Hauptmenü erreichbar bleibt, ein Schwellenwert, über den die Absprungrate auf Beauty-E-Commerce-Seiten merklich ansteigt.

Um die Vielfalt der Filter (Hauttyp, Textur, Anliegen) zu verwalten, sind nicht indexierbare URL-Facetten den zusätzlichen Unterkategorien vorzuziehen. Sie bieten die Flexibilität der Navigation, ohne doppelte Seiten oder störende Tiefenebenen zu schaffen. Jede gefilterte Facette gibt einen GET-Parameter zurück, der durch eine noindex, follow-Richtlinie im Meta-Tag für Robots gekennzeichnet ist, was das Crawling-Budget schont.

Ein gutes Beispiel für eine lesbare Struktur findet sich in der Struktur der Website Mes Secrets de Beauté, wo die Hauptkategorien bereits auf der ersten Ebene des Sitemap sichtbar sind, ohne Stapelung von Unterverzeichnissen.

UX-Designer, der an der Navigationsarchitektur einer Beauty-Website mit Post-its auf einem Glastableau arbeitet

Navigation und visuelle Hierarchie auf mobilen Geräten

Der Großteil des Traffics einer Beauty-Website stammt von mobilen Endgeräten. Ein Mega-Menü für Desktop mit acht Spalten wird auf einem Bildschirm von weniger als 400 Pixeln Breite unbrauchbar. Die Struktur des Menüs muss daher mobil-first gedacht und dann für Desktop angepasst werden, und nicht umgekehrt.

Ein Hamburger-Menü mit zwei Ebenen deckt nahezu alle Bedürfnisse eines Standard-Beauty-Katalogs ab. Die erste Ebene zeigt die großen Kategorien (Pflege, Make-up, Haare, Körper). Die zweite Ebene entfaltet die Unterkategorien per Tap, ohne Seitenneuladen. Jede dritte Ebene in einem mobilen Menü ist ein messbares Hindernis für die Conversion.

Elemente, die im mobilen Header integriert werden sollten

  • Ein sichtbares Suchfeld ohne zusätzliche Interaktion, mit Autovervollständigung für Produktnamen und Anliegen (Falten, Akne, Hydratation)
  • Ein direkter Zugang zum Warenkorb und zum Kundenkonto über feste Icons, die beim Scrollen nicht verschwinden
  • Ein kompakter Breadcrumb auf jeder Kategorie- und Produktseite, strukturiert in JSON-LD, um die Google-Ergebnisse zu bereichern

Der Breadcrumb erfüllt eine doppelte Funktion: Er leitet den Benutzer durch die Struktur und generiert kontextuelle interne Links, die Google nutzt, um die Hierarchie der Seiten zu verstehen.

Cookie-Banner und CNIL-Anforderungen an die Eingangsnavigation

Die CNIL verlangt, dass der Button “Alles ablehnen” ebenso sichtbar und zugänglich ist wie “Alles akzeptieren”. Auf einer Beauty-Website hat diese Anforderung direkte Auswirkungen auf den Bereich über der Sichtlinie. Ein schlecht dimensionierter Banner verdeckt das Menü, den Promotion-Slider oder das Suchfeld, was die erste Interaktion beeinträchtigt.

Marketing-Skripte dürfen nicht vor der ausdrücklichen Wahl des Benutzers ausgelöst werden. Für eine Beauty-Website, die auf personalisierte Empfehlungen (maßgeschneiderte Routinen, Hautquiz) setzt, muss die anfängliche Navigation ohne diese Skripte funktionieren. Es sollte ein “degradierter, aber flüssiger” Verlauf vorgesehen werden, der die Kategorien und Bestseller ohne Personalisierung anzeigt, solange keine Zustimmung gegeben wurde.

In der Praxis platzieren wir den Banner am unteren Bildschirmrand des mobilen Geräts, anstatt ihn als Vollbild-Overlay zu gestalten. Diese Wahl befreit den Header und das Menü, sodass der Benutzer sofort mit der Navigation beginnen kann, selbst bevor er mit dem Banner interagiert.

Weibliche Hände, die auf einer strukturierten Beauty-Website über ein auf einem Marmorbrett liegendes Tablet navigieren

Interne Verlinkung zwischen Kategorieseiten und redaktionellen Inhalten

Beauty-Websites veröffentlichen oft Blogartikel (Routinen, Tutorials, Inhaltsstoffanalysen), ohne diese effektiv mit den Produktseiten zu verlinken. Der redaktionelle Inhalt generiert Informations-Traffic, aber ohne eine strukturierte Verlinkung gelangt dieser Traffic nie zu den transaktionalen Seiten.

Die zuverlässigste Methode besteht darin, Stützseiten nach Anliegen (Anti-Aging, empfindliche Haut, fahl wirkender Teint) zu erstellen, die die Links zu den zugehörigen Artikeln und den entsprechenden Produktunterkategorien aggregieren. Diese Stützseiten nehmen die zweite Ebene der Struktur ein, auf derselben Ebene wie die Produktkategorien.

Kontextuelle Links im Inhalt

Jeder Blogartikel sollte mindestens zwei Links zu Kategorieseiten oder Produktseiten enthalten, die im Textkörper und nicht in der Sidebar platziert sind. Der Ankertext sollte einen von den Nutzern gesuchten Begriff wiedergeben (“Gesichtshydrating-Serum” statt “hier klicken”).

Umgekehrt profitiert jede Produktseite davon, ein Block “Verwandte Tipps” zu enthalten, der auf ein oder zwei Artikel verweist. Diese bidirektionale Verlinkung verteilt den PageRank zwischen transaktionalen und informativen Seiten und erhöht die Verweildauer auf der Website.

  • Jeden Blogartikel mit seiner thematischen Stützseite und mindestens einer Produktunterkategorie verlinken
  • Deskriptive Ankertexte verwenden, die tatsächliche Nutzeranfragen wiedergeben, die über die Search Console identifiziert wurden
  • Die internen, verwaisten Links vierteljährlich mit einem Crawler wie Screaming Frog überprüfen, um Seiten ohne eingehende Links zu erkennen

Eine Beauty-Website, deren redaktionelle Inhalte und Produktseiten in separaten Silos leben, verliert einen erheblichen Teil ihres Positionierungspotenzials. Die interne Verlinkung ist kein kosmetisches Bonus: Sie ist das Kreislaufsystem der Struktur.

Wie man die Struktur einer Schönheits-Website für eine einfache und effektive Navigation optimiert