Rich snippets - product image

[justinn]

SOLVED: Google doesn't support product image rich snippets in the search results so far. Please consider this in the light of the provided question.

 

-------------------------------------------------------------------------------------------------------

 

Hello everybody,

I need help about product image mapping with rich snippets (schema.org) in product.tpl. I've already mapped everything in my product pages, including product image, but the Google Structured Data Testing Tool doesn't show the product image. Everything else looks fine, including name, description, reference, price, availability, ratings, brand, publisher, etc. (availability is detected, but isn't displayed in actual search snippet in the tool). I've mapped this data yesterday, so I can't comfirm that it actually will be displayed in search, but the testing tool doesn't show any errors. This is one of my pages as an example:

http://www.o2k.lt/st...ntratorius.html

It's snippet snapshot in Google's Testing Tool:




The problem

So the problem is in the product image. It doesn't show up on Google Testing Tool, but it's URL is detected and reported correctly. As I suspect, the cause maybe the rewritten product image link, which is 301 redirect to the actual image. So in the example page above, the product link is www.o2k.lt/178-large_leoconv/invacare-perfecto-2-deguonies-koncentratorius.jpg and it redirects to www.o2k.lt/img/p/1/7/8/178-large_leoconv.jpg. I suspect that the redirection process stops Google from displaying the product image in it's Testing Tool results (maybe someone can comfirm that it won't be a problem in real search results?). So I'd like to eliminate this (redirection) process and show the exact image link url, like www.o2k.lt/img/p/1/7/8/178-large_leoconv.jpg, only.

The image redirect (by size) is generated by cms, but I can't figure out where exactly and how should I change it in my way. Here's the product.tpl code where I've put the itemprop:

<div id="image-block">
{if $have_image}
<span id="view_full_size">
<img itemprop="image" src="{$link->getImageLink($product->link_rewrite, $cover.id_image, 'large_leoconv')}" {if $jqZoomEnabled}class="jqzoom" alt="{$link->getImageLink($product->link_rewrite, $cover.id_image, 'thickbox_leoconv')}"{else} title="{$product->name|escape:'htmlall':'UTF-8'}" alt="{$product->name|escape:'htmlall':'UTF-8'}" {/if} id="bigpic" width="{$largeSize.width}" height="{$largeSize.height}" />
<span class="span_link">{l s='View full size'}</span>
</span>
{else}
<span id="view_full_size">
<img itemprop="image" src="{$img_prod_dir}{$lang_iso}-default-large_leoconv.jpg" id="bigpic" alt="" title="{$product->name|escape:'htmlall':'UTF-8'}" width="{$largeSize.width}" height="{$largeSize.height}" />
<span class="span_link">{l s='View full size'}</span>
</span>
{/if}
</div>

But maybe this can be resolved simply by changing any backoffice options? Or maybe I should alter .htaccess rewrite rules?

And maybe, as I've already written, this isn't a problem at all and Google will show my product image in the snippet even if it doesn't show it in it's Testing Tool?

Thank you guys for your help and support! Edited September 9, 2013 by justinn (see edit history)

[mma87]

Hi,

I'm using prestashop 1.4.7 and I insert this code into /themes/MyTheme/product.tpl

{include file="$tpl_dir./breadcrumb.tpl"}
<div id="primary_block" class="clearfix"  itemscope itemtype="http://schema.org/Product">
  
<meta itemprop="image" content="{$link->getImageLink($product->link_rewrite, $cover.id_image, 'large')}">
<meta itemprop="url" content="{$link->getProductLink($product)}">
<meta itemprop="brand" content="{$product_manufacturer->name}">
<meta itemprop="productID" content="{$product->reference}">

(the first row is already in this file, the second row is modified)

 

you can see the result here

 

http://www.google.com/webmasters/tools/richsnippets?q=http%3A%2F%2Fwww.italia-mobili.it%2F963-tavolo-big-table.html

 

and this is the page

http://www.italia-mobili.it/963-tavolo-big-table.html

 

best regards,

Matteo

[alastairbrian]

Have you tried data highlighter instead?

[justinn]

Ok guys, it seems like I'm too early at this Google still doesn't support product images in it's search results and I was too deep in researching the subject This is the main reason why Google Structure Data Testing Tools doesn't show any product image even if it's corectly marked up (HTML or highlighter tool).

 

Still those marks are needed in other cases, so they should in the page stay for sure (if you have them).

 

I will edit my post and mark it as [sOLVED].

 

By the way, @mma87, your page code seems really fine, I've spotted two "minor" errors that are not reported by Testing tool:

 

1) product pages shouldn't have Google authorship (rel=author) tags - they won't do better in search with them, but can lead to search penalties in future (now they're just ignored by Google). I'd better implement publisher tags (rel=publisher) - testing results show they are missing in your page.

 

2) and one small fix with product offer "availability" - you should use this property with any of those (exact) values:

 

- out_of_stock

- in_stock

- instore_only

- preorder

 

Sure this applies in Google case only, plz. refer to "Offer" / "Availability" https://support.google.com/webmasters/answer/146750?hl=en#offer_properties.

You can easily achieve it with <meta itemprop content> tag, it really helps when you're trying to avoid changing your text that ir actually visible to the users (like the Italian in this case).

 

As always, I have to ask to take it as my personal opinion.

 

 

Thanks for your replies, guys.

 

Have a nice day!