CitedCartTools
← All guides

Build product markup that matches your storefront

Map product, offer and variant data from Shopify or WooCommerce and verify it after a catalog change.

Start with the page a buyer actually sees

Use one purchasable product URL to establish your baseline. Record its title, main image, displayed price and currency, stock status, variant SKU and canonical URL. For a $79 daypack, write down which color that price belongs to and whether the color is selected by default. Compare these values with checkout in the same market before you use them in markup.

Find your current source of markup

Open the rendered page and find the Product node in each application/ld+json script. On Shopify, check the theme and SEO apps. On WooCommerce, compare theme, WooCommerce and SEO plugin output. Trace each conflicting field to the component that creates it. Correct that component on a preview theme or staging store, then retest the page. Hand-pasted markup grows stale when inventory changes.

Model variants at the right level

If the navy and sand daypacks have their own URLs and inventory, give each its own offer tied to the selected variant. For grouped products, read the ProductGroup guidance before choosing how to relate variants. Test the URL of an unavailable variant to catch markup that always reports the default variant as in stock.

Run a release check

Validate the result with Google's Rich Results Test, then compare the URL, price and availability from the HTML with what you see on screen. Change stock on a staging SKU and repeat the check after any cache has expired. If a product goes out of stock on the storefront while the markup still says InStock, fix the update path before releasing the template.

Check your shopping feeds separately

A page's Product markup describes the page and its offer. An accepted product feed describes the wider catalog according to a specific platform's feed requirements. Audit the fields for each channel and record which system owns each value. Confirm that price changes reach your feed and your site on the same schedule.

Sources

Open Product schema