web-dev-qa-db-fra.com

La structure du code HTML (exemples extraits de Schema.org, par exemple) est-elle importante pour Microdata?

J'essaie donc de baliser certaines données structurées à l'aide d'une combinaison du microformat vCard de contact et du type Place de Schema.org.

J’adorerais faire les deux à la fois, mais j’ai un problème à ne pas savoir si les exemples de microdonnées de Schema.org nécessitent une duplication exacte du code HTML ou s’ils dépendent entièrement des attributs qu’ils suggèrent. Est-ce que toute personne familiarisée avec l'utilisation des microdonnées sait si la structure du code HTML est importante pour le schéma?

Voici ma tentative HTML actuelle à titre d'exemple, si cela peut aider à clarifier (avec PHP les variables échappées dans le code HTML):

<div id='contact'>
  <h4 class='title' style='text-align:center;margin-top:1em'>Main Contact Info</h4>
  <div style='margin:0 1em;border:1px solid grey;padding:1em;width:45%' id="hcard-Sherman-Brothers" class="vcard" itemscope itemtype="http://schema.org/LocalBusiness">
         <div class="org" itemprop="name">
            ShermanBrothers in <?php h($row_rsLocation['City']);?>
         </div>
         <address class="adr" itemprop="address" itemscope itemtype="http://schema.org/PostalAddress" style='display:block'>
          <div itemprop="streetAddress" class="street-address">
          <?php echo $row_rsLocation['Address1'];
          if (!empty($row_rsLocation['Address2'])) {
                    echo '<br>'.$row_rsLocation['Address2'];
                }
         ?>

          </div>
          <span class="locality" itemprop="addressLocality"><?php h($row_rsLocation['City']);?></span>, 
          <span class="region" itemprop="addressRegion"><?php h($row_rsLocation['State']);?></span>, 
          <span class="postal-code"><?php h($row_rsLocation['ZipCode']);?></span>

          <span class="country-name">USA</span>

         </address>
         <a itemprop="telephone" href='tel:<?php h($row_rsLocation['Phone']);?>' class="tel"><?php h($row_rsLocation['Phone']);?></a>
      </div><!-- End of vcard class -->
    </div><!-- End of contact div -->
2
Kzqai

Non, vous n'avez pas besoin de dupliquer le code HTML exactement: les schémas de microdonnées sont basés sur attributs de microdonnées . Peu importe (généralement, par exemple, les liens sont une exception ) la balise HTML à laquelle ces attributs sont appliqués.

Vous voudrez peut-être commencer par lire "Démarrer avec schema.org" , si ce n'est déjà fait.

3
Ilmari Karonen

Vous pouvez également comparer le format de vos microdonnées à Google Webmaster Tools, outil de test des extraits enrichis, à l'adresse http://www.google.com/webmasters/tools/richsnippets .

4
Anagio