web-dev-qa-db-fra.com

Manière correcte d’utiliser sameAs itemprop dans les microdonnées

Mon client a récemment implémenté le balisage sameAs pour les profils de médias sociaux. Ils ont utilisé des microdonnées car ils ne veulent pas utiliser JSON-LD, car ils estiment que ce sera une tâche difficile de passer par le site et de le modifier de manière globale.

J'ai remarqué qu'ils ont ajouté un div avec un itemtype sur Organization et une balise link avec itemprop sans rien envelopper.

Exemple:

<div itemtype="http://schema.org/Organization">
    <link itemprop="url" href="domain name">
    <a itemprop="sameAs" href="instagram"></a>
    <a itemprop="sameAs" href="facebook/"></a>
    <a itemprop="sameAs" href="Twitter"></a>
    <a itemprop="sameAs" href="google+"></a>
</div>

Cela a eu pour résultat que seulement 2 des profils de médias sociaux apparaissent dans le graphe de connaissances.

Ils ont des icônes plus bas sur la page avec des liens vers les profils de médias sociaux. Ne devraient-ils pas plutôt envelopper ces ancres autour de celles-ci?

seohtml5schema.orgmicrodatasocial-media
2
GrapeSoda

S'ils ont des liens visibles vers ces profils de réseaux sociaux, il est recommandé de baliser ces liens au lieu de répéter ces liens et de marquer la variante "invisible":

<div itemscope itemtype="http://schema.org/Organization">

  <!-- … -->

  <ul>
   <li><a itemprop="sameAs" href="http://social-network-1.example.net/foo">Social Network 1</a></li>
   <li><a itemprop="sameAs" href="http://social-network-2.example.net/foo">Social Network 2</a></li>
  </ul>

</div>

S’ils n’ont pas de liens visibles ou s’il n’est pas possible d’ajouter des balises de microdonnées aux liens existants (par exemple, parce que le CMS ne le permet pas), il est préférable de les répéter que de ne pas leur fournir des microdonnées.

Si vous les répétez et que vous souhaitez qu'ils soient invisibles, vous devez utiliser l'élément link à la place des éléments vides a:

<div itemscope itemtype="http://schema.org/Organization">
  <meta itemprop="name" href="Foo" />
  <link itemprop="url" href="http://example.com/" />
  <link itemprop="sameAs" href="http://social-network-1.example.net/foo" />
  <link itemprop="sameAs" href="http://social-network-2.example.net/foo" />
</div>

Même si la page ne contient aucun lien de média social visible, il est préférable de les ajouter dans Microdata que de ne pas les ajouter. mais dans un tel cas, Google pourrait décider de ne pas les utiliser pour leurs liens de profil social .

3
unor