Product filters and faceted navigation for small shops

Key takeaways

Faceted navigation lets shoppers narrow a product list by several attributes at once, such as size, colour, price and brand. Offer the filters shoppers actually use, show result counts, let them combine filters and undo them easily, and make the panel work well on phones. Control which filter combinations search engines can crawl.

• Facets filter by several attributes at once.
• Offer the filters shoppers use, not every attribute.
• Show result counts and make filters easy to remove.
• Limit which filtered URLs search engines crawl and index.

What is faceted navigation?

Faceted navigation is a way of browsing a set of products by selecting values across several independent attributes, called facets, such as size, colour, material and price. Nielsen Norman Group distinguishes filters, which narrow results by one attribute, from facets, which offer multiple dimensions shoppers can combine.

• How clear website navigation improves user experience
• E-commerce navigation: help shoppers find products fast

Which filters should a shop offer?

Offer the attributes shoppers use to decide, which vary by product. Clothing shoppers filter by size and colour; furniture shoppers by dimensions and material; gift shoppers by price and recipient. Check site search terms and customer questions to find them. Hide filters that would return one or two products.

• Size, fit and colour for clothing.
• Dimensions, material and finish for furniture.
• Price range for most shops.
• Compatibility for parts and accessories.
• In-stock only, if stock varies.

How should filters look on mobile?

On phones, use a 'Filter' button that opens a full-screen or slide-up panel, with each facet as an expandable section. Show how many results each option leaves, a clear 'Show 24 results' button and an obvious way to clear filters. Show applied filters as removable chips above the results.

Can filters cause SEO problems?

Yes. Every combination of filters can create a new URL, producing thousands of near-duplicate pages that waste crawl effort. Google's crawl budget guidance mentions faceted navigation as a common cause of wasted crawling on large sites. Allow only valuable combinations, such as a category plus colour, to be indexed, and block or canonicalise the rest.

• Click depth: how far key pages sit from your homepage

What are the common filter mistakes?

The common mistakes are filters that reload the page and lose the scroll position, filters that reset with the back button, options that lead to zero results, inconsistent attribute data across products and slow filter updates. Consistent product data is the foundation; without it, filters miss products.

• The back button: why breaking it frustrates visitors
• Slow site search and filters: when finding takes too long

What does this look like in practice?

A pattern we see: a clothing shop offers 14 filters, including some with one product each, and half its products have no colour attribute, so filtering by colour hides them. Cleaning the product data and offering five filters shoppers use makes filtering reliable.

• See client work
• Website Design & Development for UK businesses

Faceted navigation checklist

• Filters based on what shoppers use.
• Consistent attribute data on every product.
• Result counts on each option.
• Removable chips for applied filters.
• Filter state kept in the URL.
• Controlled indexing of filter pages.

• Shopify navigation: menus and collections shoppers follow
• Search results pages: make site search find things

Next step

Pick one category and check that every product in it has values for each filter you offer.