Produktfilter in WooCommerce: facettierte Suche, die konvertiert

Ein Kunde, der das richtige Produkt nicht findet, verlässt den Shop. Sobald ein Katalog über einige Dutzend Artikel hinauswächst, reicht reines Stöbern nicht mehr aus, und der Shop braucht einen schnellen Weg, die Auswahl einzugrenzen. Genau dafür gibt es die facettierte Filterung. Sie macht den Unterschied zwischen einer Kategorieseite, die wie eine Wand aus Produkten wirkt, und einer, die sich wie ein geführter Pfad zum richtigen Artikel anfühlt. Dieser Leitfaden erklärt, was Produktfilterung ist, warum sie die Conversion steigert, worauf ein guter Filter achten muss und wie das kostenlose Sieve-Plugin facettierte Suche zu WooCommerce hinzufügt, ohne die Seitengeschwindigkeit aufs Spiel zu setzen.

Was facettierte Filterung ist

Mit facettierter Filterung kann ein Besucher eine Produktliste nach mehreren Merkmalen gleichzeitig eingrenzen: Kategorie, Größe, Farbe, Preisspanne, Marke, Verfügbarkeit. Jede Auswahl verfeinert die Ergebnismenge, statt sie zu ersetzen, sodass der Kunde Filter aufeinanderschichtet, bis nur noch die relevanten Produkte übrig bleiben. Setzt er ein Häkchen bei “Blau”, dann bei “Medium” und schließlich bei “unter 50”, schrumpft die Liste bei jedem Schritt genau auf die Schnittmenge dieser Auswahlen.

Der Unterschied zu einem einfachen Suchfeld besteht darin, dass Facetten strukturiert sind. Der Kunde muss nicht das richtige Stichwort erraten oder einen Markennamen korrekt schreiben, sondern wählt aus den Merkmalen, die der Katalog ohnehin verwendet, und die Liste passt sich entsprechend an. Suche und Facetten ergänzen sich, statt zu konkurrieren: Die Suche ist der Weg, einen Ausgangspunkt zu finden, wenn jemand genau weiß, was er sucht, und Facetten sind der Weg, einen breiten Ausgangspunkt einzugrenzen, wenn jemand nur ungefähr weiß, was er will.

Es hilft, zwei oft vermischte Begriffe zu trennen. Ein Filter ist ein einzelnes Bedienelement, eine Checkbox oder ein Preisregler. Eine Facette ist ein Filter, der auf der Struktur Ihrer Daten beruht, sodass sie anzeigen kann, wie viele Produkte hinter jeder Option stehen, und diese Zahlen aktualisiert, sobald andere Auswahlen getroffen werden. Ein Stapel zusammenhangloser Checkboxen ist Filterung; ein Satz Facetten, die miteinander und mit der Ergebniszahl kommunizieren, ist facettierte Suche. Letzteres erwarten Kunden heute, weil jeder große Händler sie genau daran gewöhnt hat.

Warum es konvertiert

Filterung verkürzt den Weg vom Einstieg in eine Kategorie bis zum richtigen Produkt, und das ist entscheidend, denn die meisten Besucher scrollen nicht durch mehrere Ergebnisseiten. Sie bilden sich schnell ein Urteil darüber, ob der Shop “das hat, was ich will”, und handeln danach. Ein guter Filter lenkt dieses Urteil zu Ihren Gunsten. Drei Faktoren treiben den Conversion-Gewinn:

• Schneller zum richtigen Produkt. Ein paar Klicks schlagen endloses Scrollen, gerade bei einem großen Katalog. Je schneller ein Kunde zu einer kurzen, relevanten Liste gelangt, desto wahrscheinlicher kauft er auch daraus.
• Weniger Sackgassen. Wenn die Filter widerspiegeln, was tatsächlich auf Lager ist, verschwendet der Kunde keine Klicks auf Kombinationen, die nichts liefern. Eine leere Sackgassen-Seite liest sich wie “die haben es nicht”, selbst wenn sie es haben.
• Vertrauen. Zu sehen, wie viele Produkte auf jede Option zutreffen, gibt dem Kunden die Sicherheit, die gesamte relevante Auswahl gesehen zu haben, statt sich zu fragen, was zwei Seiten weiter verborgen liegt.

Es gibt noch einen leiseren Vorteil. Gefilterte, als Lesezeichen speicherbare URLs erlauben es einem Kunden, eine verfeinerte Ansicht zu sichern oder zu teilen, und Ihnen, aus einer Kampagne oder einem Blogbeitrag direkt auf “rote Kleider unter 60” zu verlinken. Das verwandelt einen Filter von einer reinen Stöberhilfe in eine Marketingfläche.

Tipp: Gefilterte URLs lassen sich als Lesezeichen speichern, sodass Sie aus einer Kampagne oder einem Blogbeitrag direkt auf eine verfeinerte Ansicht wie “rote Kleider unter 60” verlinken können und der Filter zur Marketingfläche wird.

Sofortfilter und abhängige Zählwerte

Zwei Funktionen unterscheiden einen modernen Filter von den einfachen WooCommerce-Widgets, und auf sie sollten Sie vor allem anderen achten.

Sofortfilter aktualisieren die Liste ohne vollständigen Seiten-Reload. Der Kunde setzt ein Häkchen, und die Ergebnisse ändern sich an Ort und Stelle, wodurch der Stöberfluss nicht unterbrochen wird. Ein Seiten-Reload dagegen wirft die Scroll-Position weg, lässt den Bildschirm für einen Moment leer und lässt jede Verfeinerung wie eine endgültige Festlegung wirken. Sofortfilterung beseitigt diese Reibung, sodass sich das Verfeinern wie Erkunden anfühlt und nicht wie das Absenden eines Formulars.

Abhängige Zählwerte zeigen neben jeder Option an, wie viele Produkte sie unter den bereits gesetzten Filtern zurückliefern würde, und entfernen oder deaktivieren die Optionen, die nichts ergeben würden. Das ist die eine Funktion, die die frustrierende leere Ergebnisseite verhindert. Ohne sie kann ein Kunde eine völlig vernünftig aussehende Kombination anhaken und auf “keine Produkte gefunden” landen; mit ihr werden die unmöglichen Kombinationen schlicht gar nicht erst angeboten.

Hinweis: Abhängige Zählwerte sind die eine Funktion, die die leere Ergebnisseite verhindert. Die unmöglichen Kombinationen werden schlicht nicht angeboten, sodass ein Kunde keine vernünftig aussehende Kombination anhaken und auf “keine Produkte gefunden” landen kann.

Sieve for WooCommerce bietet sofortige AJAX-Filter mit abhängigen Zählwerten und stabilem Ergebnis-Rendering, sodass die Liste an Ort und Stelle aktualisiert wird, ohne zu springen. Sieve hält die URL mit den aktiven Filtern synchron, und genau das macht eine gefilterte Ansicht teilbar und als Lesezeichen speicherbar: Laden Sie die Seite neu, kehrt dieselbe verfeinerte Ergebnismenge zurück.

Was ein guter Filter braucht

Ein Filterwerkzeug für WooCommerce sollte eine Handvoll Grundlagen abdecken. Nutzen Sie dies als Checkliste, egal ob Sie selbst bauen, kaufen oder installieren:

• Eine Bandbreite an Facettentypen. Checkboxen für Mehrfachauswahl, Radio-Buttons für Einfachauswahl, ein durchsuchbares Dropdown für lange Listen, ein Bereichsregler für den Preis und ein Freitext-Suchfeld. Ein einziger Steuertyp passt nicht für jedes Merkmal.
• Die richtigen Datenquellen. Kategorien, Schlagwörter, Produktattribute, Preis, Lagerstatus und Angebotsstatus sind die naheliegenden Achsen, nach denen ein Kunde filtert.
• Sofortige Aktualisierung an Ort und Stelle. AJAX-Ergebnisse, keine vollständigen Reloads.
• Abhängige Zählwerte. Live-Zahlen pro Option, wobei unmögliche Kombinationen ausgeblendet werden.
• Teilbarer Zustand. Die aktiven Filter spiegeln sich in der URL, sodass eine Ansicht verlinkt oder als Lesezeichen gespeichert werden kann.
• Hilfen rund um die Facetten. Sortierung, Seitennummerierung, ein Zurücksetzen-Element und Chips für aktive Filter, damit der Kunde sieht und rückgängig machen kann, was er gesetzt hat.
• Eine mobile Schublade. Auf Smartphones gehören Filter in ein Panel, das sich über die Liste schiebt, mit einer Möglichkeit, die Auswahl anzuwenden und zu den Produkten zurückzukehren.
• Barrierefreiheit. Unterstützung für Tastatur und Screenreader, denn Filter sind interaktive Bedienelemente, die jeder bedienen können muss.
• Geschwindigkeit bei wachsendem Umfang. Ein Abfrageansatz, der schnell bleibt, auch wenn der Katalog auf mehrere Tausend Artikel anwächst.

Beachten Sie, was nicht auf dieser Liste steht: ausgefeiltes Ranking oder Personalisierung. Das sind Verfeinerungen, die erst zählen, sobald die genannten Grundlagen solide sind. Ein Filter, der sofort, präzise und barrierefrei ist, schlägt einen cleveren Filter, der die Seite neu lädt oder in Sackgassen führt.

Wie Sieve das löst

Sieve ist ein kostenloses, quelloffenes Plugin, das genau diesen facettierten Suchablauf zu den WooCommerce-Produktarchiven hinzufügt. Es ist um einen vorab erstellten Index für schnelle gefilterte Abfragen und ein AJAX-Frontend herum gebaut, das die Ergebnisse an Ort und Stelle aktualisiert.

Das Sieve-Filter-Panel auf einer Kategorieseite im Shop, das das Produktraster an Ort und Stelle verfeinert, während der Kunde Facetten kombiniert.

Die Facetten

Sieve bietet ein vollständiges Set an Facettentypen, sodass jedes Merkmal das passende Bedienelement bekommt: Checkboxen, Radio-Buttons, ein durchsuchbares Dropdown, einen Bereichsregler, ein Suchfeld, Sortierung, Seitennummerierung, ein Zurücksetzen-Element und Chips für aktive Filter. Die Daten hinter diesen Facetten stammen direkt aus WooCommerce: Kategorien, Schlagwörter, Produktattribute, Preis, Lagerstatus und Angebotsstatus. So können Sie etwa eine Kategorie-Checkbox-Liste, einen Preis-Bereichsregler, einen Verfügbarkeitsfilter und einen Angebots-Schalter im selben Panel kombinieren, jeweils mit Live-abhängigen Zählwerten.

Das Ergebnis-Rendering ist der Teil, der die Performance schützt. Die Ergebnisse aktualisieren sich ohne Seiten-Reload und ohne Layoutverschiebung, sodass die Seite nicht springt, wenn sich Zählwerte und Produkte ändern. Genau das hält die Interaktions- und die Layoutstabilitätsseite der Core Web Vitals intakt. Sieve behandelt stabile Ergebnisdarstellung als Kernbestandteil der Filterung und nicht als nachträglich angeflanschten Zusatz.

Warnung: Schlecht gebaute Filter schaden den Core Web Vitals, indem sie das Layout beim Laden der Ergebnisse verschieben. Ergebnisse, die sich an Ort und Stelle ohne Layoutverschiebung aktualisieren, halten die Interaktions- und Stabilitätsmetriken intakt.

Das mobile Erlebnis

Auf kleinen Bildschirmen verschiebt Sieve die Facetten in eine mobile Filter-Schublade mit einer fest verankerten “Ergebnisse anzeigen”-Leiste. Die Schublade schiebt sich über die Liste, statt die Produkte in eine lange Spalte nach unten zu drängen, und die fest verankerte Leiste gibt dem Kunden einen stetigen Weg, seine Auswahl anzuwenden und zum Stöbern zurückzukehren. Da der größte Teil des Katalog-Traffics inzwischen auf Smartphones anfällt, entscheidet sich hier üblicherweise, ob Filterung gelingt oder scheitert.

Barrierefreiheit und Platzierung

Die Facetten-Widgets sind so gebaut, dass sie tastatur- und screenreaderfreundlich sind, sodass sich der Filter ohne Maus bedienen lässt. Um den Filter auf einer Seite zu platzieren, haben Sie zwei Möglichkeiten: den [sieve]-Shortcode oder den “Sieve Filter”-Block für den Block-Editor. Beide rendern die Facetten, das Ergebnisraster, die Sortierung, die Chips für aktive Filter und die Seitennummerierung gemeinsam als eine Einheit, sodass keine separaten Widgets zusammengesetzt werden müssen.

Die Einrichtung

Bis die facettierte Filterung live ist, vergehen nur wenige Minuten:

Der Sieve-Einstellungsbildschirm im wp-admin, in dem Sie den Index neu aufbauen und das Facetten-Panel zusammenstellen.

1. Installieren und aktivieren Sie WooCommerce, dann installieren und aktivieren Sie Sieve.
2. Öffnen Sie das Sieve-Menü und bauen Sie den Index neu auf. Das ist der vorab erstellte Index, der gefilterte Abfragen bei einem großen Katalog schnell macht, daher lohnt es sich, ihn vor dem Livegang und erneut nach einer umfangreichen Katalogänderung auszuführen.
3. Im Facetten-Builder können Sie Facetten hinzufügen, neu anordnen und ihren Typ ändern sowie das Layout festlegen, damit das Panel zu den Merkmalen passt, nach denen Ihre Kunden tatsächlich filtern. Beschränken Sie sich auf die wenigen Achsen, die zählen, statt jedes vorhandene Attribut aufzunehmen.
4. Platzieren Sie den Filter mit dem [sieve]-Shortcode oder dem “Sieve Filter”-Block auf einer Seite.

Das ist die gesamte Einrichtung. Von da an erhalten Kunden im Frontend sofortige, kombinierbare Facetten mit abhängigen Zählwerten und eine gefilterte URL, die sie als Lesezeichen speichern oder teilen können.

Der aktuelle Umfang

Sieve wird in der eigenen Readme als frühe MVP-Version beschrieben, daher ist es ehrlich, es als fokussiertes Werkzeug zu behandeln, das facettierte Filterung gut beherrscht, statt als ausufernde Suite. Der vollständige, menschenlesbare Quellcode für die kompilierten Assets liegt im Plugin neben den Build-Werkzeugen bei, und das öffentliche Quell-Repository ist verfügbar, sodass nichts daran eine Blackbox ist.

Praktische Tipps für Filter, die konvertieren

Ein Plugin liefert den Mechanismus; die Entscheidungen liegen bei Ihnen. Ein paar praktische Hinweise:

• Filtern Sie nach dem, wonach Kunden entscheiden, nicht nach allem, was Sie speichern. Ein Panel mit fünf aussagekräftigen Facetten schlägt eines mit fünfzehn. Wählen Sie die Achsen, die Menschen wirklich zur Auswahl nutzen, meist Kategorie, Preis, ein oder zwei zentrale Attribute und Verfügbarkeit.
• Setzen Sie auf abhängige Zählwerte. Sie sind die Funktion, die Sackgassen verhindert, also stellen Sie sicher, dass die ausgespielten Facetten echte Zählwerte dahinter haben und nicht nahezu leere Attribute sind.
• Preis auf den Regler, lange Listen ins durchsuchbare Dropdown. Passen Sie das Bedienelement an die Daten an. Eine Markenliste mit vierzig Namen ist ein durchsuchbares Dropdown, keine vierzig Checkboxen.
• Halten Sie Chips für aktive Filter und ein Zurücksetzen sichtbar. Kunden verfeinern durch Ausprobieren. Eine Auswahl mit einem Klick sehen und rückgängig machen zu können, hält sie am Erkunden, statt zur Zurück-Taste zu greifen.
• Testen Sie die mobile Schublade auf einem echten Smartphone. Die fest verankerte Anwenden-Leiste und das Verhalten der Schublade sind die Stellen, an denen heute die meiste Filterung passiert, also prüfen Sie dieses Erlebnis zuerst und nicht zuletzt.
• Indexieren Sie nach großen Katalogänderungen neu. Der vorab erstellte Index hält die Filterung schnell; bauen Sie ihn nach einem Massenimport oder einer umfangreichen Attributänderung neu auf.

Tipp: Bauen Sie den vorab erstellten Index nach einem Massenimport oder einer umfangreichen Attributänderung neu auf. Er ist es, der gefilterte Abfragen schnell hält, während der Katalog auf mehrere Tausend anwächst.

Sieve im Vergleich zum WooCommerce-Standard

Der WooCommerce-Kern liefert nur einfache Attribut-Widgets, die die Seite neu laden. Hier der Unterschied speziell für die Produktfilterung:

Funktion	WooCommerce-Standard	Sieve
Filteraktualisierung	Vollständiger Seiten-Reload	Sofort, an Ort und Stelle (AJAX)
Mehrere Filter kombinieren	Eingeschränkt	Ja, facettiert
Facettentypen	Wenige Widgets	Checkboxen, Radio, Dropdown, Bereich, Suche, Sortierung, Chips
Datenquellen	Attribute	Kategorien, Schlagwörter, Attribute, Preis, Lager, Angebot
Ergebniszahlen pro Option	Nein	Abhängige Zählwerte
Optionen ausblenden, die nichts liefern	Nein	Ja
Teilbare gefilterte URLs	Eingeschränkt	Ja, URL bleibt synchron
Mobile Bedienung	Lange Spalte	Schublade mit fest verankerter Anwenden-Leiste
Layoutstabilität	entfällt	Keine Layoutverschiebung, by design
Große Kataloge	Wird langsam	Vorab erstellter Index
Kosten	Kostenlos (Kern)	Kostenlos (GPL); PRO ergänzt Regeln, Tests und Integrationen

Kostenlos im Vergleich zu PRO

Die kostenlose Edition ist ein vollständiger facettierter Suchablauf und kein bloßes Lockmittel: sofortige AJAX-Filter, das komplette Set an Facettentypen, abhängige Zählwerte, teilbare URLs, die mobile Schublade, barrierefreie Widgets, der vorab erstellte Index und die Platzierung per Block und Shortcode sind alle enthalten. Sieve Pro baut darauf auf, für Shops, die den Filter weiter abstimmen und erweitern wollen. Es setzt das kostenlose Sieve-Plugin voraus und ergänzt:

• Ein Performance-Dashboard unter Sieve → Performance, mit Index-Gesundheit, Katalogabdeckung, einer Schätzung der Tabellengröße, einer vollständigen Neuindexierungs-Aktion und einem Filter-Auflösungs-Benchmark.
• Bedingte Facettenregeln, die bestimmte Facetten je nach Kategorieseite, Kundenrolle oder Haupt-Shop-Seite ausblenden.
• A/B-Layout-Tests, die Filter-Panel-Layouts und die Spaltenzahl des Rasters mit Impression-Tracking rotieren lassen.
• Eine Sterne-Bewertungs-Facette, die für den Durchschnittsbewertungs-Filter sichtbare Sternreihen statt schlichter Checkboxen anzeigt.
• Suchintegrationen, die die vorausschauende und die rasterinterne Suche über SearchWP oder Algolia leiten, mit der nativen Sieve-Suche als Fallback.

Die Kurzfassung

Facettierte Filterung sorgt dafür, dass ein wachsender WooCommerce-Katalog durchsuchbar bleibt: Sie führt Besucher mit wenigen Klicks zum richtigen Produkt, vermeidet dank abhängiger Zählwerte leere Sackgassen-Seiten und funktioniert mobil über eine Schublade. Ein guter Filter braucht eine Bandbreite an Facettentypen, die richtigen Datenquellen, sofortige Aktualisierung an Ort und Stelle, teilbare URLs und barrierefreie Bedienelemente, und das alles bleibt schnell, während der Katalog wächst. Das kostenlose Sieve-Plugin deckt diesen gesamten Ablauf mit AJAX-Facetten, abhängigen Zählwerten, einer mobilen Schublade und einem vorab erstellten Index ab, gerendert ohne Layoutverschiebung; Sieve Pro ergänzt ein Performance-Dashboard, bedingte Regeln, A/B-Layout-Tests, eine Sterne-Bewertungs-Facette sowie SearchWP- oder Algolia-Integrationen, sobald Sie bereit sind, weiter zu optimieren.