Schema.org give a div a itemprop="image"?

Question

I am replacing an image with a <div> with background-image for the reason of background-size: cover; The page is structured the same way as before with a image just that "the image" is a div now.

Does is makes sense to give that itemprop to a <div>?

Answer 1

CSS is not recognized by any Microdata parser that I'm aware of. You'll need to add a meta tag to specify the image like this:

<div itemscope itemtype="http://schema.org/Article">   <meta itemprop="image" content="bg.jpg"></meta>   <div style="background-image:url('bg.jpg')"></div> </div> 

Answer 2

this is a good use for a meta tag within the containing div for your itemscope.

The two attributes you want in that meta tag are itemprop and content

<meta itemprop="image" content="/some/url/to/an/image.gif" /> 

You can verify that meta information is, in fact, read just fine by testing it here: http://www.google.com/webmasters/tools/richsnippets