Was ist eine Kategorieseite und wie gestaltest du sie?

Eine Kategorieseite ist die Ebene zwischen der Navigation deines Shops und deinen einzelnen Produktseiten. Sie gruppiert verwandte Produkte und gibt Kunden die Möglichkeit, zu stöbern, zu vergleichen und zu filtern, bevor sie auch nur ein Produktdetail lesen. Wenn das Design stimmt, wird sie zu einer deiner Seiten mit der höchsten Conversion. Wenn nicht, wird sie zur Sackgasse.

Dieser Artikel zeigt, was eine Kategorieseite leistet, wem sie dient und wie du eine gestaltest, die für Kunden und Suchmaschinen funktioniert. Welche Seiten dein Shop insgesamt braucht, erfährst du unter Welche Seiten jeder Onlineshop braucht.

Was leistet eine Kategorieseite?

Eine Kategorieseite verbindet zwei Momente der Kaufreise. Der erste: Jemand kommt mit Kaufabsicht in deinen Shop, hat aber noch kein bestimmtes Produkt im Sinn. Der zweite: Er landet kaufbereit auf einer einzelnen Produktseite. Dazwischen liegt die Kategorieseite. Sie grenzt das Sortiment ein, zeigt passende Optionen und hilft Kunden, sich zurechtzufinden.

Sie bedient zwei Typen von Kunden gleichzeitig

Zielgerichtete Kunden wissen schon, was sie wollen. Sie brauchen Filter, Sortierung und schnellen Zugriff auf das richtige Produkt. Stöberer erkunden. Sie brauchen visuelle Entdeckung, hilfreiche Gruppierungen und genug Vielfalt, um Interesse zu wecken. Eine gut gestaltete Kategorieseite bedient beide, ohne einen von ihnen zu verwirren. Wenn du nur für einen Typ optimierst, verlierst du den anderen.

Sie ist ein wichtiger SEO-Einstiegspunkt

Kategorieseiten ranken von Natur aus für breite Suchbegriffe mit hohem Volumen. Eine Seite namens "Damen-Leinenoberteile" konkurriert direkt um dieses Keyword. Produktseiten ranken für konkrete Produktanfragen. Kategorieseiten ranken für die breiteren Kategoriesuchen, die früher in der Kaufreise stattfinden, wenn ein Kunde noch entscheidet, was er kaufen will, und nicht, welchen konkreten Artikel. Diese Seiten können viel organischen Traffic bringen, wenn sie richtig aufgebaut sind.

Sie setzt den Ton für den ganzen Shop

Viele Kunden landen als erste Erfahrung mit deinem Shop auf einer Kategorieseite, aus einem Suchergebnis oder einer Anzeige. Die Kategorieseite ist oft der erste Eindruck von deinem Sortiment, deiner Marke und deiner Qualität. Ein sauberes, gut organisiertes Raster schafft Vertrauen, bevor eine einzige Produktseite geöffnet wird. Ein überladenes oder verwirrendes lässt Kunden zweifeln, ob sie am richtigen Ort sind.

Filtern und Sortieren: das wichtigste UX-Feature

Filter sind das wichtigste Werkzeug zielgerichteter Kunden. Versagen sie, gehen die Kunden. Die meisten Probleme auf Kategorieseiten lassen sich auf Filter zurückführen, die zu begrenzt, zu langsam oder zu verwirrend sind.

Nutze Mehrfachauswahl-Filter

Kunden wollen selten nur ein Merkmal. Ein Käufer, der Laufschuhe sucht, will vielleicht eine bestimmte Größe, zwei Farboptionen und eine Preisobergrenze. Mit Mehrfachauswahl stellt er alles auf einmal ein. Einfachauswahl-Filter zwingen ihn, eine Bedingung nach der anderen zu wählen, was ihn bremst und oft zu wenige Ergebnisse liefert.

Gruppiere Filtermerkmale klar

Filtermerkmale sind die Filterkategorien selbst: Preis, Größe, Farbe, Material und Marke. Ordne sie logisch, so wie deine Kunden denken. Preis und Verfügbarkeit zuerst. Produktspezifische Merkmale danach. Vermeide lange, nicht eingeklappte Filterlisten, bei denen man scrollen muss, bevor man ein Produkt gesehen hat.

Behalte den Filterstatus bei der Rückwärtsnavigation

Öffnet ein Kunde eine Produktseite und klickt dann auf Zurück, sollte er genau im gefilterten Zustand landen, den er verlassen hat. Werden die Filter zurückgesetzt, bricht das Erlebnis. Kunden filtern nicht noch einmal. Sie gehen. Das ist ein technisches Detail mit echter Wirkung auf die Conversion.

Zeige die Anzahl der Treffer

Zeige an, wie viele Produkte zur aktuellen Filterauswahl passen, während Kunden Optionen wählen. So vermeidest du Frust, wenn jemand drei Filter setzt und auf einer leeren Ergebnisseite landet. Es ermuntert auch dazu, die Auswahl zu verfeinern, statt abzubrechen.

Wie du die Kategorienavigation aufbaust

Die meisten Shops haben Kategorien, aber wenige haben genau überlegt, wie diese Kategorien zueinander stehen und wie Kunden zwischen ihnen wechseln. Struktur ist nicht nur eine organisatorische Entscheidung. Sie ist eine Conversion-Entscheidung.

Nutze Unterkategorien, wenn dein Sortiment Tiefe hat

Eine Kategorie mit mehr als 40 bis 50 Produkten profitiert von Unterkategorien. Zu viele Produkte auf einer Seite überfordern Stöberer und bremsen zielgerichtete Kunden, die wissen, was sie wollen. Teile die Kategorie in logische Gruppen und lass Kunden die Tiefe wählen, die sie brauchen. Die übergeordnete Kategorie wird zum Einstiegspunkt. Die Unterkategorien sortieren.

Halte die Hierarchie flach

Drei Verschachtelungsebenen sind das Maximum, dem die meisten Kunden folgen: Hauptkategorie, Unterkategorie, Produkt. Vier oder mehr Ebenen zwingen Kunden zu zu vielen Entscheidungen, bevor sie etwas erreichen, das sie kaufen können. Ist dein Sortiment so tief, dass es vier Ebenen bräuchte, investiere lieber in bessere Filter, statt eine weitere Navigationsebene einzufügen.

Nutze Polyhierarchie für Produkte, die in mehrere Kategorien passen

Polyhierarchie bedeutet, dass ein Produkt in mehr als einer Kategorie erscheinen kann. Ein wasserdichter Wanderstiefel könnte unter "Wanderschuhe" und auch unter "Wasserdichte Schuhe" erscheinen. Studien empfehlen diesen Ansatz, weil Kunden oft zuerst an der falschen Stelle suchen. Erscheint das Produkt in beiden Kategorien, wird es so oder so gefunden. Das ist keine Doppelung. Es ist eine bewusste strukturelle Entscheidung, die Sackgassen beim Stöbern reduziert.

Zeige beliebte Unterkategorien oben visuell an

Hat dein Shop Unterkategorien, zeige sie als visuelle Kacheln oder auffällige Textlinks oben auf der Kategorieseite. Stöberer, die in einer breiten Kategorie ankommen, wollen nicht durch 80 Produkte scrollen, um die gewünschte Unterkategorie zu finden. Wenn du Unterkategorien sofort zeigst, wählen sie selbst aus und kommen schneller voran.

Mach Breadcrumbs sichtbar

Breadcrumbs zeigen Kunden, wo sie in der Shop-Hierarchie stehen, und lassen sie ohne Zurück-Button eine Ebene nach oben gehen. Ein Kunde, der "Damen-Wanderstiefel, wasserdicht" ansieht, sollte mit einem Klick zu "Damen-Wanderschuhe" oder "Damenschuhe" zurückkehren können. Breadcrumbs helfen auch Suchmaschinen, die Struktur deiner Seite zu verstehen, was Rankings über die gesamte Kategoriehierarchie stützt.

Gestaltung der Produktkarten auf Kategorieseiten

Jede Produktkarte ist ein Mikro-Entscheidungspunkt. Der Kunde entscheidet in unter einer Sekunde, ob er klickt. Alles auf der Karte muss diese Entscheidung unterstützen.

Nutze einheitliche, hochwertige Bilder

Alle Produktbilder auf einer Kategorieseite sollten dasselbe Seitenverhältnis und dieselbe Hintergrundbehandlung haben. Uneinheitliche Größen und Hintergründe lassen ein Raster unseriös wirken. Das Bild ist das, worauf das Auge zuerst geht. Ein sauberes, einheitliches Raster wirkt wie ein Shop, der seine Produkte ernst nimmt.

Füge visuelle Badges hinzu

Badges wie "Bestseller", "Neu", "Geringer Bestand" oder "Angebot" geben Kunden nützliche Informationen, ohne dass sie etwas lesen müssen. Sie senken die gedankliche Last beim Vergleich eines großen Produktrasters. Das ist eines der am wenigsten genutzten Werkzeuge auf Kategorieseiten. Ein Badge "Geringer Bestand" erzeugt Dringlichkeit. Ein Badge "Bestseller" liefert Social Proof. Beides braucht keinen Text.

Zeige die richtigen Kurzinfos

Preis, Produktname und ein kurzer Hinweis auf Varianten (etwa verfügbare Farben oder Größen) reichen meist. Versuche nicht, vollständige Beschreibungen auf Produktkarten unterzubringen. Ziel der Karte ist ein Klick, nicht der Verkaufsabschluss. Spare dir das Verkaufen für die Produktseite auf.

Zeige Sternebewertungen auf der Karte

Haben deine Produkte Bewertungen, zeige Sternebewertung und Anzahl direkt auf der Produktkarte. Kunden vergleichen Produkte, bevor sie klicken. Eine Bewertung von 4,8 Sternen mit 200 Rezensionen auf der Karte ist sichtbarer Social Proof genau in dem Moment, in dem ein Kunde entscheidet, welches Produkt er öffnet. Besonders wirksam ist das in umkämpften Kategorien, in denen mehrere ähnliche Produkte nebeneinander zu sehen sind.

Zeige Angebotspreise klar an

Ist ein Produkt im Angebot, zeige auf der Karte sowohl den ursprünglichen als auch den Angebotspreis. Streiche den ursprünglichen Preis durch und hebe die Ersparnis hervor, als Prozentwert oder fester Betrag. Kunden, die ein Raster überfliegen, reagieren auf sichtbare Ersparnisse. Eine Karte mit sichtbarer Preissenkung fällt sofort gegenüber Karten mit nur einem Einheitspreis auf.

Unterstütze den Wechsel von Farbe und Variante auf der Karte

Zeige bei Produkten mit mehreren Farboptionen Farbfelder direkt auf der Produktkarte. Ein Kunde, der eine bestimmte Farbe sucht, sollte sehen können, dass sie verfügbar ist, ohne die Produktseite zu öffnen. Ein Klick auf ein Farbfeld kann das Kartenbild auf diese Variante umstellen. So bleibt der Kunde im Raster, und es gibt weniger Hin und Her zwischen Kategorie- und Produktseiten.

Mach die gesamte Karte klickbar

Die Klickfläche einer Produktkarte sollte die ganze Karte abdecken, nicht nur Produktname oder Bild. Ein Kunde, der irgendwo auf eine Karte tippt, sollte auf der Produktseite landen. Kleine oder teilweise Klickflächen erzwingen präzises Tippen, was mobil Reibung erzeugt und am Desktop unreaktiv wirkt. Eine vollständig klickbare Karte ist ein kleines Detail, das das Stöbern auf jedem Gerät verbessert.

SEO-Texte für Kategorieseiten

Kategorieseiten ranken von Natur aus für Hauptbegriffe mit hohem Volumen. Eine Seite namens "Herren-Laufschuhe" konkurriert genau um dieses Keyword. Das Problem: Die meisten Kategorieseiten tragen fast keinen Text, was begrenzt, wie Suchmaschinen sie verstehen und ranken.

Füge über dem Raster einen kurzen Einleitungsabsatz hinzu

Zwei bis vier Sätze oben auf der Seite, über dem Produktraster, zeigen Suchmaschinen die Relevanz der Kategorie. Schreibe zuerst für den Kunden. Erkläre, was diese Kategorie enthält und für wen sie ist. Baue das Haupt-Keyword natürlich ein. Halte es kurz. Kunden wollen keinen Aufsatz lesen, bevor sie Produkte sehen.

Füge unter dem Raster einen Kaufratgeber hinzu

Ein Kaufratgeber von 200 bis 400 Wörtern unter dem Produktraster gibt dir Platz, relevante Fragen zu behandeln, Neben-Keywords einzubauen und Kunden, die noch entscheiden, Mehrwert zu bieten. Dieser Abschnitt ist nur sichtbar, wenn der Kunde über die Produkte hinaus scrollt. Er ist vor allem SEO-Fläche, kann aber auch unentschlossenen Käufern dienen, die einen Grund brauchen, sich für eine Produktart statt einer anderen zu entscheiden.

Schreibe die H1 der Kategorie für Kunden und Suchmaschinen

Die H1-Überschrift einer Kategorieseite ist üblicherweise der Kategoriename. Dieser Name ist zugleich das Haupt-Keyword. Achte darauf, dass er genau dem entspricht, wie deine Kunden suchen. "Damen-Leinenoberteile" rankt für diesen Begriff. "Sommerlieblinge" rankt für nichts Nützliches. Erzeugt deine Plattform H1-Überschriften automatisch aus Kategorienamen, prüfe jeden Kategorienamen mit derselben Sorgfalt wie einen Seitentitel. Ein Wort Unterschied kann über Ranking oder kein Ranking entscheiden.

Schreibe für jede Kategorie einen eigenen Meta-Titel und eine eigene Beschreibung

Kategorieseiten gelten oft als Strukturseiten, die keine eigenen Meta-Tags brauchen. Das ist eine verpasste Chance. Jede Kategorieseite konkurriert um bestimmte Suchbegriffe. Ein Meta-Titel mit dem Haupt-Keyword, der vermittelt, was die Kategorie enthält, schlägt einen generischen, automatisch erzeugten Titel. Die Meta-Beschreibung ist der Pitch, der den Kunden zum Klick bringt. Schreibe sie so, dass sie zu dem passt, was jemand mit dieser Suche wirklich sucht, nicht nur zu dem, was die Seite enthält.

Nutze saubere URL-Slugs mit Keywords

Die Kategorie-URL sollte dem Kategorienamen so genau wie möglich entsprechen. "deinshop.de/damen-leinenoberteile" ist besser als "deinshop.de/kategorie/c004". Kurze, lesbare URLs lassen sich leichter teilen, sind für Suchmaschinen leichter zu deuten und stärken die Keyword-Relevanz der Seite. Vermeide Session-IDs, Tracking-Parameter oder dynamisch erzeugte Zeichenketten in Kategorie-URLs. Fügt dein Shop-System sie standardmäßig hinzu, prüfe, ob sie entfernt oder per Canonical bereinigt werden können.

Verlinke von Kategorieseiten intern auf ergänzende Inhalte

Hast du Kaufratgeber, Blogartikel oder Anleitungen zu einer Kategorie, verlinke sie von der Kategorieseite aus. Eine Kategorieseite "Damen-Laufschuhe" kann auf einen Kaufratgeber zur Wahl des richtigen Laufschuhs verweisen. Das stärkt die thematische Relevanz der Kategorieseite für Suchmaschinen und gibt unentschlossenen Kunden einen Weg zu mehr Informationen. Interne Links von Kategorieseiten mit viel Traffic geben Autorität an die verlinkten Inhalte weiter. Setze sie gezielt ein.

Mobiles Design von Kategorieseiten

Die meisten Kunden stöbern auf Kategorieseiten mit dem Smartphone. Das Desktop-Layout lässt sich fast nie ohne gezielte Anpassungen sauber auf Mobilgeräte übertragen.

Mach Filter mit einem festen Button zugänglich

Ein fester Button "Filter", der ein Filterfenster im Vollbild öffnet, ist das mobile Standardmuster. Klappe Filter nicht in eine horizontal scrollende Zeile zusammen. Sie sind dann schwer zu sehen und leicht zu übersehen. Ein Vollbild-Fenster gibt Kunden genug Platz, Filter zu lesen und zu wählen, ohne auf kleine Ziele präzise tippen zu müssen.

Nutze ein zweispaltiges Produktraster

Zweispaltige Raster schlagen einspaltige auf Mobilgeräten, weil sie pro Scrollen mehr Produkte zeigen. Ein einspaltiges Layout zwingt Kunden, deutlich mehr zu scrollen, bevor sie Optionen vergleichen können. Halte die Bilder groß genug, um sie auch in dieser kleineren Größe klar zu erkennen.

Halte Sortierung und Anzahl über dem Raster

Sortierung und Produktanzahl sollten über dem Raster sichtbar sein, ohne dass gescrollt werden muss. Kann ein Kunde nicht sehen, wie viele Produkte passen, oder die Sortierung nicht ändern, ohne zu scrollen, verliert er schnell Kontext und Orientierung.

Prüfe die Badge-Platzierung auf kleinen Bildschirmen

Badges wie "Bestseller" oder "Geringer Bestand" können auf kleineren Bildschirmen Produktnamen oder Preise überdecken, wenn sie nicht gezielt mobil getestet wurden. Prüfe, dass Badges sichtbar sind, ohne wichtige Produktinformationen zu verdecken, in den Größen, die deine Kunden wirklich nutzen.

Was du auf Kategorieseiten vermeiden solltest

Einige häufige Fehler senken die Leistung von Kategorieseiten und werden beim Einrichten leicht übersehen. Jeder kostet dich leise Geld, oft ohne eine offensichtliche Spur in deinen Analysen.

Seitenumbruch statt "Mehr laden"

Harte Seitenumbrüche mit "Seite 2, Seite 3" unterbrechen den Stöberfluss für Entdecker. Ein Button "Mehr laden" oder endloses Scrollen hält Kunden in einem fließenden Erlebnis. Muss ein Kunde auf eine neue Seite wechseln, verliert er seine Position im Raster und kehrt oft nicht dorthin zurück. Nutze Seitenumbruch nur, wenn dein Sortiment sehr groß ist und Kunden bestimmte Seiten speichern oder teilen sollen.

Keyword-Stuffing in der Kategoriebeschreibung

Einleitungsabsatz und Kaufratgeber sind zuerst für Kunden da, danach für Suchmaschinen. Dichte Blöcke wiederholter Keywords lesen sich schlecht, und Suchmaschinen haben gelernt, sie abzuwerten. Schreibe für einen echten Menschen, der eine schnelle Orientierung zur Kategorie will. Ein oder zwei natürliche Erwähnungen des Haupt-Keywords im ersten Absatz genügen.

Ausverkaufte Produkte oben im Raster

Nicht verfügbare Produkte oben in den Ergebnissen zu zeigen, verschwendet die Aufmerksamkeit des Kunden und führt zu frustrierten Klicks auf Produktseiten ohne Ausweg. Schiebe ausverkaufte Artikel ans Ende des Rasters und kennzeichne sie klar. Noch besser: Gib Kunden einen Filter, um ausverkaufte Produkte ganz auszublenden, damit sie nur sehen, was sie wirklich kaufen können.

Zu viele Hauptkategorien

Mehr als acht bis zehn Hauptkategorien in deiner Navigation überfordern Kunden. Fasse verwandte Arten unter breiteren Überschriften zusammen und nutze Unterkategorien für die Tiefe. Eine zu breite Navigation zwingt Kunden, mehr Optionen zu lesen, als sie auf einmal verarbeiten können, und oft geben sie auf, bevor sie etwas wählen.

Uneinheitliche Layouts der Produktkarten

Zeigen manche Produktkarten einen Preis und andere nicht, haben manche Bewertungen und andere keine und variieren die Bildgrößen im Raster, wirkt die Seite unfertig. Kunden deuten visuelle Uneinheitlichkeit als Vertrauenssignal. Ein einheitliches, gut strukturiertes Raster zeigt, dass der Shop organisiert und verlässlich ist. Investiere vor dem Start Zeit, damit jede Karte derselben Struktur folgt.

Keine Sortieroptionen

Keine Sortierung anzubieten ist ein häufiges Versäumnis kleinerer Shops. Kunden sortieren nach Preis (aufsteigend), Neuheit, Bestsellern und Bewertung. Fehlt diese Kontrolle, muss jeder Kunde die von dir festgelegte Standardreihenfolge akzeptieren. Für einen Kunden mit knappem Budget ist die fehlende Preissortierung ein Grund zu gehen. Sortierfunktionen sind eine Grunderwartung, kein Premium-Feature.

Allgemeine Kategorienamen, die nichts aussagen

Kategorienamen wie "Kollektion 1" oder "Essentials" sagen Kunden nichts darüber, was drinsteckt. Sie geben auch Suchmaschinen nichts zum Ranken. Nutze schlichte, beschreibende Namen, die dazu passen, wie deine Kunden denken und suchen. "Damen-Leinenoberteile" schlägt "Sommer-Essentials" bei Nutzbarkeit wie bei Sichtbarkeit in der Suche.

Lange Ladezeiten durch nicht optimierte Bilder

Kategorieseiten laden mehrere Produktbilder auf einmal. Sind diese Bilder große Dateien, ist die Seite langsam. Langsame Seiten verlieren Kunden, bevor sie ein einziges Produkt sehen. Komprimiere alle Produktbilder vor dem Hochladen und nutze moderne Bildformate, wo dein Shop-System sie unterstützt. Die Kategorieseite ist oft der erste Eindruck deines Sortiments. Sie sollte in unter zwei Sekunden laden.

Was tun, wenn ein Filter null Ergebnisse liefert?

Das ist einer der am meisten übersehenen Momente im Design von Kategorieseiten. Ein Kunde setzt Filter, das Raster leert sich, und die meisten Shops zeigen eine leere Seite oder eine allgemeine Meldung "Keine Ergebnisse gefunden". Das ist eine Sackgasse.

Zeige eine hilfreiche Meldung mit nächstem Schritt

Statt nur "keine Ergebnisse" erkläre, was passiert ist, und gib dem Kunden sofort eine Handlungsmöglichkeit. Etwa: "Kein Produkt passt zu allen deinen aktuellen Filtern. Entferne den Größenfilter, um mehr Optionen zu sehen." Die Meldung sollte nennen, welchen Filter er lockern soll, und nicht nur sagen, er solle es erneut versuchen.

Zeige darunter die am besten passenden Produkte

Zeige unter der Meldung ein kleines Raster der Produkte, die den gesetzten Filtern am nächsten kommen. Hat jemand nach einem wasserdichten Stiefel in Größe 9 gefiltert und nichts passt genau, zeige die wasserdichten Stiefel in benachbarten Größen. Der Kunde hat dir schon gesagt, was er will. Nutze dieses Signal, um die beste verfügbare Alternative zu zeigen.

Verlinke auf angrenzende Kategorien

Kann die Kategorie selbst den Bedarf nicht decken, verlinke auf verwandte Kategorien, die es könnten. Ein Kunde, der etwas sucht, das du nicht führst, sollte mit einem Grund zum Wiederkommen gehen, nicht mit einer leeren Seite.

Einen genaueren Blick darauf, wie einzelne Produkte präsentiert werden sollten, sobald Kunden durchklicken, findest du unter Was macht eine gute Produktseite aus.

Wie WEMASY dir hilft, bessere Kategorieseiten zu bauen

Das E-Commerce-System von WEMASY enthält Werkzeuge für Kategorieseiten, die auf Conversion ausgelegt sind: Mehrfachauswahl-Filter, anpassbare Layouts für Produktkarten, Badge-Unterstützung und für Mobilgeräte optimierte Raster. Du kannst Unterkategoriestrukturen einrichten, den Einleitungstext steuern und Kaufratgeber-Inhalte unter dem Raster hinzufügen. Ohne Code.

Sieh dir die WEMASY-Preise an, um den passenden Plan für die Größe deines Shops und dein Sortiment zu finden.

Häufig gestellte Fragen