Faceted Navigation

Overview

Build a filterable product listing page (PLP) where shoppers can narrow results by multiple attributes simultaneously — size, color, brand, price range, rating — while keeping the URL in sync so filters are shareable, bookmarkable, and crawlable by search engines. Good faceted navigation drives measurable conversion lift on catalogs with more than 50 SKUs.

When to Use This Skill

• When a product catalog exceeds ~50 SKUs and browse-only navigation causes shopper frustration
• When building or redesigning a category/collection listing page
• When SEO requires crawlable faceted URLs (e.g., /shoes/running?color=black&size=10)
• When replacing a legacy faceted implementation that breaks the back button
• When implementing Algolia InstantSearch or a custom faceting layer on Elasticsearch

Core Instructions

Step 1: Determine the merchant's platform and choose the right approach