Les balises HTML pour le réseau social Google+
Google+ se sert de plusieurs balises ou groupe de balise pour extraire ses informations de votre page web. Vous avez donc le choix entre 3 systèmes de balises :
Deux balises meta :
<meta name="description" content="..." />
Trois balises meta de type Open Graph (Facebook) :
<meta property="og:image" content="..."/>
<meta property="og:description" content="..."/>
Le balisage de type Microdonnées schema.org :
<h1 itemprop="name">Alias Dmc</h1>
<img itemprop="image" src="http://www.aliasdmc.com/images/thumbnail.jpg"></img>
<p itemprop="description">Articles sur le développement Web.</p>
</body>
THINK : Voir les valeurs de microdonnées possibles
Voir le site : https://developers.google.com/+/plugins/+1button/?hl=fr#plus-snippetDeux balises meta :
Exemple de code :
<meta name="title" content="..." /><meta name="description" content="..." />
Trois balises meta de type Open Graph (Facebook) :
Exemple de code :
<meta property="og:title" content="..."/><meta property="og:image" content="..."/>
<meta property="og:description" content="..."/>
Le balisage de type Microdonnées schema.org :
Exemple de code :
<body itemscope itemtype="http://schema.org/THINK"><h1 itemprop="name">Alias Dmc</h1>
<img itemprop="image" src="http://www.aliasdmc.com/images/thumbnail.jpg"></img>
<p itemprop="description">Articles sur le développement Web.</p>
</body>
THINK : Voir les valeurs de microdonnées possibles
