Story 26.2. Make filtered navigation on /bags/ crawlable for SEO

01

Scenario: Static URLs for important filtered pages
Given I’m viewing a filtered bags page using brand + bag type
When I select a filter (e.g., “Clutch Bags”)
Then the page should update with a static, crawlable URL (e.g., /bags/brand/model/)

02

Scenario: Avoid JavaScript dependency for filter rendering
Given a user lands on a filtered URL
When the page loads
Then all filter results should be rendered server-side, without requiring JavaScript

03

Scenario: Prevent undesired filter combinations
Given I try to access an invalid filter combo (e.g., ?brand=chanel&brand=hermes)
When the page loads
Then it should redirect or show a valid single-brand result only

04

Scenario: SEO-friendly linking in HTML
Given a filterable category page
When I inspect the HTML
Then important filter combinations should appear as <a href> links in the rendered HTML

05

Scenario: Maintain user experience
Given a user selects a filter
When the page reloads with a static URL
Then the new page should maintain the same filter selection and show correct products

06

Scenario: Add a brand + model block to filtered pages
Given I’m on a filtered bags category page
When the page loads
Then a block with selected brand + popular bag models should be shown at the top of the results grid

Example: https://www.net-a-porter.com/en-ie/shop/designer/bottega-veneta/bags