Vous êtes ici : Dossiers référencement > Google+

Membre WebRankInfo ?

S'inscrire Aide

Comment paramétrer son site pour maîtriser le snippet lors d'un partage par le bouton +1

Par , Vendredi 26 août 2011

Depuis le 24 août 2011, le bouton +1 permet aux internautes de partager sur Google+ la page sur laquelle il est affiché. Quel titre va être sélectionné par défaut ? Quel descriptif et quelle image ? Voici comment régler tout ça.

Paramétrage du snippet pour partage dans Google+

Paramétrage du snippet pour partage dans Google+

Impact du bouton +1 (rappel)

Avant de commencer, un petit rappel... Quand un internaute (connecté à son compte Google+) clique sur un bouton +1 situé sur l'une des pages de votre site :

  • il recommande cette page à ses contacts : si ceux-ci font une requête Google en rapport avec la page, non seulement ils verront le +1 en bleu foncé, ce qui attire leur attention, mais cette page pourra être mieux positionnée
  • il peut ensuite décider de partager également cette page dans Google+, ce qui va générer une entrée dans son flux (son "mur", sa "timeline")

Pour que la publicité qu'il vous fait sur son réseau soit la plus efficace possible, entendez par-là la plus "virale" possible, vous avez intérêt à ce que l'encart généré par Google+ représentant votre page soit attractif. C'est l'objet de cet article que de vous y aider.

 Configurer le snippet généré par Google+

Dans le jargon des moteurs de recherche, le descriptif situé sous un résultat (dans les pages de résultats) est appelé snippet. On utilise le même mot pour décrire le descriptif associé à une page partagée sur Google+.

Pour que Google+ utilise les bons éléments de votre page pour construire ce descriptif, vous devez ajouter des microdata dans votre code source. Il s'agit de données structurées respectant le protocole schema.org créé en juin 2011. Ca n'est pas bien compliqué, il faut que votre code source contienne les éléments mis en gras en vert dans l'exemple ci-dessous :

<body itemscope itemtype="http://schema.org/Article">
<h1 itemprop="name">Ici le titre de vote article</h1>
<img itemprop="image" src="vignette.jpg" />
<p itemprop="description">Ici la description de l'article.</p>
</body>

Officiellement, ce type de snippet est appelé +snippet

Nul doute qu'il y aura d'ici peu des extensions (WordPress et autres) permettant de rajouter ces éléments automatiquement dans vos pages (si vous en connaissez, merci de les indiquer dans les commentaires).

Si vous n'ajoutez pas ces propriétés schema.org name, image et description, alors Google+ va utiliser les propriétés title, image, et description du protocole Open Graph, si vous les avez intégrées, comme dans cet exemple :

<meta property="og:title" content="Ici le titre de vote article"/>
<meta property="og:image" content="vignette.jpg"/>
<meta property="og:description" content="Ici la description de l'article"/>

Si vous n'utilisez rien de tout ça, Google+ va utiliser votre balise title et votre balise meta description. Une des images de la page pourra être utilisée.

Si mes explications ne sont pas assez claires, consultez l'article du blog Google ou l'aide sur Google Code, ou posez vos questions dans le forum.

A propos de l'auteur : Olivier Duffez Olivier Duffez sur Google+ Olivier Duffez sur Twitter Olivier Duffez sur Facebook Olivier Duffez sur Pinterest Olivier Duffez sur LinkedIn

Consultant en référencement, Olivier Duffez a travaillé pour les plus grands sites (Doctissimo, FNAC, RueDuCommerce...). Il édite le site WebRankInfo qu'il a créé en 2002, devenu la + grande communauté francophone sur le référencement (270.000 membres, 1,4 million de posts). Il a également créé la société Ranking Metrics, leader des formations emarketing en France (SEO, AdWords, Analytics, réseaux sociaux).

Vous avez aimé cet article ? Partagez-le !

Vous aimez WebRankInfo ? Suivez-nous !

Si vous souhaitez publier un extrait de cet article sur votre site, assurez-vous de respecter les conditions générales d'utilisation de WebRankInfo.

Vous devriez lire aussi :

9 commentaires

  1. Cédric G. a dit le

    Good !

    Du coup le protocole Open Graph est "unifié" avec ce qu'utilise Facebook (c'est la même chose) : autant opter pour cette solution si l'on utilise les deux boutons non ?

  2. gotcha5832 a dit le

    @Cédric G. j'allais le dire

  3. Oliv a dit le

    Donc, si on a utilise déjà les tags OpenGraph, on a rien à changer en fait ?

  4. Olivier Duffez a dit le

    Si vous utilisez les tags Open Graph, il vous suffit de tester et vous verrez vite si en effet vous n'avez pas besoin d'ajouter d'autres tags dans vos pages.

  5. Thib’ a dit le

    Très bon post. Testé avec succès sur plusieurs sites. Google frappe quand même un grand coup avec cette fonctionnalité qui va beaucoup plus loin que le simple "j'aime" de Facebook. Mais vivement les pages pros Google+ quand même !

  6. aquaportail a dit le

    Le seul inconvénient dans tout cela, et il en est fait la réflexion dans le message du blog GG, le bouton +1 ne fonctionne plus correctement avec IE si le href n'est pas précisé avec plusieurs boutons +1 dans la même page.

  7. jeremy a dit le

    Personnellement je préfère utiliser la méthode recommandée par Google,, à savoir la méthode des schémas. Si vous avez un site sous WordPress, voilà la démarche à suivre, dans cet article :

  8. secrétariat téléphonique a dit le

    D'après les statistiques présente sur le Google Outils Webmaster tool pour le bouton Google + Je remarque que le nombre de +1 général pour toutes les pages du sites contribuent au positionnement des différentes pages.

    Ils sont comptabilisé pour le site en entier, et non pas seulement pour la page ...

    Sinon, voici une extension permettant d'ajouter Google + pour wordpress :http://www.geekeries.fr/wordpress/ajouter-bouton-google-plus-1-wordpress-15553

  9. jtef a dit le

    et y aurait-il une astuce pour personnaliser un peu le bouton "+1" ? Avec sa taille prédéfinie (même s'il en existe plusieurs, le choix n'est pas énorme), sa forme rectangulaire, ses coins légèrement arrondis, j'ai du mal à l'intégrer graphiquement sur certains sites.

Postez un commentaire !

Les champs marqués du signe * sont obligatoires. L'adresse email ne sera pas affichée.

En postant un commentaire, vous acceptez les CGU du site WebRankInfo.

Cherchez dans tous les dossiers

Cherchez par mots-clés dans ~2000 articles :

Formation référencement et webmarketing

Venez chez Ranking Metrics vous former au référencement, à Google Analytics et aux réseaux sociaux ! Plus de 4000 entreprises sont déjà venues (financement possible par OPCA, DIF...).

Préparés et animés par Olivier Duffez (WebRankInfo) et Fabien Faceries (AgentWebRanking), 2 professionnels reconnus dans le domaine, nos modules sur le référencement naturel sont très complets tout en laissant une grande place à l'interactivité pour répondre à toutes les questions des participants.

Pour connaître le plan détaillé de chaque module, le prix, les dates et les lieux, consultez le site de Ranking Metrics (organisme de formation).

Hébergement web

Hébergement web mutualisé et dédié

Pour un bon référencement, il faut un bon hébergeur. Testez Sivit by Nerim, l'hébergeur choisi par Olivier Duffez pour son site WebRankInfo.

A partir de 3€ HT/mois.