Sie stehen kurz davor, 500 Euro für Facebook-Anzeigen auszugeben, um Traffic auf Ihren neuen Shopify-Shop zu lenken. Vorher eine Frage: haben Sie tatsächlich getestet, ob ein Besucher zum ersten Mal ein Produkt finden und kaufen kann, ohne sich zu verlaufen?
Die meisten neuen Shop-Besitzer überspringen diesen Schritt. Sie haben den Shop selbst gebaut, kennen also jede Ecke. Sie klicken ein paar Mal durch die Menüs, denken sich „sieht gut aus” und starten. Aber Sie sind der schlechtestmögliche Tester Ihres eigenen Shops – Sie kennen das Layout bereits. Ein Fremder nicht.
Dieses 10-Minuten-Audit wird die Navigations-Probleme aufdecken, die Ihre Konversionsrate stillschweigend ruinieren. Nehmen Sie Ihr Telefon, öffnen Sie Ihren Shop in einem privaten Browser-Fenster, und arbeiten Sie jeden Kontrollpunkt unten durch. Keine Analytics-Tools nötig, kein Code, kein Developer – nur Sie und ein frischer Blick.
- Navigation vor dem Ausgeben von Anzeigenbudget zu testen spart Geld und verhindert verschwendeten Traffic
- Dieses Audit deckt 5 Bereiche ab: Auffindbarkeit, mobile Nutzbarkeit, Geschwindigkeit, Barrierefreiheit und Vertrauenssignale
- Jeder Kontrollpunkt dauert weniger als 2 Minuten und erfordert keine technischen Fähigkeiten
- Beheben Sie zuerst die wirkungsvollsten Probleme – Sie brauchen keinen perfekten Score zum Starten
- Führen Sie dieses Audit monatlich durch, während Ihr Katalog und Traffic wachsen
Vor dem Start: Den Test vorbereiten
Um ehrliche Ergebnisse zu erhalten, simulieren Sie die Erfahrung eines ersten Besuchers:
- Verwenden Sie ein privates/Incognito-Browser-Fenster. Dies verhindert, dass gecachte Daten, gespeicherte Passwörter oder Browsing-Verlauf den Test verfälschen.
- Testen Sie auf Ihrem echten Telefon. Chrome DevTools’ Mobile-Emulator ist hilfreich für die Entwicklung, repliziert aber keine realen Bedingungen: die Unbeholfenheit der einhändigen Nutzung, Daumen-Reichweiten-Einschränkungen, Bildschirmglanz oder langsame Mobilfunkverbindungen.
- Haben Sie eine Aufgabe im Kopf. Nicht einfach „rumstöbern”. Stellen Sie sich vor, Sie möchten ein bestimmtes Produkt kaufen. Wählen Sie Ihren meistverkauften Artikel (oder zukünftig meistverkauften) und versuchen Sie, ihn von der Startseite aus zu finden.
- Messen Sie die Zeit. Nutzen Sie eine Stoppuhr-App. Wenn eine Aufgabe länger als 15 Sekunden dauert, gibt es ein Problem.
Wenn möglich, bitten Sie auch einen Freund oder Familienmitglied – jemanden, der Ihren Shop noch nie gesehen hat – denselben Test zu machen, während Sie zuschauen. Leiten Sie ihn nicht an. Beobachten Sie einfach, wo er tippt, wo er zögert und wo er steckenbleibt.
Teil 1: Auffindbarkeit (3 Minuten)
Auffindbarkeit ist die Kernfrage: kann ein Kunde von der Startseite zur Produktseite gelangen, ohne verwirrt zu werden?
Kontrollpunkt 1.1: Können Sie ein beliebiges Produkt in 3 Taps oder weniger erreichen?
Navigieren Sie von der Startseite zu einem Produkt. Zählen Sie die Taps (oder Klicks auf dem Desktop):
- 1 Tap: Startseite → Produktseite (ideal für kleine Kataloge oder hervorgehobene Produkte)
- 2 Taps: Startseite → Kollektion → Produktseite (Standard und akzeptabel)
- 3 Taps: Startseite → Kategorie → Unterkategorie → Produktseite (akzeptabel für große Kataloge)
- 4+ Taps: Zu tief. Flachen Sie Ihre Hierarchie ab oder stellen Sie beliebte Produkte früher bereit.
Wenn es auf dem Mobilgerät 4 oder mehr Taps dauert, muss Ihre Menüstruktur überarbeitet werden. Jeder zusätzliche Tap ist ein Punkt, an dem Kunden abbrechen.
Kontrollpunkt 1.2: Sind Ihre Kategorien in Kundensprache benannt?
Lesen Sie Ihre Menüpunkte laut vor. Würde ein Erstbesucher verstehen, was jede Kategorie enthält?
Warnsignale:
- Interne Codes oder Abkürzungen („SS26 Collection” statt „Sommer 2026”)
- Generische Bezeichnungen („Produkte”, „Alles ansehen”, „Sonstiges”)
- Überlappende Kategorien, in denen ein Produkt logischerweise an zwei Stellen leben könnte („Casual Wear” vs „Everyday Basics”)
Schnelle Lösung: Wählen Sie 5 zufällige Produkte. Für jedes prognostizieren Sie, in welcher Menükategorie ein Fremder es suchen würde. Falls Ihre Vorhersage unsicher wirkt, muss das Label überarbeitet werden.
Kontrollpunkt 1.3: Funktioniert Ihre Suche?
Geben Sie den Namen eines Ihrer Produkte in die Suchleiste ein. Ist es erschienen? Versuchen Sie dann:
- Eine häufige Falschreibung dieses Produktnamens
- Einen allgemeinen Begriff („blaues Shirt” statt des genauen Produkttitels)
- Ein Material oder Attribut („Baumwolle”, „wasserfest”, „unter 50 Euro”)
Wenn die Suche für eine vernünftige Anfrage nichts zurückgibt, nehmen Kunden an, Sie führen das nicht. Shopifys Standard-Suche verarbeitet exakte Treffer, aber kämpft mit Tippfehlern und Synonymen – notieren Sie dies als zukünftigen Verbesserungsbereich.
Teil 2: Mobile Nutzbarkeit (3 Minuten)
Über 60% Ihres Traffic kommen wahrscheinlich von Mobilgeräten. Diese Kontrollpunkte testen, ob Ihre Navigation auf einem Telefon wirklich funktioniert.
Kontrollpunkt 2.1: Können Sie jeden Menüpunkt antippen, ohne versehentlich falsch zu tippen?
Öffnen Sie Ihr mobiles Menü und versuchen Sie, auf jeden Punkt zu tippen. Achten Sie auf:
- Tap-Target-Größe: Können Sie jedes Element sauber mit Ihrem Daumen treffen, oder tippen Sie immer auf das Falsche? Apples Human Interface Guidelines empfehlen ein Mindestmaß von 44×44 Pixeln pro Tap-Target.
- Abstand zwischen Punkten: Menüpunkte, die zu nah beieinander liegen, verursachen versehentliche Taps. Es sollte sichtbarer Platz zwischen jedem anklickbaren Element sein.
- Akkordeon-Verhalten: Wenn Ihre Kategorien Unterkategorien haben, wird durch Antippen eines übergeordneten Elements expandiert, oder navigiert man weg vom Menü? Idealerweise expandiert ein Chevron oder „+”-Icon Unterkategorien, während das Antippen des Kategorienamens selbst zur Kollektion führt.
Kontrollpunkt 2.2: Ist der Warenkorb immer erreichbar?
Können Sie, ohne das Menü zu öffnen, das Warenkorb-Icon sehen? Scrollen Sie die Startseite hinunter – bleibt das Warenkorb-Icon sichtbar (sticky header) oder verschwindet es?
Wenn der Warenkorb beim Scrollen verschwindet, müssen Kunden, die sich zum Auschecken entschließen, während sie in der Mitte der Seite stöbern, ganz nach oben scrollen. Ein sticky header oder eine untere Tab-Leiste mit Warenkorb-Tab löst dies.
Prüfen Sie auch: zeigt das Warenkorb-Icon ein Badge mit der Anzahl der Artikel? Fügen Sie etwas zu Ihrem Warenkorb hinzu und verifizieren Sie. Dieses Badge bietet essentielles Feedback – ohne es wissen Kunden nicht, ob ihre „In den Warenkorb”-Aktion funktioniert hat.
Kontrollpunkt 2.3: Funktioniert das Menü im Querformat?
Drehen Sie Ihr Telefon seitwärts. Funktioniert das Menü immer noch? Manche Themes brechen im Querformat – Menüpunkte überlappen, das Hamburger-Icon verschwindet oder das Menü wird auf unerwartete Weise scrollbar.
Das mag wie ein Randfall wirken, aber Tablet-Nutzer und Kunden, die im Querformat stöbern, werden damit konfrontiert. Eine schnelle Prüfung jetzt verhindert Beschwerde später.
| Kontrollpunkt | Bestanden | Nicht bestanden | Schnelle Lösung |
|---|---|---|---|
| Produkte in 3 Taps erreichbar | Klarer Pfad von der Startseite | 4+ Taps erforderlich | Kategorien abflachen oder beliebte Artikel hervorheben |
| Kundenfreundliche Beschriftungen | Klare, spezifische Namen | Jargon, Abkürzungen | Mit Kundensprache umbenennen |
| Suche liefert Ergebnisse | Findet Produkte zuverlässig | Null Ergebnisse für offensichtliche Anfragen | Produkt-Tags und Beschreibungen verbessern |
| Tap-Targets sind 44px+ | Leicht sauber zu tippen | Häufige Fehlgriffe | Menüpunkt-Abstand in Theme-Einstellungen erhöhen |
| Warenkorb immer sichtbar | Sticky header oder Tab-Leiste | Verschwindet beim Scrollen | Sticky header in Theme-Einstellungen aktivieren |
| Warenkorb zeigt Artikel-Anzahl | Badge aktualisiert sich beim Hinzufügen | Kein Feedback | Theme-Einstellungen oder Warenkorb-App prüfen |
Teil 3: Geschwindigkeit (2 Minuten)
Navigation, die zu lange zum Laden braucht, ist Navigation, die nicht existiert. Kunden warten nicht.
Kontrollpunkt 3.1: Wird Ihr Menü innerhalb von 2 Sekunden angezeigt?
Tippen Sie auf Ihrem Telefon mit einer normalen Mobilfunkverbindung (nicht WiFi) auf das Hamburger-Icon oder navigieren Sie zur Startseite. Wird das vollständige Menü innerhalb von 2 Sekunden gerendert?
Wenn das Menü langsam lädt, prüfen Sie:
- Große Hero-Bilder, die das Menü nach unten drücken, während sie laden
- Zu viele Menüpunkte auf einmal geladen (Mega-Menüs mit 50+ Unterkategorien können schwer sein)
- Drittanbieter-Scripts, die das Rendering blockieren (Chat-Widgets, Pop-ups, Analytics-Tools)
Kontrollpunkt 3.2: Verschiebt sich die Seite, wenn das Menü lädt?
Beobachten Sie genau, wie Ihre Startseite lädt. Springt der Header? Repositionieren sich Elemente? Das heißt Cumulative Layout Shift (CLS) und ist eines von Googles Core Web Vitals.
Ein Menü, das CLS verursacht, ist desorientierend. Kunden könnten auf das Falsche klicken, weil sich das Ziel gerade als sie tippten verschoben hat.
Sie können CLS formal mit Google PageSpeed Insights messen (kostenlos unter pagespeed.web.dev), aber eine visuelle Prüfung reicht jetzt: wenn etwas springt, muss es behoben werden.
Kontrollpunkt 3.3: Schnellen PageSpeed-Test durchführen
Öffnen Sie pagespeed.web.dev auf Ihrem Desktop, geben Sie Ihre Shop-URL ein und führen einen Test für Mobilgerät und Desktop durch. Konzentrieren Sie sich auf drei Zahlen:
- LCP (Largest Contentful Paint): Unter 2,5 Sekunden ist gut. Über 4 Sekunden ist schlecht.
- INP (Interaction to Next Paint): Unter 200ms ist gut. Dies misst, wie schnell die Seite auf Taps reagiert.
- CLS (Cumulative Layout Shift): Unter 0,1 ist gut.
Paniken Sie nicht, wenn Ihre Scores nicht perfekt sind. Für dieses Audit notieren Sie einfach, welche Metriken in der roten oder orangenen Zone sind – das sind Ihre Prioritäts-Fixes.
Teil 4: Barrierefreiheits-Grundlagen (1 Minute)
Barrierefreiheit ist nicht nur Compliance – es geht darum, Ihren Shop für alle nutzbar zu machen, einschließlich Kunden mit Sehbehinderungen, motorischen Schwierigkeiten oder denen, die in hellem Sonnenlicht stöbern.
Kontrollpunkt 4.1: Können Sie all Menütext leicht lesen?
Halten Sie Ihr Telefon auf Armeslänge. Können Sie immer noch jeden Menüpunkt lesen? Wenn ein Text zu klein, zu kontrastarm oder im Hintergrund verschwimmt, beheben Sie das.
Kontrast prüfen: Menütext sollte ein Kontrastverhältnis von mindestens 4,5:1 gegen seinen Hintergrund haben. Nutzen Sie WebAIMs Contrast Checker (webaim.org/resources/contrastchecker) zur Verifizierung.
Kontrollpunkt 4.2: Können Sie nur mit Tastatur navigieren? (Nur Desktop)
Legen Sie auf dem Desktop Ihre Maus beiseite. Mit nur der Tab-Taste können Sie sich durch Menüpunkte bewegen? Öffnet Drücken der Eingabetaste eine Kategorie? Können Sie Suche, Warenkorb und Konto erreichen?
Viele Kunden nutzen Tastatur-Navigation – einschließlich derer mit Screen-Readern, derer mit motorischen Behinderungen und Power-Usern, die Tastatur-Shortcuts bevorzugen. Wenn Tab-Navigation nicht funktioniert, benötigt Ihr Theme möglicherweise ARIA-Label-Verbesserungen.
Teil 5: Vertrauen und Klarheit (1 Minute)
Navigation geht nicht nur ums Finden von Produkten. Sie kommuniziert auch Legitimität und Professionalität.
Kontrollpunkt 5.1: Sind „Über uns” und „Kontakt”-Seiten auffindbar?
Neulinge – besonders die von Anzeigen kommen – checken oft Ihre „Über uns” oder „Kontakt”-Seite, um zu verifizieren, dass der Shop legitim ist. Diese Seiten sollten aus dem Hauptmenü oder der Fußzeile in einem Klick erreichbar sein.
Wenn Sie „Über uns” drei Ebenen tief in einem Fußzeilen-Menü versteckt haben, finden Kunden, die Bestätigung suchen, sie nicht.
Kontrollpunkt 5.2: Können Kunden Versand- und Rückgaberichtlinien finden?
„Kostenloser Versand über 50 Euro” und „30-Tage-Rückgaben” sind Vertrauens-Builder, die Kauf-Angst reduzieren. Diese gehören:
- Auf eine obere Ankündigungsleiste (sichtbar auf jeder Seite)
- In der Fußzeilen-Navigation
- Oder beide
Prüfen Sie, dass diese Richtlinien-Seiten existieren, von der Fußzeile verlinkt sind und richtig laden.
Kontrollpunkt 5.3: Ist der Sprach-Umschalter sichtbar? (Falls zutreffend)
Wenn Sie mehrere Märkte oder Sprachen bedienen, stellen Sie sicher, dass der Sprach-/Währungs-Umschalter leicht zu finden ist – normalerweise im Header oder in der Fußzeile. Ein Kunde, der auf der falschen Sprachversion landet und nicht umschalten kann, geht sofort weg.
Nach dem AuditOrdnen Sie Ihre Erkenntnisse nach Wirkung. Beheben Sie zuerst Warenkorb-Sichtbarkeit und fehlerhafte Suche – diese beeinflussen direkt den Umsatz. Label-Klarheit und Geschwindigkeits-Verbesserungen können folgen. Sie müssen nicht alles heute beheben; konstante wöchentliche Verbesserungen wachsen schnell.
Bewertung Ihres Audits
Geben Sie sich einen Punkt für jeden bestandenen Kontrollpunkt. So interpretieren Sie den Score:
- 11-12 Punkte: Ihre Navigation ist solide. Konzentrieren Sie sich auf Optimierung, nicht Überhaul.
- 8-10 Punkte: Gute Grundlage mit ein paar Lücken. Priorisieren Sie die fehlgeschlagenen Kontrollpunkte nach Umsatz-Wirkung (Warenkorb-Zugang > Label-Klarheit > Tastatur-Navigation).
- 5-7 Punkte: Erhebliche Probleme, die Ihnen wahrscheinlich Sales kosten. Beheben Sie zuerst die Fehler von Teil 1 (Auffindbarkeit) und Teil 2 (Mobile).
- Unter 5: Navigation braucht ernsthafte Arbeit, bevor Sie Geld für Anzeigen ausgeben. Jeder Euro, den Sie ausgeben, um Traffic zu einem verwirrend gestalteten Shop zu lenken, ist teilweise verschwendet.
Wann dieses Audit wiederholen?
Navigation ist nicht „einmal einrichten und vergessen”. Führen Sie diese Checkliste durch:
- Vor Ihrer ersten Ad-Kampagne (nicht verhandelbar)
- Nach dem Hinzufügen von 10+ neuen Produkten (neue Produkte können neue Kategorien brauchen)
- Nach Theme-Wechsel (jedes Shopify-Theme verarbeitet Navigation anders – Dawn, Refresh und Sense haben jeweils ihre eigene Menüstruktur und Einstellungen)
- Monatlich für die ersten 6 Monate (Ihr Katalog und Kundenverhalten entwickeln sich)
- Vierteljährlich danach (es sei denn, Analytics zeigen einen plötzlichen Engagement-Rückgang)
Tools, die das erleichtern
Für die manuellen Kontrollpunkte oben brauchen Sie nur ein Telefon und einen Browser. Aber wenn Sie tiefer gehen möchten:
- Google PageSpeed Insights (kostenlos): Formale Geschwindigkeits- und CLS-Tests
- WebAIM Contrast Checker (kostenlos): Text-Lesbarkeit verifizieren
- Hotjar oder Microsoft Clarity (kostenlos Tier): Session-Aufnahmen, die zeigen, wo Kunden genau steckenbleiben
- Navi+ Menu Builder: Wenn Ihr Audit zeigt, dass das eingebaute Menü Ihres Themes mobile Anpassung fehlt (kein Tab-Leiste, kein sticky Warenkorb, begrenzte Icon-Unterstützung), können Sie mit Navi+ mobile und Desktop-Navigation separat konfigurieren, ohne Code
Dieses 10-Minuten-Audit vor dem Launch von Anzeigen durchzuführen ist eine der höchsten ROI-Aktivitäten, die Sie als neuer Shop-Besitzer tun können. Die Fixes sind normalerweise einfach – eine Kategorie umbenennen, sticky header aktivieren, das Warenkorb-Icon sichtbar machen – aber ihre Auswirkung auf Konversion ist überproportional.
This article is part of the larger guide on Navigation basics for your first online store: the 5 essentials.