What is faceted navigation?
A facet is one attribute of a thing: the color of a jacket, the decade of a record, the price band of a lamp. Faceted navigation puts those attributes in a panel and lets a visitor stack them: black, under $200, in stock, size medium. Each click narrows the list and the page updates, usually with a URL that carries the chosen filters so the result can be shared or returned to. It is the standard way big catalogs are browsed, from retail stores to real estate listings to music libraries.
It is different from a category tree. Categories are a single path down: menswear, then jackets, then leather. Facets are many paths at once, and the visitor chooses the order. That flexibility is why it works for shoppers, and why it causes trouble for search engines, because every combination of filters is a page.
Why it matters
Why faceted navigation matters
For a visitor it is the difference between finding and scrolling. A store with two thousand products and no filters is a store where most products are never seen. Good facets reflect how people actually decide (a buyer thinks in size and budget, not in SKU), and they make the catalog feel smaller and the brand feel organized. For the business it is also data: the filters people use are a live survey of what they care about. For search, though, faceted navigation can generate millions of near-duplicate URLs that waste crawl budget and dilute rankings, which is why it has to be designed with the technical side in the room.
In practice
How faceted navigation works in practice
- 01
We start with the attributes. The ones that matter to a buyer go in the panel; the ones that matter only to the warehouse stay out. The order follows decision-making: the facet most people use first sits at the top. Counts next to each option tell the visitor what they will get before they click, and options that would return nothing are hidden or dimmed. On a phone the panel folds into a single filter button, which is where most of the use happens.
- 02
On the technical side, each filtered view needs a decision: is this a page search engines should index, or a view only people should see? Useful combinations (black leather jackets) get clean URLs and canonical tags; the long tail of combinations is kept out of the index with canonicals, robots rules or parameter handling, so the crawl goes to the pages that deserve it.
At RIOT
Faceted navigation at RIOT
AltSounds, our music video channel, is a catalog of thousands of videos, and nobody wants to scroll a list that long. It is browsed by artist, genre and decade, which is faceted navigation under another name, and the URLs are built so that each useful view is a page of its own rather than a string of parameters.
Watch out
What people get wrong about faceted navigation
Offering every attribute as a facet. Thirty filters is a spreadsheet, not navigation; six well-chosen ones do the work. Second, letting the filters generate URLs with no plan for search engines, so the crawler spends its budget on sort-by-price-ascending-page-47 while the product pages go stale in the index. Third, resetting the filters on every page change, which is the fastest way to send a shopper back to Google.
