Produktfilter auf der Website: Auswahl statt Sackgasse planen

Eine Besucherin kennt die benötigte Tragfähigkeit und den Einsatzbereich, aber keinen Produktnamen. Dafür kann ein Filter hilfreicher sein als ein einzelnes Suchfeld. Ein anderer Besucher bringt bereits eine genaue Artikelnummer mit. Er möchte einen bekannten Eintrag finden. Diese beiden Aufgaben brauchen möglicherweise ergänzende Wege statt einer möglichst großen gemeinsamen Steuerung.

Ein Produktfilter grenzt strukturierte Einträge anhand gepflegter Eigenschaften ein. Facetten sind solche auswählbaren Merkmalsgruppen, etwa Einsatzbereich, Material oder Größe. Eine Volltextsuche wertet dagegen Begriffe aus einem Suchauftrag aus. Unser Beitrag über interne Website-Suche behandelt diese zweite Aufgabe einschließlich Suchbegriffen und Treffertexten.

Prüfen Sie zuerst, ob eine gegliederte Übersicht bereits genügt. Ein kleiner, eindeutig benannter Katalog braucht nicht automatisch ein umfangreiches Filtersystem. Filter werden interessant, wenn Besucher passende Kombinationen aus mehreren Eigenschaften finden sollen. Entscheidend ist die Schwierigkeit der Auswahl, nicht allein die Anzahl der Einträge.

Schreiben Sie drei typische Auswahlaufgaben aus Sicht Ihrer Kunden auf. Welche Eigenschaft wissen sie zuerst, und was verstehen sie erst nach einer Erklärung? Ein internes Merkmal wie eine Lagergruppe kann für die Verwaltung wichtig und für Kunden trotzdem ungeeignet sein. Die erste Planungsleistung besteht darin, aus den vorhandenen Daten eine verständliche Auswahl zu formen.

Wenn „blau“ und „grau“ ausgewählt werden, erwarten viele Kataloge Produkte in einer der beiden Farben. Bei „Farbe blau“ und „für außen“ sollen dagegen beide Anforderungen erfüllt sein. Diese logische Unterscheidung muss ausdrücklich festgelegt werden. Ein Filter darf nicht je nach Facette stillschweigend eine andere Bedeutung annehmen.

Das GOV.UK Design System zu Checkboxen beschreibt Auswahlmöglichkeiten mit einem oder mehreren Werten. Für genau eine Auswahl erläutert es gesondert Radio-Buttons. Die Muster helfen bei der verständlichen Bedienung; sie legen nicht die fachliche Kombinationslogik Ihres Katalogs fest.

Beschriften Sie die Gruppen und erklären Sie nötigenfalls, ob mehrere Werte möglich sind. Verlassen Sie sich nicht nur auf die Form des Bedienelements. Ein Zahlenbereich braucht erkennbare Einheit und Grenzen. Ein Schieberegler allein kann für präzise Werte unpraktisch sein; eine geeignete Eingabemöglichkeit ergänzt dann die Bedienung.

Auch die Trefferzahlen an Optionen benötigen eine Definition. Zeigen sie den Bestand vor oder nach Berücksichtigung der übrigen Auswahl? Wenn diese Bedeutung unklar bleibt, widersprechen sich scheinbar die Zahl am Häkchen und das Ergebnis. Stimmen Sie die Regel mit echten Auswahlbeispielen ab und halten Sie sie für Entwicklung und redaktionelle Pflege gleich fest.

Ein Mitarbeiter möchte einem Kollegen eine bereits eingegrenzte Produktauswahl schicken. Wenn der Link nur die ungefilterte Übersicht öffnet, muss er die Auswahl zusätzlich erklären. Ein geplanter URL-Zustand kann ausgewählte Merkmale, Sortierung und gegebenenfalls eine Ergebnisseite nachvollziehbar machen. Dabei sollten keine vertraulichen Informationen in öffentliche Adressen geraten.

MDN beschreibt URLSearchParams als technische Hilfe für Abfrageparameter in URLs. Die Schnittstelle löst weder die fachliche Auswahl noch die Entscheidung über Suchmaschinen. Für die Anwendung sind zusätzlich ungültige Werte, veraltete Filter und wiederhergestellte Browserzustände zu behandeln.

Auf dem Smartphone können Filter in einem eigenen Bereich stehen. Beim Öffnen, Anwenden und Schließen müssen Auswahl und Ergebnis verständlich bleiben. Die W3C-Erläuterung On Input fordert vorhersehbares Verhalten bei Eingabeänderungen. Ein ungefragter Seitenwechsel oder Fokusverlust nach jedem Häkchen kann die Bedienung erschweren.

Planen Sie deshalb, ob Änderungen sofort wirken oder mit „Filter anwenden“ bestätigt werden. Beide Wege können passen. Prüfen Sie den sichtbaren Stand nach einem Produktaufruf, dem Zurück-Button und einem neu geöffneten Link. Sortierung und Filter sind getrennte Entscheidungen; ein Wechsel der Reihenfolge sollte eine bestehende Eingrenzung nicht unbemerkt entfernen.

Viele Facetten können sehr viele Adressen erzeugen, obwohl die zugrunde liegenden Produkte gleich bleiben. Google erläutert in seinen Hinweisen zur facettierten Navigation, dass solche URL-Räume unnötige Crawlinglast und verzögerte Entdeckung sinnvoller Inhalte verursachen können. Die Entscheidung, welche gefilterten Ansichten überhaupt erschlossen werden sollen, ist daher ein eigener Planungsschritt.

Eine pauschale Indexierung aller Kombinationen ist ebenso wenig eine gute Standardregel wie eine ungeprüfte technische Sperre. Produktseiten, kuratierte Kategorien und rein temporäre Auswahlzustände erfüllen unterschiedliche Aufgaben. Welche technische Steuerung passt, wird anhand der vorhandenen Seiten, Verlinkung und Suchintention geprüft. Der Artikel gibt dafür keine allgemeine robots.txt- oder Canonical-Schablone vor.

Ruhrstack verbindet individuelle Funktionen und Schnittstellen mit der Prüfung technischer Voraussetzungen und vereinbarter Testfälle. Ein Filterauftrag kann die gepflegten Merkmale, verständliche Auswahl und kontrollierte URL-Zustände gemeinsam berücksichtigen. Eine vorhandene Shop- oder Katalogfunktion kann dafür bereits genügen; eine Ergänzung braucht eine konkrete fehlende Fähigkeit.

Für die erste Besprechung helfen die Produktgruppen, eine kleine bereinigte Merkmalsliste und typische Auswahlfragen. Beschreiben Sie auch, ob eine Auswahl teilbar sein soll und welche Ansichten Besucher über Suchmaschinen finden sollen. So entsteht eine Lösung aus der tatsächlichen Kundensuche und der Datenlage Ihres Unternehmens.