Lektion 1 (CRO): Kategorieseiten — Navigation, die zum Kauf führt

Das Baymard Institute hat über 10 Jahre und 57.000 Stunden Nutzertest-Daten ausgewertet und kam zu einem Ergebnis, das viele überrascht: Die Kategorieseite ist der größte Conversion-Hebel in einem Onlineshop — noch vor der Produktseite. Warum? Weil ein Besucher, der auf der Kategorieseite scheitert (das richtige Produkt nicht findet oder die falsche Wahl trifft), die Produktseite gar nicht erst erreicht.

In einer anderen Baymard-Studie wurde gezeigt: Shops mit gut optimierten Kategorieseiten und Filterfunktionen hatten im Durchschnitt 26% höhere Conversion Rates als Shops mit identischen Produkten aber schlechter Kategorie-Navigation. Das ist kein A/B-Test-Ergebnis — das ist der Unterschied zwischen Erfolg und Misserfolg.

Was Kategorieseiten leisten müssen

Denken Sie an das Verhalten im stationären Handel: Ein Kunde betritt eine Schuh-Abteilung und wird von einem Verkäufer gefragt: „Was suchen Sie?“ Er antwortet: „Laufschuhe, Größe 43, für Asphalt, unter 100 €.“ Der Verkäufer führt ihn direkt zu 4–5 passenden Optionen.

Ihre Kategorieseite muss dasselbe leisten — ohne Verkäufer. Sie muss:

• Die richtigen Produkte zeigen (Relevanz-Sortierung)
• Dem Besucher helfen, die Auswahl zu verfeinern (Filter)
• Kaufentscheidungsunterstützung geben (Bewertungen, Preise, Verfügbarkeit in der Übersicht)
• Die nächste Aktion klar machen (klicke auf ein Produkt oder nutze Filter)

Optimale Produktanzahl pro Seite

Zu viele Produkte paralysieren — das ist der „Paradox of Choice“ (Barry Schwartz, 2004). Zu wenige frustrieren weil der Besucher das Gesuchte nicht findet. Die Baymard-Empfehlung: 20–40 Produkte pro Kategorieseite als Standard. Das Keyword ist „Standard“ — Nutzer sollten die Anzahl ändern können (12, 24, 48).

Wichtig: Die erste Seite zählt am meisten. Ihre 4–6 meistverkauften und höchstbewerteten Produkte sollten standardmäßig oben erscheinen. Nicht alphabetisch, nicht nach Produktnummer — nach Kaufwahrscheinlichkeit.

Sortierung als Conversion-Element

Die Standard-Sortierung entscheidet, was 80% der Besucher sehen. Analyse-Empfehlung: Prüfen Sie in Ihren Analytics-Daten, welche Produkte die höchste Conversion Rate × Traffic-Kombination haben — das sind Ihre natürlichen „Besten“. Diese Produkte gehören nach oben.

Sortieroptionen die Sie anbieten sollten:

• Empfohlen (Ihr Standard-Algorithmus)
• Beliebtheit (Verkaufszahlen)
• Beste Bewertung
• Preis aufsteigend / absteigend
• Neuheiten

Laut einer Conversion-Studie von eMarketer nutzen 47% der Onlineshop-Besucher die Sortierung — sie ist also aktiv genutztes Feature, kein Dekoration.

SEO-Text für Kategorieseiten — wo und wie viel

Kategorieseiten brauchen Text für Google. Aber zu viel Text before den Produkten ist kontraproduktiv — Besucher wollen sofort Produkte sehen, nicht lesen.

Die Lösung: Kurzer Einleitungstext (50–80 Wörter) oben, ausführlicherer SEO-Text (200–400 Wörter) unten — nach allen Produkten. Google liest beide Varianten gleich gut. Der Besucher sieht zuerst die Produkte und kann bei Interesse nach unten scrollen.

Der obere Text sollte enthalten: Was verkaufen Sie in dieser Kategorie? Was macht Sie besonders? USP in 2 Sätzen. Kein Keyword-Stuffing — natürliche Sprache die das Hauptkeyword 1–2x enthält.

Mobile Kategorieseiten — spezielle Anforderungen

Auf dem Smartphone haben Ihre Besucher in der Regel 2 Daumen und ein Gerät, das sie in der Hand halten. Das bedeutet:

• Produktraster: 2 Spalten auf Mobile ist Standard (nicht 1 — zu wenig Überblick, nicht 3 — zu kleine Bilder und zu schwer zu tippen)
• Filter: Als ausklappbares Sheet unten (wie Zalando) oder als Slide-In von der Seite — NICHT als permanente Sidebar die die Hälfte des Bildschirms blockiert
• Produktkarten: Preis muss ohne Zoomen lesbar sein. „In den Warenkorb“-Button auf der Karte kann Conversion erhöhen, aber prüfen Sie per Heatmap ob er genutzt wird
• Sticky „Filter & Sortierung“-Button: Immer sichtbar, auch nach dem Scrollen — Nutzer sollen jederzeit die Auswahl verfeinern können

Produktkarten-Design — was funktioniert

Jede Produktkarte in der Kategorie-Übersicht braucht mindestens:

• Hochwertiges Hauptfoto (freigestellt oder weißer Hintergrund)
• Produktname (kurz, max 2 Zeilen)
• Preis (deutlich sichtbar)
• Bewertungssterne (wenn vorhanden)
• Verfügbarkeits-Signal (z.B. grüner Punkt „sofort lieferbar“)

Optional aber wirkungsvoll: Hover-Effekt mit zweitem Produktfoto (z.B. getragene Ansicht bei Kleidung), „Neu“-Badge für neue Produkte, Rabatt-Badge bei reduzierten Preisen.

Typische Kategorieseiten-Fehler

• Zu langer Kategorie-Einleitungstext: 500 Wörter über die Geschichte von Kaffeemaschinen before den Produkten — der Nutzer ist längst weg.
• Keine Breadcrumb-Navigation: Nutzer wissen nicht mehr, wo sie sind. Breadcrumbs helfen auch SEO (Schema Markup).
• Alle Produkte pauschal gleich gewichtet: Sortierung nach ID oder Datum ist nie nutzerorientiert.
• Filter die niemand nutzt: 15 Filter-Optionen überfordern. Analysieren Sie welche Filter wirklich genutzt werden (Google Analytics Events oder Clarity-Heatmap).

Praktische Aufgabe für heute

Öffnen Sie Ihre meistbesuchte Kategorieseite in Google Analytics (Verhalten → Seiteninhalt → Alle Seiten). Prüfen Sie: Wie lange bleiben Nutzer? Wie hoch ist die Absprungrate? Dann öffnen Sie dieselbe Seite auf Ihrem Smartphone und versuchen Sie, ein spezifisches Produkt zu finden. Wenn Sie mehr als 3 Klicks brauchen — das ist Ihr erstes Optimierungsprojekt.

← Kursübersicht CRO | Nächste Lektion: Produktbeschreibungen →