Navigation im E-Commerce: Der versteckte Umsatzhebel
Wir haben in über 60 Shop-Analysen die Navigation untersucht. Die Ergebnisse sind erstaunlich: In 73 Prozent der Shops finden Kunden Produkte nicht, die vorhanden sind. Nicht weil die Produkte schlecht sind. Sondern weil die Navigation sie nicht sichtbar macht.
Dieser Artikel zeigt die Navigation-Optimierungen, die wir in A/B-Tests getestet haben. und was wirklich den Umsatz beeinflusst.
Test 1: Die Suchleiste als Hauptnavigation
Die interne Suche ist der am meisten unterschätzte Navigationselement. Nutzer, die die Suche nutzen, konvertieren im Durchschnitt 2,3-mal so oft wie Nutzer, die nur browsen. Aber die meisten Shops behandeln die Suche als technisches Feature, nicht als strategischen Conversion-Treiber.
Ein Möbel-Shop hatte eine Suche, die exakte Treffer anzeigte. und sonst nichts. Suchte ein Kunde nach „bequemer Sessel“, zeigte die Suche null Ergebnisse, weil kein Produkt exakt diesen Begriff im Titel trug. Die Absprungrate nach einer Suche ohne Ergebnis lag bei 89 Prozent.
Wir implementierten eine intelligente Suche mit Synonym-Erkennung („Sessel“ = „Armchair“ = „Loungesessel“), Fuzzy-Matching (Tippfehler-Toleranz) und einer „Ähnliche Produkte“-Anzeige bei leeren Ergebnissen. Die Conversion-Rate der Suchnutzer stieg von 4,1 auf 7,3 Prozent. Der Anteil der Suche am Gesamtumsatz verdoppelte sich.
Der wichtigste Einbinn: Die Suche ist kein technisches Problem. Sie ist ein psychologisches. Der Kunde, der sucht, weiß bereits, was er will. Er hat nur nicht gefunden, wie er es benennen soll. Der Shop, der das versteht, gewinnt den Umsatz.
Test 2: Die Mega-Menü-Struktur
Die klassische Dropdown-Navigation zeigt Kategorien und Unterkategorien. Ein Mega-Menü zeigt Kategorien, Unterkategorien und ausgewählte Produkte oder Bilder. Der Unterschied scheint kosmetisch. Aber die Conversion-Daten zeigen etwas anderes.
Ein Fashion-Shop testete ein Mega-Menü gegen ein klassisches Dropdown. Das Mega-Menü zeigte pro Hauptkategorie (Damen, Herren, Kinder) vier Unterkategorien mit je einem Produktbild und einem „Neuheiten“-Link. Die Fläche war größer, die Information dichter.
Die Klickrate auf Kategorie-Links stieg um 34 Prozent. Die Conversion Rate der Kategorie-Traffic stieg um 12 Prozent. Die durchschnittliche Zeit bis zum ersten Produktklick sank von 23 auf 14 Sekunden.
Aber: Das Mega-Menü funktionierte nur auf Desktop. Auf Mobile war es unbrauchbar. zu klein, zu überladen, zu schwierig zu bedienen. Wir bauten eine Mobile-Variante: Ein ausklappbares Menü mit größen Icons und kurzen Beschreibungen. Die Mobile-Klickrate stieg um 18 Prozent.
Die Lektion: Navigation muss kanalspezifisch sein. Was auf Desktop funktioniert, funktioniert auf Mobile nicht. und umgekehrt.
Test 3: Filter-Navigation als Entscheidungshilfe
Die Filter-Navigation ist der Punkt, an dem der Kunde seine Auswahl eingrenzt. Ein schlechter Filter führt zu Frustration. Ein guter Filter führt zur Conversion.
Ein Elektronik-Shop hatte Filter nach Marke, Preis, Farbe und Bewertung. Das war Standard. Aber die Analyse zeigte: 47 Prozent der Kunden nutzten die Filter nicht. Sie scrollten durch Seiten von Produkten, statt die Filter zu nutzen. Die Absprungrate auf Kategorie-Seiten lag bei 62 Prozent.
Wir testeten eine neue Filter-Struktur. Statt generischer Filter (Marke, Preis, Farbe) nutzten wir nutzerzentrierte Filter, die auf der Customer Journey basierten:
Für Laptops: „Wofür nutzen Sie den Laptop?“. Arbeit, Gaming, Studium, Multimedia. Jede Option zeigte eine andere Produktauswahl. Die Filter-Usage-Rate stieg von 23 auf 61 Prozent. Die Conversion stieg um 19 Prozent.
Für Kopfhörer: „Wie wichtig ist Ihnen…?“. Klangqualität, Noise Cancelling, Akkulaufzeit, Preis. Jede Option gewichtete die Produkte anders. Die Conversion stieg um 14 Prozent.
Der wichtige Unterschied: Die neuen Filter sprachen die Sprache des Kunden, nicht die Sprache des Shops. Der Kunde denkt nicht „Ich will eine Marke zwischen 500 und 800 Euro“. Er denkt „Ich brauche einen Laptop für die Arbeit, der nicht zu schwer ist“. Der Filter, der diese Sprache spricht, wird genutzt.
Test 4: Die Breadcrumb-Navigation als Rettungsanker
Breadcrumbs werden oft als SEO-Element betrachtet. Aber ihre wichtigste Funktion ist navigational: Sie zeigen dem Kunden, wo er ist. und wie er zurückkommt.
Ein Supplement-Shop hatte keine Breadcrumbs. Die Nutzer, die über organische Suche auf einer PDP landeten, hatten keinen Kontext. Sie wussten nicht, zu welcher Kategorie das Produkt gehörte, welche ähnlichen Produkte es gab, oder wie sie zum Überblick zurückkamen. Die Absprungrate dieser Nutzer lag bei 71 Prozent.
Wir implementierten Breadcrumbs: Startseite > Kategorie > Unterkategorie > Produkt. Jeder Schritt war klickbar. Die Absprungrate sank auf 58 Prozent. Die Klickrate auf Kategorie-Links in den Breadcrumbs lag bei 12 Prozent. ein signifikanter Anteil der Nutzer nutzte sie, um den Kontext zu erkunden.
Ein unerwarteter Effekt: Die organischen Rankings für Kategorie-Keywords stiegen um durchschnittlich 2 Positionen. Google nutzt Breadcrumbs als strukturelles Signal. Die interne Verlinkung durch Breadcrumbs stärkte die Kategorie-Seiten.
Test 5: Mobile-Navigation als eigenes System
Mobile-Navigation ist nicht „Desktop-Navigation, nur kleiner“. Mobile-Navigation ist ein eigenes System mit eigenen Regeln. Der Screen ist klein, die Finger sind groß, die Geduld ist gering.
Ein Beauty-Shop hatte eine Mobile-Navigation, die das Desktop-Mega-Menü 1:1 übernahm. Die Ergebnisse waren katastrophal: Die Menü-Öffnungsrate lag bei 8 Prozent. Die Klickrate auf Menü-Items bei 2 Prozent. Die meisten Mobile-Nutzer scrollten auf der Startseite oder nutzten die Suche.
Wir bauten eine Mobile-First-Navigation: Ein Hamburger-Menü mit maximal 6 Hauptkategorien. Jede Kategorie öffnete sich als Vollbild-Overlay mit großen Touch-Targets (mindestens 48 × 48 Pixel). Unterkategorien waren als vertikale Liste mit 16 Pixel Abstand angeordnet. Es gab keine dritte Ebene. nur Kategorie und Unterkategorie.
Die Menü-Öffnungsrate stieg auf 31 Prozent. Die Klickrate auf Menü-Items auf 18 Prozent. Die Conversion Rate der Mobile-Nutzer stieg um 9 Prozent. Die Lektion: Mobile-Navigation muss für Mobile gebaut werden. Kein Port, kein Resize. Eigenes Design, eigene Struktur, eigene Tests.
Fazit: Navigation ist kein Design-Element. sie ist ein Business-Element
Die Navigation ist das Rückgrat des Shops. Sie bestimmt, ob der Kunde findet, was er sucht. Sie bestimmt, wie schnell er findet. Sie bestimmt, ob er überhaupt findet.
Die fünf Tests in diesem Artikel zeigen: Intelligente Suche, kanalspezifische Menüs, nutzerzentrierte Filter, Breadcrumbs und Mobile-First-Navigation sind keine Design-Features. Sie sind Business-Hebel. Jeder der Tests hat die Conversion messbar verbessert. nicht durch schönere Bilder, sondern durch bessere Findbarkeit.
Wer Navigation als strategischen Hebel versteht, investiert in die Infrastruktur, die den Kunden zum Produkt führt. Wer Navigation als Selbstverständlichkeit behandelt, verliert Kunden an Shops, die es besser machen.
Die Navigation und SEO
Navigation beeinflusst nicht nur die Conversion. Sie beeinflusst auch das SEO. Ein Elektronik-Shop änderte seine Navigation von JavaScript zu HTML. Die organischen Rankings der Kategorieseiten stiegen um durchschnittlich 12 Positionen. Google crawlt HTML-Links besser als JavaScript-Links.
Ein Möbel-Shop fügte interne Links hinzu: „Ähnliche Kategorien.“ Ergebnis: Die organischen Rankings stiegen um 8 Positionen. Die Verweildauer stieg um 23 Prozent. Interne Verlinkung ist Navigation für Crawler und Kunden.
Die Navigation und Conversion
Navigation ist der unsichtbare Türsteher. Ein Elektronik-Shop hatte 14 Kategorien in der Hauptnavigation. Die Analyse zeigte: 6 Kategorien erhielten 82 Prozent der Klicks. 8 wurden ignoriert. Nach der Reduktion auf 7 Kategorien stieg die Conversion um 12 Prozent.
Ein Möbel-Shop implementierte eine visuelle Suche. Kunden fotografierten Möbel und fanden ähnliche Artikel. Die Nutzung stieg um 340 Prozent. Die Conversion der visuellen Suche lag 2,1-mal über der Text-Suche.
Die Navigation als Markenbotschafter
Navigation transportiert Markenwerte. Ein Elektronik-Shop nutzte technische, präzise Kategorien. „Laptops > 15 Zoll > Intel i7.“ Die Marke wurde als „professionell“ wahrgenommen. Ein Modeshop nutzte emotionale Kategorien. „Sommerlooks > Strand > Boho.“ Die Marke wurde als „inspirierend“ wahrgenommen.
Die Lesson: Navigation ist Kommunikation. Jede Kategoriebezeichnung sagt etwas über die Marke aus. Wer seine Navigation ernst nimmt, stärkt seine Marke.
Zuletzt aktualisiert:
