Itemscope and itemprop at same level

html, microdata, schema.org, seo

Solution

You can have `itemprop` and `itemscope` on the same element, but it will mean something different.

In this example, a Product item has the `url` property:

<div itemscope itemtype="http://schema.org/Product">
  <a href="//href" itemprop="url">…</a>
</div>

In this example, some other item has the `url` property, and its value is a Product item:

<a href="//href" itemprop="url" itemscope itemtype="http://schema.org/Product">…</a>

(Note for the the latter case: the `url` value is the Product item, not the URL in the `href` attribute! So this probably doesn’t make sense for the `url` property.)

Problem

I have a link that looks like this: ``` <a href="//href" itemscope itemtype="http://schema.org/Product"> <img src="src" itemprop="image"> </a> ``` I'd like to put `itemprop="url"` in the `<a>` tag, but it contains the `itemscope` for that product. Can I put that at the same level as `itemtype=`? Or, do I either need to wrap the whole thing in a div to make it work, or use a `<meta>` tag for the `itemprop="url"` microdata? Thanks!

Original source