web-dev-qa-db-fra.com

Utilisation correcte de schema.org pour le logo?

Google donne cet exemple pour baliser votre logo:

<div itemscope itemtype="http://schema.org/Organization">
  <a itemprop="url" href="http://www.example.com/">Home</a>
  <img itemprop="logo" src="http://www.example.com/logo.png" />
</div>

http://googlewebmastercentral.blogspot.ca/2013/05/using-schemaorg-markup-for-organization.html

Mais cet exemple a le img en dehors de l'ancre, je veux le mettre à l'intérieur ... alors je me demande si je peux le faire comme suit:

<a itemscope itemtype="http://schema.org/Organization" href="http://www.example.com/">
  <img itemprop="logo" src="http://www.example.com/logo.png" />
</a>

Est-ce valide? Remarque: j'ai sorti l'URL itemprop.

htmlmicrodata
5
Dustin

Cela devrait fonctionner car il utilise toujours le logo et l'URL itemprops dans la itemscope de 'Organization', qui est en définitive le balisage recherché.

<div itemscope itemtype="http://schema.org/Organization">
    <a itemprop="url" href="http://www.example.com/">
        <img itemprop="logo" src="http://www.example.com/logo.png" />
    </a>
</div>

Je m'attendrais à ce que cela fonctionne si vous l'exécutiez à travers l'outil de test des extraits enrichis de Google pour confirmer.

7
zigojacko

Je vous conseille d'utiliser le code proposé par Google et cela fonctionne.

<div itemscope itemtype="http://schema.org/Organization">
  <a itemprop="url" href="http://www.example.com/">Home</a>
  <img itemprop="logo" src="http://www.example.com/logo.png" />
</div>

La raison principale est que le code est bien structuré et que la portée est claire autour des liens et de l'image associée. Je ne suis pas tout à fait sûr si le deuxième code que vous avez proposé fonctionnera. Je pense que non.

La propriété itemprop="logo" définit l'URL du logo à l'aide de l'URL associée à la valeur src.

0
Ranaivo