Portrait Olivier Duffez

Olivier Duffez

Créateur de WebRankInfo,
consultant en référencement

Comment définir les URL de profils sociaux liés à un site, pour le Knowledge Graph de Google

Quand on tape le nom d’un site, Google affiche parfois un encadré à droite avec des informations (Knowledge Graph). Parfois on y trouve aussi des icônes de réseaux sociaux associés au site. Voici comment déclarer ces URL à Google.

Profils sociaux knowledge graph Google

Si Google affiche un encadré type Knowledge Graph pour votre site, vous pouvez définir les URL de vos profils sociaux pour aider Google à pointer vers les bons comptes.

Spécifier les profils sociaux à Google

C’est pour l’instant seulement pour des sites célèbres (sur google.com en anglais), mais vous devriez vous préparer quand votre tour viendra ;-) Google affiche parfois ce type de page de résultats :

Si jamais Google décide que votre site peut bénéficier de ce type d’affichage, alors il vaut mieux que vous ayez déclaré quelles sont les URL de vos différents comptes de réseaux sociaux. Sinon Google tentera de deviner (il pourra se tromper) ou dans le doute n’affichera rien.

Je préfère insister pour être clair : ce n’est pas parce que vous mettez le bon code dans votre page que vous bénéficierez de cet affichage. Inversement, Google peut afficher des liens de profils sociaux même pour un site qui n’a pas mis le bon code. Mais c’est mieux de le mettre, pour faciliter les choses à Google. C’est le même principe que le code pour le formulaire des sitelinks.

Il suffit d’ajouter des données structurées sous la forme d’un bout de code Javascript au format JSON-LD. Google indique qu’on peut le mettre sur n’importe quelle page donc a priori il suffit de le mettre sur votre page d’accueil. Si vous connaissez assez bien le code, suivez ces instructions, et sinon il vous suffit d’utiliser mon outil (gratuit) ci-dessous :

Outil de configuration des profils sociaux d’un site web

Le contenu du code dépend si votre site est associé à une personne morale (par exemple une entreprise) ou à une personne physique (par exemple un blogueur non pro). Pour certains réseaux sociaux comme Facebook et Google+ (pour n’en citer que 2), il faut indiquer respectivement les URL de vos pages ou de vos profils. Pour d’autres réseaux sociaux comme Twitter, ça ne change rien (sauf si vous avez plusieurs comptes).

Les URL indiquées dans votre code doivent correspondre aux URL des liens affichés sur votre page d’accueil, tels que les internautes peuvent les voir.

Petite astuce pour le cas d’un site lié à une entreprise ou une organisation : dans le même code, vous pouvez aussi indiquer à Google l’URL qu’il doit utiliser pour votre logo (il s’agit de la propriété « logo »).

Réseaux sociaux pris en compte

Les réseaux sociaux actuellement pris en compte sont les suivants :

  • Facebook
  • Twitter
  • Google+
  • Instagram
  • YouTube
  • LinkedIn
  • Myspace

Google précise qu’on peut malgré tout en ajouter d’autres, ils seront peut-être pris en compte plus tard… Pinterest (ou Viadeo en France) me semblerait plus utile que Myspace, non ?

Vous remarquerez que Google n’affiche page les réseaux sociaux toujours dans le même ordre… Si vous savez sur quoi il semble se baser, dites-le dans les commentaires !

D’après Google, les profils sociaux sélectionnés peuvent aussi dépendre de la requête de l’internaute.

Un point qui pourrait limiter pas mal de monde : pour les réseaux sociaux qui ont mis en place un processus de vérification des comptes, seuls les comptes vérifiés seront affichés dans cet encadré Google.

Exemples de codes

Voici ce que ça donne pour mon site webrankinfo.com (type Organization) :

<script type="application/ld+json">
{ "@context": "http://schema.org",
 "@type": "Organization",
 "name": "WebRankInfo",
 "url": "http://www.webrankinfo.com",
 "logo": "http://www.webrankinfo.com/images/wri/webrankinfo-avatar2.png",
 "sameAs": [ "https://twitter.com/webrankinfo",
 "https://plus.google.com/+WebRankInfo",
 "http://www.youtube.com/user/webrankinfo",
 "http://fr-fr.facebook.com/WebRankInfo",
 "http://www.linkedin.com/company/2411999",
 "http://instagram.com/webrankinfo",
 "http://pinterest.com/webrankinfo/"] 
}
</script>

Voici ce que ça donne pour mon site olivier-duffez.fr (type Person) :

<script type="application/ld+json">
{ "@context": "http://schema.org",
 "@type": "Person",
 "name": "Olivier Duffez",
 "url": "http://www.olivier-duffez.fr/",
 "sameAs": [ "https://fr-fr.facebook.com/olivier.duffez",
"http://twitter.com/webrankinfo",
"https://plus.google.com/+OlivierDuffez",
"http://www.youtube.com/user/olivierduffez",
"http://www.linkedin.com/in/olivierduffez" ]
}
</script>

Si vous ne souhaitez ou pouvez pas utiliser le format JSON-LD, vous pouvez intégrer les données structurées au sein du code HTML directement, dans le contenu. Voici un exemple avec les microdonnées :

<span itemscope itemtype="http://schema.org/Organization">
 <link itemprop="url" href="http://www.your-company-site.com"> 
  <a itemprop="sameAs" href="http://www.facebook.com/your-company">Facebook</a>
  <a itemprop="sameAs" href="http://www.twitter.com/YourCompany">Twitter</a>
</span>

Pour tester si votre intégration fonctionne bien, testez votre page sur l’outil de test SDTT de Google (si besoin lisez mon article sur cet outil SDTT)

Si vous avez des questions, n’hésitez pas à les poser dans les commentaires.

Cet article vous a-t-il plu ?

Note : 5.0 (1 vote)
Cliquez pour voter !

Laisser un commentaire

Remarques :

  • Si vous souhaitez poser une question ou détailler un problème technique, il ne faut pas utiliser le formulaire ci-dessous qui est réservé aux avis. Posez votre question directement dans le forum Gmail de WebRankInfo. L'inscription est gratuite et immédiate.

  • En postant un avis, vous acceptez les CGU du site WebRankInfo. Si votre avis ne respecte pas ces règles, il pourra être refusé. Si vous indiquez votre adresse email, vous serez informé dès que votre avis aura été validé (ou refusé...) ; votre adresse ne sera pas utilisée pour vous envoyer des mailings et ne sera pas revendue ou cédée à des tiers.

20 commentaires

Pascal CAMLITI

Bonjour,

Dans l’exemple de code de WRI, il manque la balise fermante de SCRIPT ;)

Répondre
Olivier Duffez

Corrigé Pascal, merci !

Répondre
Anthony

Merci pour ce topic très utile.

Répondre
julien

Merci beaucoup, en revanche comment savoir si on doit mettre organization ou person ? Exemple : si il s’agit d’un portfolio pro ?

Répondre
Olivier Duffez

Sur les réseaux sociaux, te présentes-tu comme une personne ou comme une entité personne morale ?

Répondre
julien

je présente essentiellement mon travail j’aurais tendance à dire une entité donc… merci pour ce point d’éclaircissement.

Répondre
Paul

Bonjour,

Petite question y a-t-il une différence de résultat entre le script et le html direct ?

Merci

Paul

Répondre
Olivier Duffez

@Paul : je n’ai pas compris ce que tu appelles le HTML direct ?

Répondre
Paul

Le « span » (je connais peu le code…)

Répondre
Olivier Duffez

Oui Paul, c’est possible avec des span, c’est ce que j’explique tout à la fin de l’article.

Répondre
Paul

Merci ; en fait j’ai bien compris que c’était possible, je me demandais juste si il y avait une différence d’efficacité entre les deux méthodes ? Merci de votre patience ;)

Répondre
Olivier Duffez

Je pense que les 2 solutions sont aussi efficaces, il faut choisir la plus facile à implémenter sur votre site

Répondre
jean

bonjour,

moi quand je tape « webrankinfo.com » j’ai aucune info sur les réseaux sociaux normal ?

Répondre
Olivier Duffez

oui parce que :
– ce n’est en place que sur google.com
– ce n’est affiché que pour certains sites que l’algo de Google sélectionne

Répondre
Dge-06

Je reviens déterrer ce vieux post.

Je me demandais juste si ces « bouts de codes » sont encore valables.

Quand je vais sur Google et que je fais des recherches sur des marques connues ou artistes (nike, u2, google), les icônes vers les réseaux sociaux n’apparaissent plus.

Est-ce que j’ai raté quelque chose ?

Répondre
Olivier Duffez

Je n’ai pas entendu parle de modifications depuis cet article

Répondre
Dge-06

c’est bien ça le problème, moi non plus.

Et pourtant quand on regarde bien, les icônes vers les réseaux sociaux ont bel et bien disparues.

Répondre
Cedric

Bonjour,

Je suis en train de faire des recherches sur Google FR et il m’est également impossible de trouver des icônes vers les liens sociaux dans le knowledge graph. Je vois que le dernier commentaire à ce sujet date de plus d’un an. Je constate également que dans un autre article plus récent http://www.webrankinfo.com/dossiers/google-search/serp#knowledge-graph, vous ne mentionnez pas les liens vers les médias sociaux.

Avez-vous donc conclue que Google FR ne donne plus ce résultat dans les SERP?

Répondre
Olivier Duffez

Je ne sais pas si ça a déjà existé sur le .fr et de toutes façons on ne peut pas forcer Google à les afficher…

Répondre