htmlschemametadataschema.org

How to enter multiple colors for Google Schema Product?


Some of the products in my shop have multiple colors associated with them. Does Google consider multiple colors in the schema and is this the valid way to do it?

<div itemscope itemtype="http://schema.org/Product">
Other items....
    <span itemprop="color"> Color 1 </span>
    <span itemprop="color"> Color 2 </span>
    <span itemprop="color"> Color 3 </span>
</div>

Below is the screenshot from Google Structured Data Testing Tool enter image description here


Solution

  • Check out the following Google recommendation from their guide Follow the structured data guidelines:

    Completeness

    The more recommended properties that you provide, the higher quality the result is to user.

    Therefore, using multi colors to present your products can be a good solution.

    The example of marking up microdata presented by you, at first sight, is technically correct. However, one must take into account the fact that according to the same guide:

    Relevance

    Your structured data should be a true representation of the page content.

    therefore, accurately determining the correctness of your microdata is probably not possible with the information provided.

    Due to the fact that users may not know the meaning for the color such as Pantone 5773, it may be useful to set a color name that is understandable to all users, which you can get from the W3 color table. For machines, you can set identification for each of your colors. In this case, it is worth considering the fact that you represent the color in the HTML document, so it may be useful to use the identifier used in Web-color, for example, the color HEX or RGB. To convert Pantone to HEX or RGB, you can use the free online tool Pantone to HEX. Thus, your microdata identifier for Pantone 7413C may be as follows:

    <meta property=color content=#DC8633>