web-dev-qa-db-fra.com

Comment Google Plus sélectionne-t-il une image à partir d'un lien partagé?

Si vous partagez un lien sur Google Plus, il sera souvent saisi de quelques images que vous pouvez joindre lorsque vous les publiez. Facebook a une fonctionnalité similaire. Vous pouvez indiquer à Facebook quelle est l'image principale d'une page avec une simple balise LINK. Cependant, cela ne fonctionne pas pour G +.

Comment dites-vous à G + quelle est l'image principale d'une page?

social-networkssocial-networkinggoogle-plus
27
Justin

Voici les informations copiées à partir de + 1 bouton documentation (légèrement modifié pour une meilleure lisibilité). Cette méthode s'applique à toutes les manières dont les URL sont partagées sur Google+.

Remplissage de l'extrait +: Après avoir ajouté une page à une page, l'utilisateur a la possibilité de partager la page sur Google+ via une bulle de partage affichée. Cette bulle de partage (ainsi que la publication de l'activité Google+ résultante) inclut un aperçu, ou un extrait de code, contenant le titre de la page, une brève description de la page et une vignette. Ces données sont extraites du contenu de l'URL cible de l'une des quatre manières suivantes, répertoriées par ordre de priorité:

Microdonnées Schema.org (recommandées): Si la page est annotée avec des microdonnées Schema.org, le + Snippet utilisera les propriétés name, image et description. trouvé sur n'importe quel type schema.org.

<body itemscope itemtype="http://schema.org/Product">
  <h1 itemprop="name">Shiny Trinket</h1>
  <img itemprop="image" src="image-url"></img>
  <p itemprop="description">Shiny trinkets are shiny.</p>
</body>

Protocole Open Graph: Si la page contient des propriétés Open Graph pour le titre, l'image et la description, elles seront utilisées pour + l'extrait de code.

<meta property="og:title" content="..."/>
<meta property="og:image" content="..."/>
<meta property="og:description" content="..."/>

Balises méta "title" et "description": Si l'élément <head> de la page contient des balises <meta name="title" ... /> et <meta name="description" ... /> , l'extrait utilisera ses attributs de contenu pour le titre et la description, respectivement. Pour la vignette, la boîte de partage tentera de trouver une image appropriée sur la page.

<meta name="title" content="..." />
<meta name="description" content="..." />

Meilleure estimation du contenu de la page (non recommandé): Si aucune de ces données n'est présente, Google analysera la page et tentera de trouver le meilleur titre, description et image.

20
mimming

[Désolé pour la réponse spéculative, mais je n'ai pas de site sur lequel je peux essayer ceci immédiatement]
Je n'ai vu que des informations sur pour le bouton +1 . Il semble raisonnable que, sur le back-end de Google+, il s’agisse du même processus et qu’il cherche donc les mêmes informations. En supposant que vos modèles soient construits de manière à pouvoir appliquer itemprop="image" à l’image de votre choix, essayez-le.

2
Su'

Google dispose désormais d'un outil de prévisualisation des extraits de partage permettant de générer le schéma approprié ou d'ouvrir le marquage graphique: https://developers.google.com/+/web/snippet/

1
pxwise