web-dev-qa-db-fra.com

hProduct Microformat ne fonctionne pas dans Google

J'essaie de travailler avec 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 reconnaît uniquement la rating, mais pas photo/price/category , mais il affiche toujours cet avertissement:

warning: pour générer un aperçu avec des extraits riches, le prix, l'avis ou la disponibilité doit être présent.

L'outil ne montre pas le prix et ne montre pas l'image:

Example snippet

J'ai utilisé propre exemple de Google .
J'ai aussi testé le exemple de microformats.org .

Avec Microdata, j'ai réussi à afficher le prix, mais je veux vraiment utiliser des microformats.

htmlgoogle-rich-snippets-toolmicroformats
4
silverfox

Voici votre exemple HTML dans l'outil de test .
Fonctionne parfaitement bien pour moi, avec tout ce que vous dites est un problème reconnu, et sans avertissement:

enter image description here

L'exemple de code tiré de la documentation de Google affiche l'avertissement, mais cela est dû à une erreur de syntaxe qui a cassé le balisage:

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

Notez que l'attribut src ne contient pas de guillemet de fermeture. Si vous corrigez cela, l'avertissement disparaît.

3
Su'

Google affiche la photo uniquement pour des types spécifiques d'objets Shema - c'est-à-dire. recette, application logicielle ... Elle n'est pas affichée pour un produit normal.

0
Łukasz Rysiak