Size & Color Variants

Technical Definition & Architecture

Apparel and fashion e-commerce catalogs present unique structural challenges because single items frequently exist in dozens of color and size combinations. Without explicit variant attributes, search engines may index only one configuration or confuse inventory availability across sizes.

Google Merchant Center specifically evaluates the color and size properties on individual variant Offer nodes. In ProductGroup or ProductModel schemas, variesBy indicates the dimensions differentiating each selection.

Accurately annotating size systems (such as US, UK, or EU) and color naming conventions enables search engines to display rich variant swatches and accurate availability filters in search carousels.

Syntax Example for Shopify JSON-LD

{
  "@type": "Product",
  "name": "Merino Wool Crewneck",
  "color": "Navy Heather",
  "size": "Medium",
  "offers": {
    "@type": "Offer",
    "price": "98.00",
    "priceCurrency": "USD",
    "availability": "https://schema.org/InStock"
  }
}

Frequently Asked Questions