Mobile app version of vmapp.org
Login or Join
Sarah324

: HProduct Microformat not working in Google I’m trying to work with hProduct. <div class="hproduct"> <span class="brand">ACME</span> <span class="fn">Executive Anvil</span>

@Sarah324

Posted in: #GoogleRichSnippetsTool #Html #Microformats

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: 9.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>

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:





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.

10.02% popularity Vote Up Vote Down


Login to follow query

More posts by @Sarah324

2 Comments

Sorted by latest first Latest Oldest Best

 

@Pope3001725

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

10% popularity Vote Up Vote Down


 

@Kevin317

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:



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.

10% popularity Vote Up Vote Down


Back to top | Use Dark Theme