Agence conseil en stratégie digitale | SEO • SEM • CRO • Inbound Marketing • Analytics
COMMENT TIRER PARTI DES
MICRODONNÉES
EN 2017 ?
SOMMAIRE
- Que sont les microdonnées ?
- Les principaux marquages utiles aujourd’hui
- Les outils de Google
Agence conseil en stratégie digitale | SEO • SEM • CRO • Inbound Marketing • Analytics
QUE SONT LES
DONNEES STRUCTUREES ?
Le cœur du web aujourd’hui : la donnée
Fiche MacGyver
Série TV
Acteurs
Créateurs
Episodes
Photos / Vidéos
Le « Knowledge Graph » de Google
Le cœur du web aujourd’hui : la donnée
Comment présenter son contenu ?
A priori, les internautes comprennent votre page web
-----
Les moteurs de recherche la lisent
sans tout comprendre
La solution ? Un marquage plus évolué
Un échange de bons procédés :
Le webmaster structure ses données

Les moteurs présentent des résultats enrichis
Mais qu’est ce que c’est ?
Les Données Structurées
Formats : Microdonnées, RDFa, JSON-LD
Éléments HTML compris et mis en forme par
les moteurs de recherche
Mais qu’est ce que c’est ?
Un élément qui n’est pas nouveau
En 2009 – Google propose
des résultats de type « Rich Snippet »
Un relatif raté au lancement. Personne ne prend le temps d’intégrer ce balisage. Trop de syntaxes ou
vocabulaires différents, trop de choix… Bref seulement 0,5% des webmasters jouent le jeu !
*Source : Blog officiel Google
Mais qu’est ce que c’est ?
Heureusement 2 ans plus tard
Apparition d’HTML 5 (2010)
& lancement du standard
« Schema.org » (2011*)
 Une référence : Schema.org
Les principaux acteurs du marché (Google, Microsoft, Yahoo puis d’autres ensuite comme le W3C, Yandex,
Pinterest…) se sont regroupés afin de s’appuyer sur un standard commun.
 Une référence : Schema.org
Schema.org, c’est la syntaxe
+ le vocabulaire associé
<div itemscope itemtype="http://schema.org/Product">
 Une référence : Schema.org
Exemple :
<a href="http://www.search-foresight.com"><strong>Petit-déjeuner SEO/SEA du 2 mars
2017</strong></a>
<div>Retrouvez l’équipe d’experts SEO-SEA Search Foresight lors d’une matinée conférences dédiée à
l'engagement et au parcours client !</div>
<div>Début : 02/03/2017</div>
<div>Fin : 02/03/2017</div>
<div>Espace Inkermann</div>
<div>Lille</div>
 Une référence : Schema.org
Exemple :
<div itemscope itemtype="http://schema.org/BusinessEvent">
<a itemprop="url" href="http://www.search-foresight.com">
<div itemprop="name"><strong>Petit-déjeuner SEO/SEA du 2 février 2017</strong></div>
</a>
<div itemprop="description">Retrouvez l’équipe d’experts SEO-SEA Search Foresight lors d’une matinée conférences
dédiée à l'engagement et au parcours client !</div>
<div><meta itemprop="startDate" content="2017-03-02">Début : 02/03/2017<div>
<div><meta itemprop="endDate" content="2017-03-02">Fin : 02/03/2017</div>
<div itemprop="location" itemscope itemtype="http://schema.org/PostalAddress">
<div itemprop="streetAddress">Espace Inkermann</div>
<div><span itemprop="addressLocality">Lille</span></div>
</div>
J’introduis le type de balisage de l’item.
Puis je balise mes données avec les formats
associés au type « BusinessEvent »
Des formats qui évoluent dans le temps
Disparitions et apparitions de Rich Snippet
Vidéo
Résultats sportifs
Produits
Musique
Evénements
Quels bénéfices ?
1/ Capter le regard
Se différencier de la concurrence, capter l’attention de l’internaute
2/ Améliorer le CTR
Meilleure visibilité = + taux de clic
3/ Proposer de meilleurs
résultats de recherche
Réponse plus précise à la requête par des informations complémentaires
Quels bénéfices ?
Mais ce n’est pas
toujours facile de se
démarquer…
Un beau futur mais pour qui ?
Un site avec Données Structurées
=
+ de clics
=
+ de conversions
Un beau futur mais pour qui ?
En SEO, un éventuel futur bonus au positionnement ?
Influence du CTR actuel ?
 + de données envoyées chez Google
peut avoir des conséquences négatives
Google Answer qui évite à l’internaute de visiter votre site web…
Un beau futur mais pour qui ?
Certains secteurs l’ont expérimenté, Google peut proposer vos
services directement dans ses résultats de recherche :
Agence conseil en stratégie digitale | SEO • SEM • CRO • Inbound Marketing • Analytics
QUELLES DONNEES BALISER ?
Intégrez ce qui vous correspond
Intégrer des Données Structurées, c’est :
- Du temps de spécification / développement
- Que montrer en dehors de vos sites web ?
Décidez de ce qui est le plus efficace
(temps/bénéfice attendu).
Mettez de coté le superflu mais allez le plus loin possible !
Fil d'Ariane
Simple a mettre en place techniquement,
image positive du site dès les SERP
+ nom du site (USA)
Produit
- Prix , disponibilité
- Avis (note moyenne, nombre)
La SERP devient un comparateur de prix
pour un même produit
Produit
Attention :
Le choix des informations à présenter est stratégique
25
Site officiel
mais
Prix supérieur
Commerces locaux
Enrichissement progressif
des données prises en compte
Restaurants
Image
Fourchette de prix
Type de cuisine
Carrousels d'établissements
Format AMP + des données structurées
=
carrousels
Liste structurée d'hôtels en carrousel AMP
Pages AMP
Les données d'un article doivent être
balisées pour être éligibles à l'AMP :
28
Recherche interne
Sitelinks SearchBox
Moteur de recherche interne
directement accessible des SERP
A venir : Cours, Offres d'emploi
Cours d'écoles / organismes
Listes d'offres d'emploi
30
A venir : l'index mobile
L'index « Mobile First » arrive
S'assurer de présenter un site en mobile
avec des données structurées.
Responsive OK
Site mobile, à adapter.
Pour aller plus loin, pensez mobile
Les Rich Snippets sont beaucoup plus visibles, beaucoup plus mises
en avant sur les pages de résultat mobiles que sur desktop.
Les SERPs mobiles font une utilisation intensive des « cards » et des
carrousels de « cards ».
Moteur de réponse par Google ?
Pour aller plus loin, pensez mobile
Une priorité en 2017, le mobile et les Rich Cards !
Pour aller plus loin, pensez mobile
Formats spécifique au mobile : les Rich Cards
Codé avec le vocabulaire JSON-LD,
mis en avant des contenus sur Mobile
Restez patients…
Google
ne prendra pas en compte
automatiquement ni immédiatement
votre marquage.
Privilégiez le JSON-LD
Format recommandé par Google
Plus simple a comprendre pour les moteurs et
plus simple a intégrer.
N’oublions pas …
Il n’y a pas que Schema.org
La microdonnées est présente sur d’autres
supports
Facebook utilise par exemple le protocol Open Grap.
Open Graph permet d’intégrer des micro-datas spécifiques qui seront utilisées lors du partage social du
contenu, notamment sur Facebook.
Réponses directes
La position 0 n'a pas besoin de données structurées
Deux techniques complémentaires
Agence conseil en stratégie digitale | SEO • SEM • CRO • Inbound Marketing • Analytics
OUTILS GOOGLE
Utilisez les outils Google
https://www.google.com/webmasters/markup-helper/u/0/
Outil d’aide au balisage Google
Utilisez les outils Google
Outil de test des données structurées Google
Merci.
Des questions ?
42

Comment tirer parti des avantages des microdonnées schema.org en 2017 ? Petit déjeuner du 2 mars - Lille

  • 1.
    Agence conseil enstratégie digitale | SEO • SEM • CRO • Inbound Marketing • Analytics COMMENT TIRER PARTI DES MICRODONNÉES EN 2017 ?
  • 2.
    SOMMAIRE - Que sontles microdonnées ? - Les principaux marquages utiles aujourd’hui - Les outils de Google
  • 3.
    Agence conseil enstratégie digitale | SEO • SEM • CRO • Inbound Marketing • Analytics QUE SONT LES DONNEES STRUCTUREES ?
  • 4.
    Le cœur duweb aujourd’hui : la donnée Fiche MacGyver Série TV Acteurs Créateurs Episodes Photos / Vidéos Le « Knowledge Graph » de Google
  • 5.
    Le cœur duweb aujourd’hui : la donnée
  • 6.
    Comment présenter soncontenu ? A priori, les internautes comprennent votre page web ----- Les moteurs de recherche la lisent sans tout comprendre
  • 7.
    La solution ?Un marquage plus évolué Un échange de bons procédés : Le webmaster structure ses données  Les moteurs présentent des résultats enrichis
  • 8.
    Mais qu’est ceque c’est ? Les Données Structurées Formats : Microdonnées, RDFa, JSON-LD Éléments HTML compris et mis en forme par les moteurs de recherche
  • 9.
    Mais qu’est ceque c’est ? Un élément qui n’est pas nouveau En 2009 – Google propose des résultats de type « Rich Snippet » Un relatif raté au lancement. Personne ne prend le temps d’intégrer ce balisage. Trop de syntaxes ou vocabulaires différents, trop de choix… Bref seulement 0,5% des webmasters jouent le jeu ! *Source : Blog officiel Google
  • 10.
    Mais qu’est ceque c’est ? Heureusement 2 ans plus tard Apparition d’HTML 5 (2010) & lancement du standard « Schema.org » (2011*)
  • 11.
     Une référence: Schema.org Les principaux acteurs du marché (Google, Microsoft, Yahoo puis d’autres ensuite comme le W3C, Yandex, Pinterest…) se sont regroupés afin de s’appuyer sur un standard commun.
  • 12.
     Une référence: Schema.org Schema.org, c’est la syntaxe + le vocabulaire associé <div itemscope itemtype="http://schema.org/Product">
  • 13.
     Une référence: Schema.org Exemple : <a href="http://www.search-foresight.com"><strong>Petit-déjeuner SEO/SEA du 2 mars 2017</strong></a> <div>Retrouvez l’équipe d’experts SEO-SEA Search Foresight lors d’une matinée conférences dédiée à l'engagement et au parcours client !</div> <div>Début : 02/03/2017</div> <div>Fin : 02/03/2017</div> <div>Espace Inkermann</div> <div>Lille</div>
  • 14.
     Une référence: Schema.org Exemple : <div itemscope itemtype="http://schema.org/BusinessEvent"> <a itemprop="url" href="http://www.search-foresight.com"> <div itemprop="name"><strong>Petit-déjeuner SEO/SEA du 2 février 2017</strong></div> </a> <div itemprop="description">Retrouvez l’équipe d’experts SEO-SEA Search Foresight lors d’une matinée conférences dédiée à l'engagement et au parcours client !</div> <div><meta itemprop="startDate" content="2017-03-02">Début : 02/03/2017<div> <div><meta itemprop="endDate" content="2017-03-02">Fin : 02/03/2017</div> <div itemprop="location" itemscope itemtype="http://schema.org/PostalAddress"> <div itemprop="streetAddress">Espace Inkermann</div> <div><span itemprop="addressLocality">Lille</span></div> </div> J’introduis le type de balisage de l’item. Puis je balise mes données avec les formats associés au type « BusinessEvent »
  • 15.
    Des formats quiévoluent dans le temps Disparitions et apparitions de Rich Snippet Vidéo Résultats sportifs Produits Musique Evénements
  • 16.
    Quels bénéfices ? 1/Capter le regard Se différencier de la concurrence, capter l’attention de l’internaute 2/ Améliorer le CTR Meilleure visibilité = + taux de clic 3/ Proposer de meilleurs résultats de recherche Réponse plus précise à la requête par des informations complémentaires
  • 17.
    Quels bénéfices ? Maisce n’est pas toujours facile de se démarquer…
  • 18.
    Un beau futurmais pour qui ? Un site avec Données Structurées = + de clics = + de conversions
  • 19.
    Un beau futurmais pour qui ? En SEO, un éventuel futur bonus au positionnement ? Influence du CTR actuel ?  + de données envoyées chez Google peut avoir des conséquences négatives Google Answer qui évite à l’internaute de visiter votre site web…
  • 20.
    Un beau futurmais pour qui ? Certains secteurs l’ont expérimenté, Google peut proposer vos services directement dans ses résultats de recherche :
  • 21.
    Agence conseil enstratégie digitale | SEO • SEM • CRO • Inbound Marketing • Analytics QUELLES DONNEES BALISER ?
  • 22.
    Intégrez ce quivous correspond Intégrer des Données Structurées, c’est : - Du temps de spécification / développement - Que montrer en dehors de vos sites web ? Décidez de ce qui est le plus efficace (temps/bénéfice attendu). Mettez de coté le superflu mais allez le plus loin possible !
  • 23.
    Fil d'Ariane Simple amettre en place techniquement, image positive du site dès les SERP + nom du site (USA)
  • 24.
    Produit - Prix ,disponibilité - Avis (note moyenne, nombre) La SERP devient un comparateur de prix pour un même produit
  • 25.
    Produit Attention : Le choixdes informations à présenter est stratégique 25 Site officiel mais Prix supérieur
  • 26.
    Commerces locaux Enrichissement progressif desdonnées prises en compte Restaurants Image Fourchette de prix Type de cuisine
  • 27.
    Carrousels d'établissements Format AMP+ des données structurées = carrousels Liste structurée d'hôtels en carrousel AMP
  • 28.
    Pages AMP Les donnéesd'un article doivent être balisées pour être éligibles à l'AMP : 28
  • 29.
    Recherche interne Sitelinks SearchBox Moteurde recherche interne directement accessible des SERP
  • 30.
    A venir :Cours, Offres d'emploi Cours d'écoles / organismes Listes d'offres d'emploi 30
  • 31.
    A venir :l'index mobile L'index « Mobile First » arrive S'assurer de présenter un site en mobile avec des données structurées. Responsive OK Site mobile, à adapter.
  • 32.
    Pour aller plusloin, pensez mobile Les Rich Snippets sont beaucoup plus visibles, beaucoup plus mises en avant sur les pages de résultat mobiles que sur desktop. Les SERPs mobiles font une utilisation intensive des « cards » et des carrousels de « cards ». Moteur de réponse par Google ?
  • 33.
    Pour aller plusloin, pensez mobile Une priorité en 2017, le mobile et les Rich Cards !
  • 34.
    Pour aller plusloin, pensez mobile Formats spécifique au mobile : les Rich Cards Codé avec le vocabulaire JSON-LD, mis en avant des contenus sur Mobile
  • 35.
    Restez patients… Google ne prendrapas en compte automatiquement ni immédiatement votre marquage.
  • 36.
    Privilégiez le JSON-LD Formatrecommandé par Google Plus simple a comprendre pour les moteurs et plus simple a intégrer.
  • 37.
    N’oublions pas … Iln’y a pas que Schema.org La microdonnées est présente sur d’autres supports Facebook utilise par exemple le protocol Open Grap. Open Graph permet d’intégrer des micro-datas spécifiques qui seront utilisées lors du partage social du contenu, notamment sur Facebook.
  • 38.
    Réponses directes La position0 n'a pas besoin de données structurées Deux techniques complémentaires
  • 39.
    Agence conseil enstratégie digitale | SEO • SEM • CRO • Inbound Marketing • Analytics OUTILS GOOGLE
  • 40.
    Utilisez les outilsGoogle https://www.google.com/webmasters/markup-helper/u/0/ Outil d’aide au balisage Google
  • 41.
    Utilisez les outilsGoogle Outil de test des données structurées Google
  • 42.

Notes de l'éditeur

  • #8 Principales syntaxes sémantiques
  • #9 Principales syntaxes sémantiques
  • #10 https://webmasters.googleblog.com/2009/05/introducing-rich-snippets.html Yahoo Search Monkey 2007
  • #12 Aujourd’hui, plus de 1 200 modèles disponibles. Mais pas toujours utilisé par Google dans ses résultats
  • #24 Simple a mettre en place techniquement, cela peut donner une image positive du site dès les SERP (développement maîtrisé). Vous proposez ici d’autres portes d’entrées pour votre site web. Encore assez instable, vous pouvez aussi ajouter le nom de votre site web plutôt que son URL (LDLC > Informatique > Ordinateur portable)
  • #25 Proposez ce que vous souhaitez voir apparaitre en dehors de votre site web. Un prix peut convaincre et devenir un comparateur rapide pour l’internaute. Les notes peuvent venir de nombreuses sources (internautes, commentaires, notes trustpilot…). Proposez mais surveillez et réagissez aussi en cas de notes négatives !
  • #27 https://www.search-foresight.com/marquage-donnees-structurees-commerces-locaux/
  • #28 https://www.search-foresight.com/marquage-donnees-structurees-commerces-locaux/
  • #30 https://developers.google.com/search/docs/data-types/sitelinks-searchbox
  • #32 https://webmasters.googleblog.com/2016/11/mobile-first-indexing.html https://www.search-foresight.com/2017-donnees-structurees-sites-mobiles/
  • #33 https://webmasters.googleblog.com/2016/05/introducing-rich-cards.html
  • #34 https://webmasters.googleblog.com/2016/05/introducing-rich-cards.html
  • #35 https://webmasters.googleblog.com/2016/05/introducing-rich-cards.html