Utilisation correcte du microformat

Question

J'utilise microformat pour la première fois.

Ainsi que des exemples donnés sur http://support.google.com/webmasters/bin/answer.py?hl=en&answer=164506, j'ai changé le code.

C'est le code existant qui était présent sur la page:

<div class="evD mr10"> 
    <div class="imgH fl"><img /></div> 
    <div class="infAr"> 
     <h3><a href="event_URL">EVENT NAME</a></h3> 
     <h4><span>at</span>VENUE NAME</h4> 
     <p>Event Description</p> 
     <a class="tdd" href="#">Genre</a> 
    </div> 
    <div class="dth"> 
     <div class="sfrD fl"> 
     </div> 
     <div class="strE sn fl"> 
     </div> 
    <div class="Buy"> 
     <a class="bkT" href="buy_link"></a> 
    </div> 
    </div> 
</div> 

Les changements que j'ai fait comprennent: Changer le doctype à html5, et a ajouté des cours de microformats.

<div class="vevent evD mr10"> 
    <div class="imgH fl"><img class="photo" /></div> 
    <div class="infAr"> 
     <h3><a class="url summary" href="event_URL">EVENT NAME</a></h3> 
     <h4 class="location"><span>at</span>VENUE NAME</h4> 
     <p class="description">Event Description</p> 
     <a href="#" class="tdd category">Genre</a> 
    </div> 
    <div class="dth"> 
     <div class="dtstart frD fl">DATE_START<span class="value-title" title="Date in ISO"></span></div> 
     <div class="dtend strE sn fl"><span class="value-title" title="Date in ISO"></span></div> 
    <div class="Buy tickets"> 
     <a class="bkT offerurl" href="buy_link"></a> 
    </div> 
    </div> 
</div> 

je les questions/doutes suivants:

1. Est-il acceptable d'avoir des classes existantes alongwith les balises de microformat comme ci-dessus? Comme mentionné sur http://support.google.com/webmasters/bin/answer.py?hl=en&answer=1093493#usage, il n'est pas permis d'avoir display:none sur le contenu. Cependant, je passe l'ensemble de données et paginate en utilisant javascript, dans lequel je montre les données pertinentes. Alors, comment puis-je m'assurer que ceux-ci ne sont pas ignorés.
2. Je charge les images qui sont sur la page en cours, laissant le src comme vide, et plus tard, change le src, que la page est modifiée. Donc, au départ, photo est vide. Comment puis-je contrer la lecture d'un moteur de recherche en tant que champ vide?

Merci. (Désolé pour la question étant si longtemps)

Answer 1

1) ce n'est pas un problème. Vous pouvez même combiner plusieurs types de balisage sémantique sur les mêmes balises.

2) 3)

Si les données sont cachées et JavaScript/AJAX, alors il est très peu probable Google verra.

Vous devrez peut-être restructurer votre architecture pour rendre votre contenu explorable. C'est un gros sujet. Je suggère de rechercher "amélioration progressive" qui est la méthode que je pense actuellement est le meilleur.