How to Interlink Product Cards of Different Colors

Let's once again talk about interlinking. One of our subscribers asks: "How does one correctly interlink different colors of one product? Technically, there are a few ways. Here are two of them:

  1. Create a page for each product and make buttons for each with a choice of colors. When you click on a color, the customer is then redirected to a new page. 
  2. Do not create separate pages, do everything in code. Clicking on a color will send a request to the server, which will then return the desired page to the customer.

In the second case, from the point of view of the user, everything will go smoothly. However, from the SEO point of view, you will have to provide a link to a specific "assembly" of the page in the listing of goods. And I have concerns about possible problems if something breaks in the script. "

The situation here is quite tricky, so now we’ll have to look at it from different perspectives and see what can be done.

Pros and cons of each option

Indeed, there are two options, and each of them has its pros and cons. 

Different cards for each product

The only advantage of making different versions of your products in different URLs, on different pages by colors, sizes, and so on is that it simulates the assortment for the search engine. And to some extent, the query index and the number of indexed pages do slightly grow.

However, such pages may not be indexed, and even if they are, they can be dropped from the index. The situation here is also tricky.

Generally, this is the only upside.

On the downside, though, such cards can be dropped from the index, the search engine database. They can be dropped as "scanned, but not indexed" by Google. A large proportion of pages with this status on your website may prevent the entire site from being ranked.

Combine into one card

In addition to the above-mentioned advantages, another plus to combining such product cards is that it is usually a little more convenient for the user. Especially if you don't post a catalog of all colors on the product listing page (in your category). 

Let’s take women's dresses as an example. Let’s say we have five dresses where the model is the same, but the colors are different. When the user sees the "evening dresses" page, they see five identical models in different colors. If the site has a large enough product range (and it usually has in our case), then this may prevent users from navigating the catalog, which is also a downside.

But when you create more detailed pages, like, for example, a smart filter or a tag, or a category page where you explain products by some attribute. Let's say that, in our case, all the red dresses are combined. The next step is to combine the individual cards that feature the separate red dress.

This means that if all these products that differ in one attribute are combined into one card, you'll have to make it so that you can show your one product card for the "red dress" category. Accordingly, the title in this case should say "red dress and such and such." In this sense, it has this kind of challenge.

What to choose

It is quite possible to follow this path if your programmers can make a system that, depending on where the card is shown, shows different photos and different names along with normally looking product listing and smart filter pages within the same URL.

If your programmers are not able to do this, however, you will still have to create different cards for different colors. I wouldn't do this when it comes to sizes, but you can create different cards for different colors.

Also, monitor whether they drop from the search engine database and the index. If they do, take action. We have a separate video and an article on what to do with cards so that they don't drop from the index:

  • make them unique;
  • add content;
  • add generated content, and so on.

As a result, the proportion of dropped cards will not be so high. Because of the advantages that I've covered first, your website will generally feel a little better than in cases when you decided to combine, but the programmers could not make the necessary customizations.