Wenn man einen Store lange genug betreibt, merkt man irgendwann: Die meisten Kunden gehen nicht, weil die Produkte schlecht sind, sondern weil sie nicht schnell genug finden, was sie suchen. Der Großteil dieser Reibung steckt in der Navigation. Dieser Artikel fasst die fünf häufigsten Shopify-Navigationsfehler zusammen, zeigt, wie man jeden erkennt, und beschreibt den saubersten Weg, ihn zu beheben.
Eine Zahl, die man im Hinterkopf behalten sollte, bevor wir ins Detail gehen: Laut Baymard Institute liegt die durchschnittliche Abbruchrate im Warenkorb im E-Commerce bei rund 70 %. Nicht alles davon geht auf die Navigation zurück, aber ein Teil der Kunden steigt sehr früh aus, noch bevor sie überhaupt etwas in den Warenkorb legen — schlicht, weil sie sich verlaufen haben.
Fehler 1: Zu viele Menüpunkte auf oberster Ebene
Das ist der Fehler, der am leichtesten passiert, denn er entsteht aus guten Absichten. Der Händler möchte, dass Kunden alles sehen, und packt deshalb alles in die Hauptmenüleiste: ein Dutzend oder mehr Punkte auf oberster Ebene, manchmal fast zwanzig.
Das Problem ist: Wenn alles wichtig ist, ist nichts wichtig. Der Kunde sieht eine lange Reihe, weiß nicht, wo er anfangen soll, und fängt deshalb meist gar nicht erst an.
Den Fehler zu erkennen ist ziemlich einfach. Öffnen Sie die Startseite am Desktop und zählen Sie die Punkte auf oberster Ebene. Wenn das Menü in eine zweite Zeile umbrechen muss, ist es überladen. Auf dem Smartphone gilt: Wenn die Liste der obersten Ebene länger als einen Bildschirm ist und immer noch nicht zu Ende geht, ist das ebenfalls ein Zeichen.
Die Lösung: Verwandte Punkte zusammenfassen. Ein Modegeschäft braucht „T-Shirts”, „Hemden” und „Jacken” nicht als getrennte Punkte auf oberster Ebene — fassen Sie sie zu „Oberteile” zusammen und ordnen Sie die Typen darunter ein. Halten Sie das Hauptmenü bei etwa 5 bis 7 Punkten, damit Kunden es in ein bis zwei Sekunden überblicken können.
Fehler 2: Kein Mega-Menü für einen Store mit vielen Kategorien
Sobald Sie alles sauber gruppiert haben, taucht das gegenteilige Problem auf: Die Unterkategorien werden zu tief vergraben. Der Kunde muss auf „Oberteile” klicken, warten, bis die Seite lädt, um zu sehen, welche Typen es gibt, und dann erneut klicken. Jeder zusätzliche Klick ist eine weitere Gelegenheit aufzugeben.
Hier verdient sich das Mega-Menü seine Daseinsberechtigung. Ein Mega-Menü ist ein großes, mehrspaltiges Dropdown-Panel, das die gesamte Kategoriestruktur in dem Moment anzeigt, in dem ein Kunde mit der Maus darüberfährt. So kann er von einer Hauptkategorie in einem einzigen Schritt zu einer Unterkategorie springen. Bei einem breiten Sortiment ist das auf großen Handelsseiten fast schon der Standard.
Woran erkennen Sie, dass Ihr Store ein Mega-Menü braucht: Wenn Kunden drei oder mehr Klicks brauchen, um auf eine Produktlistenseite zu gelangen, oder wenn Sie viele Unterkategorien haben, ohne sie auf einen Blick sehen zu können — das ist ein Zeichen.
Ein Hinweis beim Aufbau eines Mega-Menüs: Hat das Panel keine Verzögerung beim Hover, flackert es jedes Mal, wenn die Maus versehentlich darüberfährt. Wenn Sie einen Menü-Builder verwenden, wählen Sie einen, der das für Sie übernimmt. Navi+ (https://naviplus.io) baut Mega-Menüs für den Desktop per Drag-and-drop, ganz ohne Code, sodass Sie sich um dieses technische Detail nicht selbst kümmern müssen.
Fehler 3: Auf dem Smartphone nur auf das Hamburger-Menü setzen
Die meisten Kunden kaufen auf dem Smartphone ein, daher ist dies der teuerste Fehler. Viele Stores schieben die gesamte Navigation in ein Drei-Striche-Symbol in der Ecke — ein Shopify-Menü im Hamburger-Stil — und betrachten die Sache damit als erledigt. Doch alles zu verstecken bedeutet, dass Kunden aktiv darauf tippen müssen, um überhaupt etwas zu sehen, und die meisten machen sich diese Mühe nicht.
Die Nielsen Norman Group hat das einmal an Smartphones und Desktops getestet. Das Ergebnis: Ist die Navigation versteckt, fällt es Kunden schwerer, den gesuchten Artikel zu finden, sie kommen langsamer voran und bewerten die Suche als anstrengender, als wenn das Menü klar sichtbar ist. Mit anderen Worten: Was Kunden nicht sehen, existiert für sie praktisch nicht.
So erkennen Sie es: Öffnen Sie Ihren Store auf dem eigenen Smartphone. Wenn man Ihre meistverkaufte Kategorie nur erreicht, indem man auf den Hamburger tippt, scrollt und dann erneut tippt, stellen Sie sich einen Kunden in Eile vor, der im Stehen auf seine Mitfahrgelegenheit wartet.
Die Lösung besteht nicht darin, den Hamburger abzuschaffen, sondern die wichtigen Wege offen sichtbar zu machen, dort, wo ein Daumen sie erreicht, ohne dass man etwas öffnen muss. Eine fixierte Tab Bar am unteren Bildschirmrand — wie bei den Apps, die Kunden täglich nutzen — hält Start, Kategorien, Suche und Warenkorb direkt in der Daumenzone. Genau diese Art von Menü baut Navi+ speziell für Mobilgeräte, getrennt vom Desktop konfiguriert, sodass Sie den Hamburger für das Zweitrangige behalten und die Tab Bar das Wesentliche übernimmt.
Fehler 4: Keine Breadcrumbs oder Standortanzeige
Kunden stöbern tief im Sortiment und vergessen, wo sie sind. Sie landen über eine Anzeige oder eine Suche auf einer Produktseite, der Artikel gefällt ihnen, aber sie möchten mehr ähnliche Produkte sehen — und es gibt keinen naheliegenden Weg, eine Ebene zur übergeordneten Kategorie zurückzugehen.
Ein Breadcrumb ist eine kleine Spur wie „Start > Oberteile > T-Shirts > Herren-T-Shirts”, die über dem Produktnamen platziert ist. Sie beantwortet zwei Fragen auf einmal: Wo bin ich, und wie gehe ich eine Ebene zurück. Klingt simpel, aber viele Shopify-Themes aktivieren das nicht standardmäßig, oder Händler entfernen es, weil es „unaufgeräumt” wirkt.
So erkennen Sie es: Öffnen Sie eine beliebige Produktseite und fragen Sie sich: „Wo klicke ich, um Produkte derselben Art zu sehen?” Wenn die Antwort die Zurück-Schaltfläche des Browsers ist, fehlt Ihnen eine Standortanzeige.
Die Lösung: Aktivieren Sie Breadcrumbs auf Kategorie- und Produktseiten. Machen Sie außerdem den aktuellen Punkt im Hauptmenü deutlich sichtbar — zum Beispiel durch Fettdruck oder Unterstreichung der aktiven Kategorie —, damit Kunden immer wissen, in welchem Zweig sie sich befinden.
Fehler 5: Nach der Logik des Händlers kategorisieren, nicht nach dem Denken der Käufer
Das ist der subtilste Fehler, denn das Menü sieht weiterhin aufgeräumt aus. Das Problem liegt darin, wie die Gruppen angelegt sind. Händler neigen dazu, so zu kategorisieren, wie das Lager oder der Lieferant die Dinge ordnet, während Käufer in den Begriffen ihrer Bedürfnisse denken.
Ein bekanntes Beispiel: Ein Kosmetikgeschäft gliedert das Menü nach Marken, weil es so seine Ware einkauft. Aber Kunden merken sich Markennamen meist nicht — sie kommen, um „Sonnencreme” oder „matten Lippenstift” zu finden. Wenn das Menü keinen Weg nach Zweck bietet, müssen Kunden raten, welche Marke führt, was sie brauchen, und die meisten geben auf.
Baymard zählt eine falsch angelegte Kategorisierung zu den Navigationsproblemen mit großer Wirkung, weil sie den Eindruck hinterlässt, dass ein Store schwer zu bedienen ist.
Diesen Fehler zu erkennen ist schwerer als die vier vorigen, denn es erfordert, den Kunden zuzuhören. Lesen Sie die Nachrichten und Fragen noch einmal durch, die Kunden häufig stellen: Wenn viele Leute schreiben „Verkaufen Sie X?”, obwohl X eindeutig auf der Seite verfügbar ist, konnten sie es ziemlich sicher nicht über das Menü finden. Das ist ein Menü, das Ihre Sprache spricht, nicht ihre.
Die Lösung: Benennen Sie Punkte mit den Worten, die Kunden verwenden, nicht mit internem Fachjargon. Sie können beide Achsen beibehalten — Stöbern nach Produkttyp und Stöbern nach Zweck oder Anlass —, wenn Ihre Kunden auf unterschiedliche Weise denken. Am schnellsten prüfen Sie das, indem Sie ein paar Außenstehende, die Ihren Store noch nie besucht haben, einen bestimmten Artikel finden lassen und beobachten, wohin sie zuerst klicken.
Ein allgemeiner Hinweis: Geschwindigkeit nicht verspielen
Beim Beheben der Navigation lauert eine Falle: Man installiert eine App, fügt Effekte hinzu, und die Seite wird langsamer. Jede App kann Skripte mitbringen, die die Seite beschweren.
Google setzt die „gute” Schwelle für das Ladeerlebnis einer Seite bei einem LCP unter 2,5 Sekunden, einem INP unter 200 ms und einem CLS unter 0,1 an. Ein schönes Menü, das die Seite stocken lässt, das Layout verschiebt oder langsam reagiert, richtet mehr Schaden an, als es nützt. Achten Sie bei der Wahl eines Menü-Builders auf einen, dem die Core Web Vitals am Herzen liegen — darauf optimiert auch Navi+, und das Menü bleibt bestehen, wenn Sie das Theme wechseln, sodass Sie es nicht jedes Mal von Grund auf neu aufbauen müssen, wenn Sie Ihr Design ändern.
Alle fünf oben genannten Fehler lassen sich ganz ohne Programmierkenntnisse beheben. Beginnen Sie mit dem, der die meisten Kunden in Ihrem Store betrifft — in der Regel die mobile Seite — und arbeiten Sie sich von dort nach unten.
Dieser Artikel ist Teil des umfassenderen Leitfadens Warum Kunden Ihren Store besuchen, aber nicht kaufen — und welche Rolle die Navigation dabei spielt.