Google can't recognize Schema.org image property from Product

Google can't recognize Schema.org image property from Product - Google Search Console is a free application that allows you to identify, troubleshoot, and resolve any issues that Google may encounter as it crawls and attempts to index your website in search results. If you’re not the most technical person in the world, some of the errors you’re likely to encounter there may leave you scratching your head. We wanted to make it a bit easier, so we put together this handy set of tips about google-search, images, html5, microdata to guide you along the way. Read the discuss below, we share some tips to fix the issue about Google can't recognize Schema.org image property from Product.Problem :

How can I use itemprop="image" from http://schema.org/Product so Google can recognize it in this case?

<a href="#" itemprop="image" data-remote="images/portfolio/image.jpg" class="portfolio-box" data-toggle="lightbox" data-gallery="multiimages" data-title="image"></a>

Solution :

According to Schema.org:

1. The image property expects a URL or an ImageObject item.




2. In Microdata, URLs must be specified with one of the HTML elements that take a URL as value. Among them is a (with its href attribute).




3. So it should be possible to use:

   
   
   

   <a itemprop="image" href="http://example.com/my-product-image.png">…</a>
   

Using custom data-* will most likely not work. Per HTML5 definition they should only be used for custom data private to the site (and not as some kind of shared vocabulary); and anway, how should consumers like Google now what your custom attributes mean/contain?

Also, it’s clearly defined to which content an itemprop applies. In case of a it’s the href attribute content, not the element content, not some other attribute content.

According to Google:

Google doesn’t indicate how exactly their Products Rich Snippet works. Of course do they show in their examples the element that is typically used for images (<img itemprop="image" src="anvil_executive.jpg" />), but their examples don’t mean that it’s the only supported way to specify an image.

If the issue about google-search, images, html5, microdata is resolved, there’s a good chance that your content will get indexed and you’ll start to show up in Google search results. This means a greater chance to drive organic search traffic to your site.