Avec Facebook nous avons l' Open Graph tags qui permettent aux webmasters de spécifier la manière dont l'histoire est affiché sur Facebook.
Est-il quelque chose de similaire pour l' Google +1 bouton, qui permet aux webmasters de spécifier la miniature de l'image, la description et le titre? Google+ semble ignorer l' og-meta tags.
À partir de Google+ aide docs, nous avons maintenant une réponse officielle.
Google utilise schema.org de microdonnées à générer des rich snippets dans la recherche (et dans Google+). Il y a beaucoup écrit au sujet de schema.org et comment il se rapporte à Facebook OpenGraph dans ces deux liens:
Voir: http://www.google.com/support/webmasters/bin/answer.py?answer=1211158 Voir: https://developers.google.com/+/plugins/+1button/
Certaines choses importantes:
+Extrait de
Après +1 communique de la page, l'utilisateur a la possibilité de partager la page pour Google+ via une affiche Part de la bulle. Cette part de la bulle (le long de avec les Google+ activité post) comprend un aperçu, ou +Extrait de code, qui contient le titre de la page, une brève description de la page, et une miniature de l'image. Ces éléments de données sont extraites à partir de l'URL cible est contenu dans l'une des quatre façons suivantes, énumérées dans l'ordre de priorité:
Schema.org les microdonnées (recommandé)
Si la page est annoté avec schema.org les microdonnées, l' +Extrait va utiliser l'
name,image, etdescriptionpropriétés trouvées sur tout schema.org type.
<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>
Open Graph protocol
Si la page contient de l'Open Graph propriétés pour le titre, l'image, et description, alors ils seront utilisés pour les +Extrait.
<meta property="og:title" content="..."/>
<meta property="og:image" content="..."/>
<meta property="og:description" content="..."/>
Meta "title" et "description" tags
Si la page de l'élément contient et de tags, +Extrait de leur utilisation attributs de contenu pour le titre et la description, respectivement. Pour la miniature de l'image, le champ de commentaire va tenter de trouver un l'image sur la page.
<meta name="title" content="..." />
<meta name="description" content="..." />
Si je partage un lien vers notre webapp (restorm.com) dans Google+ puis le titre, la description et l'image sont prises à partir de la og: tags (og:title, og:description, og:image).
Ces balises
<title>One Shot Orchestra • Electronic • Music, Concerts & More • restorm.com</title>
<link href="https://restorm.com/favicon.ico?116a158" rel="shortcut icon" />
<meta name="description" content="Listen to music of One Shot Orchestra for free and browse the Artist's news, events, videos, pictures, shop, booking & press Infos, live footage & much more on restorm." />
<meta property="og:title" content="One Shot Orchestra" />
<meta property="og:url" content="https://one-shot-orchestra.restorm.com/" />
<meta property="og:type" content="band" />
<meta property="og:description" content="Bangin´ Live Electro aus Bern-Kreuzberg" />
<meta property="og:site_name" content="restorm.com" />
<meta property="fb:app_id" content="127577323959237" />
<meta property="og:language" content="en" />
<meta property="og:image" content="https://assets3.restorm.com/resources/images/40/40b17a53aa9785fa89c15b06b9fcfd72_643969.jpeg?116a158" />
<meta property="og:video" content="https://one-shot-orchestra.restorm.com/minipage/minipage.swf?applicationSettingsURL=https%3A%2F%2Fone-shot-orchestra.restorm.com%2Fminipage%2Fsettings.xml&auto=true" />
<meta property="og:video:width" content="300" />
<meta property="og:video:height" content="200" />
<meta property="og:video:type" content="application/x-shockwave-flash" />
sont ainsi partagées comme ceci
Donc le titre et la description sont certainement prises à partir d' og:title et og:description, et non à partir du titre et de la description de la balise meta...
Les images trop petites ou pas assez carrées ne seront pas incluses dans l'extrait +, même si elles sont explicitement référencées à l'aide de microdonnées schema.org ou d'un balisage Open Graph. Plus précisément, la hauteur doit être d'au moins 120 pixels, et si la largeur est inférieure à 100 pixels, le rapport d'aspect ne doit pas être supérieur à 3,0.
Juste répondu à cette question sur un autre post Google +1 Généré le Thumbmail dans le Profil
Ressemble à Google+1 a la suite de hiérarchie des données:
Espérons que cette aide.
Prograide est une communauté de développeurs qui cherche à élargir la connaissance de la programmation au-delà de l'anglais.
Pour cela nous avons les plus grands doutes résolus en français et vous pouvez aussi poser vos propres questions ou résoudre celles des autres.
