I have some HTML listing reviews with HTML like:
<div itemscope itemtype="http://schema.org/Product">
<img class="product-thumbnail" itemprop="image" src=...>
<div itemscope itemprop="review" itemtype="http://schema.org/Review">
<!-- we want this to be the Review name -->
<h4 itemprop="name">Loved it</h4>
......
<!-- we want this to be the Product name -->
on <a href="/product" itemprop="name">Cool Product</a>
</div>
</div>
The problem here is that the product name is actually nested inside the review, and there is no way to distinguish it from the review title (which is also named "name").
Is there a way to solve this other than changing the HTML structure completely? For example, in made up syntax something like: itemprop="Product:name"
or adding itemref="../"
?
I believe I can duplicate the product name in a <meta>
tag but that seems less than ideal.
EDIT: I clarified the HTML example.