A customer got in touch towards the end of last month. She runs a home shop in Copenhagen with 380 products, many of which come in 5 to 9 colour ways. Her collection pages looked something like this: multiple variations of the same pillow, photographed differently, with no swatches, no colour filter, and absolutely no way to browse by colour. This is not great. She’d been told by several agencies to ‘just use tags’ and it hadn’t worked for her.
Organizing Shopify products by color is an apparently simple problem with at least four distinct solutions, each with their own search behavior quirks. Picking the wrong one can have pretty serious costs in terms of conversion and indexation. In this guide we’ll walk through each approach, and pick a winner.
Shopify has a cap of 2048 variants per product including combined listings, as well as 3 option types. This is relevant to our discussion.
In this post
- Why color organization matters
- Option 1: color as a variant option
- Option 2: tag-based smart collections
- Option 3: separate products + combined listings
- Option 4: metaobjects + custom color taxonomy
- Comparison table
- Step-by-step setup
- FAQ
Why color organization matters
The majority of customers first filter by color, then by price. A forthcoming 2024 Baymard study found that in fashion, home, and accessories, color was the most common filter term, used by the majority of customers. If your store can’t surface a “blue” collection or that “red” product card, on the collection page, you’ll have lost that customer already.
For god’s sake, there’s a search angle here. ” Blue velvet sofa” has noticeable search volume. ” Sofa” itself has search volume. Organizing the colors of the variants properly means that each color will rank for its own queries rather than being hidden inside a variant that nobody will ever link to.
Option 1: color as a variant option
Default – One Product, One Option, Three Variants – One Product Page – Create product – Color Option – Variants for Product – Simple for small catalogs but not for large ones.
A natural consequence of offering too many variations is that some of your product pages do not rank. This is usually a symptom of indexation, where Google only indexes the product page itself, and not each variant of the page. So, the URL of the parent product (be it a t-shirt or a sofa) gets indexed, and not the URLs of the variants (“blue velvet”, “black denim”, etc.). Accordingly, the parent product gets indexed with its title, description and content, and the variants get indexed without their own title, description or content. This usually does not pose too much of a problem for single color categories (like the 3 t-shirt colors shown above), but it could be really bad for categories with many colors (like the 9 different sofa colors shown here).
Option 2: tag-based smart collections
You tag products with colors (color:blue, color:green) and then make smart collections based on those tags. This is how most stores start out. Tags make for decent navigation (Shop by color) but do nothing to aid product pages, swatches or per color SEO.
See our collection filters troubleshooting guide if this is where you are stuck.
Option 3: separate products + combined listings
Create multiple products , one for each color and structure them with their own images, URLs and product details. Use combined listings on search and product pages to allow customers to browse by color swatches while also seeing individual product pages for specific colors via relevant links. This is made possible by Rubik Combined Listings.
AI auto-grouping: reads product titles and attributes, finds the siblings and groups them for you. For larger collections, you can also upload from a CSV or do the manual grouping yourself. Read more in our combined listings problems post.
Option 4: metaobjects + custom color taxonomy
Shopify metaobjects that help you to build a proper color taxonomy (hex, name, family). Developer-friendly, flexible, but you have to write a lot of Liquid code to make it work in your templates. Very powerful if you have developers, Overkill if you don’t. See combined listings vs metaobjects.
Comparison table
| Method | Per-color SEO | Collection swatches | Setup effort | Scales to 500+ SKUs |
|---|---|---|---|---|
| Variant option | No | Theme-dependent | Low | Struggles |
| Tags + smart collection | Partial | No | Low | Fine |
| Separate products + combined listings | Yes | Yes | Medium | Yes |
| Metaobjects taxonomy | Yes | Custom build | High | Yes |
Step-by-step: the recommended setup
- Audit your catalog. Count products, colors per product, and monthly search volume per color term. If more than half your SKUs have 4+ colors with real demand, go separate products.
- Create a naming convention. “Sofa Kasos, Blue” not “Sofa Kasos 2-seat blue velvet new”. Consistency matters for AI auto-grouping later.
- Split variants into separate products if they are not already. Each color = one product.
- Install Rubik Combined Listings. Run AI auto-group. Review the suggested groups and confirm.
- Configure swatch style (circle, square, image swatches) to match your theme. Mobile and desktop render settings live in the same panel.
- Preview a collection page. Click a swatch. Confirm the card swaps to the correct color product.
- Add hreflang if you run multi-language (read our Shopify SEO guide).
For naming, our product title generator does this task and makes it easy. For an audit, variant counter tool will count the colors for each product and can export the results for you.
Watch the setup
The demo store (and tutorial video above) as well as full documentation for the app are available in the iTunes Connect Store from the app’s listing page. Install takes about 1 minute. You get 5 groups in the free plan so you can test on a fraction of your product catalog.
FAQ
Should color be a variant or a separate product?
If you have fewer than 3 colours per product and low per-colour search intent then variants are likely better for SEO. If you have 4+ colours and real demand for each colour then separate products is likely better for SEO.
Does separating products hurt my SEO?
If you are creating separate pages in different colors, make sure each color has its own URL to index. If you are worried about having duplicate content, use canonical tags to specify the primary page. Or create different product descriptions for each one.
How do I add color filters to a Shopify collection page?
Use the filters provided by Shopify associated with the Color option or metafield and support the swatches with the swatches in the combined listings provided by the Rubik theme.
What is the Shopify variant limit?
2048 variants per product with Combined Listings enabled, 3 option types max.
Do I need Shopify Plus for combined listings?
No. Rubik Combined Listings works on every Shopify plan.
Will this work on my theme?
Yes for most themes including Dawn, Prestige, Impulse, Motion and page builder themes (Beae, EComposer, Foxify, GemPages, Instant, PageFly, Replo).
Can AI auto-group my entire catalog?
Yes. We use AI to auto-group products together based on both the product’s title and attributes. Review this and make adjustments as necessary before saving.
