Linking product and offer schema on different pages

Question

I have two pages:

View Product

<div itemscope itemtype="http://schema.org/Product">
    ....
</div>

View Pricing

<div itemprop="offers" itemscope itemtype="http://schema.org/Offer">
    ....
</div>

Is it possible to somehow make the product point to the pricing page in some way to indicate the prices, or vice versa?

For technical reasons, it's difficult to put the offers item props on the product page.

Answer 1

Yes, it is possible. But that doesn’t necessarily mean that search engines follow these references (they don’t document it).

How?

1. Give each item an URI with the itemid attribute.
2. Use this URI as value for relevants properties.

You might want to use URIs that represent the thing instead of the page (see the section Why are identifiers useful? in my answer).

Example

So on the product page, you could have:

<div itemscope itemtype="http://schema.org/Product" itemid="/products/42#this">
  <link itemprop="offers" href="/offers/42#this" />
</div>

And on the offer page, you could have:

<div itemscope itemtype="http://schema.org/Offer" itemid="/offers/42#this">
  <link itemprop="itemOffered" href="/products/42#this" />
</div>