Mettre en place les données structurées sur son site

Aujourd'hui on va étudier ce que sont les micros données et en quoi ils vont vous servir pour vous positionner et devenir premier sur Google.

Les micros données c'est quoi ?

Bing, Yahoo et Google ont lancé ensemble le programme Schéma.org en Juin 2011, qui va permettre aux moteurs de recherche de facilement pouvoir comprendre votre site internet et aux webmaster de les intégrer facilement sur leurs site.

Vous vous rappelez sûrement qu'un des leviers en référencement est de faciliter la lecture de votre site à Google. Un des moyens d'y arriver est de préciser à Google que le contenu de votre page est une fiche produit et lui donner le nom du produit, le prix, sa disponibilité etc...par exemple ou que c'est un article de blog, crée par Pierre FAY et écrit le 12 avril 2017. Bref, le but avec les méta données va être de préciser le maximum d'informations que Google pourra utiliser dans son algorithme pour classer votre page web.

En plus de cela les micros données vont vous permettre de faire ressortir quelques informations comme :
- la note de votre page
- l'information en stock / hors stock
- le fil d'ariane
Directement dans les résultats de recherche de Google.

Exemple pour le fil d'Ariane :
Exemple de microdatas pour le fil d'ariane

Les avantages des micro données sont les suivants :
- Les résultats qui contiennent des micros données sont prennent plus de place dans les résultats de recherche de Google, ils sont donc plus facilement visible.
- Les micro données apportent plus d'informations à Google et à l'internaute, il apporte donc un léger avantage pour votre positionnement dans les résultats de recherche Google ( Search Engine Result Pages - SERPs )
- Il a été prouvé que les résultats avec les micro données ont un meilleur taux de clic (CTR).

Voilà les micros données vous savez maintenant ce que c'est, ok mais en pratique comment ca fonctionne ?

Comment intégrer les micros données sur mon site internet ?

Il va certainement vous falloir un développeur, en tous cas il va falloir que vous vous plongiez dans le code HTML de votre page :)

il y a 2 principales façons d'intégrer les micro données sur votre site :
- Microdata: via des balises HTML
- JSON-LD: via un JSON que vous intégrer sur votre page

Personnellement je préfère utiliser le format JSON-LD mais c'est très personnel, les deux méthodes sont bien, vous pouvez également utiliser la méthode RDFa (dont nous ne parlerons pas ici ) si vous le souhaitez, c'est du pareil au même pour Google donc choisissez ce qui vous parait le plus facile à intégrer.

Voici 2 exemples pour intégrer le breadcrumb (le fil d'ariane de votre site) via les formats microdatas et Json-ld :

Au format Microdata:

Au format microdata, lors de l'affichage de mon breadcrumb, je respecte le format suivant :


<ol itemscope itemtype="http://schema.org/BreadcrumbList">
  <li itemprop="itemListElement" itemscope itemtype="http://schema.org/ListItem">
    <a itemscope itemtype="http://schema.org/Thing" itemprop="item" href="https://www.pierrefay.com/">
        <span itemprop="name">HOME</span>
        <meta itemprop="position" content="1" />
     </a>
  </li>
  ›
  <li itemprop="itemListElement" itemscope itemtype="http://schema.org/ListItem">
    <a itemscope itemtype="http://schema.org/Thing" itemprop="item" href="https://www.pierrefay.com/blog.html">
      <span itemprop="name">Blog</span>
    <meta itemprop="position" content="2" />
   </a>
  </li>
  ›
  <li itemprop="itemListElement" itemscope itemtype="http://schema.org/ListItem">
    <a itemscope itemtype="http://schema.org/Thing" itemprop="item" href="https://www.pierrefay.com/blog/upload-image-js-api-rest-symfony3.html">
      <span itemprop="name">Uploading an image via a REST API with Symfony 3 and Javascript</span>
      <meta itemprop="position" content="3" />
    </a>
  </li>
</ol>

Au format JSON-LD:

Le format Json va me permettre de séparer les micro datas du reste du code de ma page, voici comment il se compose :


<script type="application/ld+json">
{
  "@context": "http://schema.org",
  "@type": "BreadcrumbList",
  "itemListElement": [{
    "@type": "ListItem",
    "position": 1,
    "item": {
      "@id": "https://www.pierrefay.com/",
      "name": "HOME"
    }
  },{
    "@type": "ListItem",
    "position": 2,
    "item": {
      "@id": "https://www.pierrefay.com/blog.html",
      "name": "Blog"
    }
  },{
    "@type": "ListItem",
    "position": 3,
    "item": {
      "@id": "https://www.pierrefay.com/blog/upload-image-js-api-rest-symfony3.html",
      "name": "Uploading an image via a REST API with Symfony 3 and Javascript"
    }
  }]
}
</script>



Vous trouverez toute la documentation sur l'intégration technique des micro données à cette adresse: https://developers.google.com/search/docs/data-types/data-type-selector

Comment tester si mes micros données fonctionnent ?


Vous pouvez tester vos pages via Google Search Console, dans la rubrique "Autre ressources" > "test des données structurées"

Tester les données structurées avec la search console
Questions sur cette leçon
Pas de questions pour cette leçon. Soyez le premier !

Vous devez etre connecté pour demander de l'aide sur une leçon.