Skip to content

How do I optimize collection pages?

By cartscaling Reviewed 5 min read

The short answer

Treat the collection page as a shortlist, not a warehouse. Fix the sort order first, because it decides what most visitors ever see. Then make filters match how people actually narrow a choice, give each product card enough information to compare, and cut the collections that overlap each other.

The first screen decides almost everything

Most visitors judge a collection on the first row or two of products and never scroll to the bottom, so the order those products appear in matters more than anything else on the page.

Check what your sort order actually is right now. Many stores are running whatever the platform defaulted to, which is often the order products were created, or a manual order set during a launch two years ago and never touched. Neither has any relationship to what sells.

A sensible default puts products that convert well and are in stock at the top, with new arrivals given deliberate placement rather than automatic priority. Best-selling is a reasonable automatic rule for most categories. What you want to avoid is a first screen full of items that are out of stock, low margin, or the least representative of the range.

The out-of-stock point is worth its own check. Unavailable products should sink to the end rather than being removed entirely, so the page keeps its internal links while shoppers see things they can buy.

Make this a scheduled review rather than a one-off. Sort order drifts as the catalogue changes, and a collection that was well ordered in spring is often wrong by autumn.

Filters should match how people narrow a decision

Offer the filters that correspond to how a buyer in your category eliminates options, and remove the ones that exist only because you happen to hold the data.

The test is whether a shopper would say the filter out loud while shopping. In clothing that is size, colour and price. In hardware it is compatibility and capacity. In consumables it is quantity, flavour or ingredient. Filters for internal attributes, supplier codes or collection membership add clutter and get ignored.

Two details make filters work rather than frustrate. Show how many products sit behind each option, so nobody selects a filter that returns nothing. And either hide or disable options with no available stock, because a shopper who filters to their size and sees an empty page assumes you do not stock it at all.

On a phone, filters need to be reachable without scrolling to the bottom, and applying them should not lose the person's place in the list.

One caution. Filtered views generate large numbers of URLs, and those should work for shoppers while staying out of the search index. Where a specific filtered view has real search demand behind it, promote it into a proper collection with its own copy instead of leaving it as a parameter.

Give the product card enough to compare with

A collection page is a comparison, and the card is the unit of comparison. Most cards show a photograph, a name and a price, which is not enough to decide between two similar items.

Add the attribute that separates products in your category. For clothing that is available sizes and colours. For food it might be the flavour or the pack size. For equipment it is the one specification people compare on. Putting that on the card removes a round trip to the product page and back.

Include the star rating and review count where you have genuine reviews, because social proof works harder in a list than on a single page.

Show a second image on hover or swipe where it adds something, particularly for products where the back, the inside or the scale matters.

And be careful with badges. One clear badge for something meaningful, such as low stock or new, is useful. Five overlapping badges on every card means none of them registers.

Check the card on a phone at the actual size it renders. Text that is readable on a desktop mock-up is frequently unreadable in a two-column mobile grid, and that is where most of your visitors are.

Written copy turns a grid into a page worth ranking

A collection page that is only a product grid gives search engines nothing to work with and gives an undecided shopper no help. Adding copy that explains the choice is what separates a category page that ranks from one that exists.

Keep a short introduction above the grid, two or three sentences that confirm the visitor is in the right place and say what the range covers. Do not put long copy there, because it pushes the products down and shoppers came to see products.

Put the substance below the grid: how the options differ, who each one suits, what to check before buying, and the questions your customers ask. Written for a person, not assembled from keywords.

This is also the copy that gets used when someone asks an assistant which type of product to buy for their situation. A page that genuinely explains a decision is quotable. A page that lists twelve products is not.

The details that make it credible are specific to you: your own stock, your delivery times, what you have learned from returns and support questions. Generic category copy that could sit on any store adds length without adding value.

Have fewer collections, linked properly

Most stores have too many collections, created for menus and campaigns and never removed, and they compete with each other for the same searches.

Audit them by listing every collection with its product count and its traffic. Look for two things: collections with almost identical product sets under different names, and collections with a handful of products created for a navigation menu. Merge the overlapping ones, choosing the name that matches what people search for, and redirect the loser.

Then fix the linking. Parent categories should link to their subcategories in the body copy, not only in the navigation. Related categories should link to each other where a shopper might reasonably move between them. And the collections you consider most important should be linked from the most places, because your own internal linking is the clearest statement of what matters on your site.

Check the depth as well. A product that takes four clicks from the homepage to reach is harder for both shoppers and crawlers. Most catalogues can be organised so anything is reachable in two or three.

And keep seasonal collections rather than deleting them. A page for a recurring season builds value each year if the URL stays the same.

Worked example, not a result

A pass over one collection page

Sort order
Changed from manual to best selling
Out of stock items
Moved to the end
Filters
Reduced from 9 to 4
Product card
Added sizes, rating and second image
Intro copy above the grid
3 sentences
Detail copy below the grid
400 words on choosing
Overlapping collections merged
3 into 1

Worked example, not a result

Related questions

Enough that a shopper can compare without endless scrolling, which usually means a few dozen. The bigger issue is whether later pages are reachable at all, so make sure pagination is crawlable rather than loading only on a button click.

A short introduction above and the detail below. Long copy above the grid pushes products off the first screen, which costs you sales in exchange for a search benefit you can get just as well from copy lower on the page.

It can be, if products only load on scroll and there is no crawlable path to the later ones. If you use it, keep paginated URLs available underneath so everything in the collection can still be found.

The ones you want to rank should. A collection built purely for internal organisation does not need an essay, and if it does not deserve copy, it is worth asking whether it should be a separate collection at all.

Keep reading

Want this answered for your store?

Send it. The plan looks at your numbers, not the general case.

Store, name, email and phone. A person replies from a real inbox. Privacy

Get your free growth plan