How to transfer the weight of child pages to the parent?

Question

Search Engine Optimization

How to do (and is it possible at all) so that having a product page in an online store (let's say '/catalog/product/') and child pages with trade offers of this product (let's say '/catalog/product/black/' or '/catalog /product/white/'), the weight of these pages was passed to the parent?
On the parent page - there are links to the child. Switching if JavaScript is enabled - occurs without reloading the page.
There was an idea to put:

<link rel="canonical" href="http://www.example.com/blog"/>

But, this is most likely not suitable. After all, our pages are not the same: a different page name, h1, pictures, description, colors.
So there was an idea to put:
<META NAME="ROBOTS" CONTENT="NOINDEX">
But, after all, in this case - the pages will not be indexed at all?
I don't know much about SEO, please help!
Thank you very much in advance!

Answer 1

Why would you want to pass weight to product pages? They usually do not advance, since all requests there are low-frequency and do not really bring traffic. Unless you have some kind of equipment in your assortment, for example, iPhone 5S White or Meizu M3s Gray. Then, of course, it makes sense.
In answer to your question, the static weight will be transferred anyway, given that this is the PARENT page. There is no point in carrying out additional manipulations. But there is also the concept of page anchor weight. It is used to promote the page for some low-frequency queries and expand semantics. To transfer the anchor weight, the most detailed description of the product card is made from at least 2-3 sentences and in it, an anchor link is placed to the page to which you want to transfer the weight. Example: prntscr.com/cg1syk