4

I’m trying to work with hProduct.

<div class="hproduct">
  <span class="brand">ACME</span> <span class="fn">Executive Anvil</span>
  <img class="photo" src="http://microformats.org/wiki/skins/Microformats/images/logo.gif" />
  <span class="review hreview-aggregate">
    Average rating: <span class="rating">4.4</span>, based on <span class="count">89
      </span> reviews
  </span>

  Regular price: $179.99
  Sale: $<span class="price">119.99</span> (Sale ends 5 November!)

  <span class="description">Sleeker than ACME's Classic Anvil, the Executive Anvil is 
    perfect for the business traveler looking for something to drop from a height.</span>

  Category: <span class="category">
    <span class="value-title" title="Hardware > Tools > Anvils">Anvils</span>
  </span>
</div>

http://www.google.com/webmasters/tools/richsnippets only recognizes the rating, but not photo/price/category, but it still shows this warning:

warning: In order to generate a preview with rich snippets, either price or review or availability needs to be present.

The tool does not show the price and also does not show the picture:

Example snippet

I used Google’s own example.
I also tested the example from microformats.org.

With Microdata I managed to display the price, but I really want to use Microformats.

2 Answers 2

3

Here is your example HTML in the testing tool.
Works perfectly fine for me, with everything you say is a problem recognized, and no warning:

enter image description here

The example code from Google's docs does display the warning, but that's because of a syntax error which is breaking the markup:

<img class="photo" src="anvil_executive.jpg />

Note the src attribute is missing a closing quote. If you fix that, the warning goes away.

8
  • that picture you posted is the data extracted and not the search result. No show photo: i.imgur.com/OvR6m.png
    – silverfox
    Nov 23, 2012 at 13:58
  • 1
    Your question never mentioned the problem was with live search, only with the testing tool. In fact, this is still the case. Anyway, the standard disclaimer applies here: "Google doesn’t guarantee to use your markup." (Scroll to the bottom.) The testing tool shows your code is correct, and that's as far as you go. Google gets to decide what if anything they actually want to do with it.
    – Su'
    Nov 23, 2012 at 19:07
  • I put the image in question is the tool! With Microdata I managed to display the price, but I really want is to use microformat.
    – silverfox
    Nov 25, 2012 at 18:36
  • I understand that. But you don't get to choose what of your data Google displays. As I've already explained, they make no promise they'll use any of it at all.
    – Su'
    Nov 25, 2012 at 19:40
  • I understand that. But with Microdata google shows the price. Got it?
    – silverfox
    Nov 25, 2012 at 19:57
0

Google shows photo only for specific types of shema objects - ie. recipe, softwareapplication... It is not displayed for normal product.

3
  • 2
    Can you provide a backing reference for that?
    – Su'
    Nov 28, 2012 at 11:31
  • its not so simple :) you can check samples here support.google.com/webmasters/bin/… but this changes over time. ie now softwareapplication doesn't have an image anymore in webmasters example, and in actual SERP ( google.pl/search?q=angry+birds+app ), probably due to abuse. Music on the other hand has a table support.google.com/webmasters/bin/… Nov 28, 2012 at 18:20
  • @Łukasz Rysiak when answering a question answer it whole, and not part of it. I ask about: photo, price, category and the warning (Another thing I talked about Microdata also read the question again). You just answered on photo. I appreciate if you edit your answer.
    – silverfox
    Nov 28, 2012 at 21:34

Your Answer

By clicking “Post Your Answer”, you agree to our terms of service and acknowledge you have read our privacy policy.

Not the answer you're looking for? Browse other questions tagged or ask your own question.