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

Membre WebRankInfo ?

S'inscrire Aide

Tutoriel : ajouter un badge pour promouvoir une page pro Google+

Par , Lundi 30 janvier 2012

Maintenant que vous avez créé votre page Google+, il va falloir la faire connaître afin de booster ses fans. Comme avec Facebook ou Twitter, vous allez sans doute utiliser votre site pour cela. Voici comment intégrer sur votre site le widget des pages Google+.

C'est très simple, voici les étapes à suivre :

  1. Allez sur la page d'accueil de votre page pro Google+ et repérez son identifiant. C'est un horrible nombre de 21 chiffres :-) En général l'URL de la page d'accueil est du type https://plus.google.com/103419843882610272894/posts mais si vous regardez bien il y a une balise d'URL canonique qui indique que l'URL officielle ne contient pas /posts à la fin. Copiez cet identifiant.
  2. Allez sur https://developers.google.com/+/web/badge/?hl=fr et collez votre identifiant dans la case
  3. Choisissez si vous souhaitez afficher un badge ou seulement une image, ainsi que sa taille
    • Le badge permet à vos visiteurs (connectés à leur compte Google+) d'attribuer un +1 à votre page Google+ ou bien de l'ajouter à leurs cercles Google+ (ce qui va semer de la confusion je pense)
    • L'image permet seulement de faire un lien vers la page Google+.
  4. Modifiez la langue (anglais US par défaut, français disponible)
  5. Modifiez si besoin la largeur (apparemment difficile de régler la hauteur)
  6. Cochez la case "Asynchrone" si vous souhaitez que le code Javascript s'affiche de façon asynchrone (ce qui ne ralentira pas le chargement)
  7. Cochez la case "Syntaxe HTML5 valide" si vous souhaitez un joli code (un div plutôt qu'un g:plus), mais pour être valide vos pages devront être en HTML5...
  8. Je vous conseille de laisser l'option "Analyse : par défaut (au chargement)"

Vous remarquerez que Google vous demande d'ajouter une balise link dans le head des pages de votre site :

<!-- Placez cette balise dans l'en-tête de votre document-->
<link href="https://plus.google.com/103419843882610272894" rel="publisher" />

Cette ligne indique à Google qu'il y a un lien officiel entre votre site et votre page Google+.

Avez-vous déjà ajouté un badge Google+ ? Ou une image ?

Formulaire badge page Google Plus

Le formulaire permettant de créer le code à insérer sur son site pour intégrer un badge de page Google Plus

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.

16 commentaires

  1. Bertrand a dit le

    Salut Olivier
    Bon bein il faut peut être un minimum de personnes qui suivent la page car pour moi rien ne s'affiche en preview et rien non plus sur le site... Je re-essayerai plus tard...

  2. Yom a dit le

    Marche pas pour le grand badge... et vous ?

  3. Donatien a dit le

    Je viens de l'ajouter pour le site de mon entreprise mais j'ai eu deux soucis :
    - déjà la VF ne marche pas encore (c'est pas grand chose mais ça marque "on Google+" au lieu de "sur Google+)
    - le vrai souci : je voulais mettre le "grand badge" avec les visages et le bouton +1 mais malheureusement on ne peut pas du tout régler la largeur donc j'ai opté pour l'icône simple.

    ya encore des trucs à améliorer ;)

  4. Manu a dit le

    Franchement je vous invite à ne pas participer de près ou de loin a leur projet et de le boycotter, ils en ont déjà bien assez ! Après il n'y aura plus aucune alternative à Google si vous faîtes la promotion de leur service sur votre site.

    Pas besoin de leur trafic qu'ils vous font miroiter.

    Imaginez si Google + remplaçait Facebook, il serait où le choix ? Ah là ils ont besoin des webmasters maintenant ! Ca m'énerve que se foutent de nous à ce point.

  5. tattoo tatouages a dit le

    Testé, par contre ça ne marche que pour les icônes, pas les badges chez moi.
    Dommage que contrairement à la like box de FB ça ne permette pas de devenir follower en un seul clic

  6. wds a dit le

    bouton +1, bouton partage... n'y a-t-il pas de la redondance la dedans. ils sont vraiment mauvais en fait, ne pas avoir mis de bouton partage dès le début les a fortement handicapés.

  7. Coach Construction a dit le

    ça marche super bien, merci pour les explications de cette page.

    Regardez ce que cela donne sur mon site et profitez pour rajouter la page à vos cercles.

    Merci.

  8. Zéro Faute a dit le

    Est-ce que cela favorise le SEO ?

  9. Olivier Duffez a dit le

    Pour l'instant rien n'est prouvé à ce sujet... attendons de mieux analyser et de voir ce que Google nous réserve, notamment dans l'impact sur les SERP

  10. wow gold a dit le

    Salut Olivier
    Bon bein il faut peut être un minimum de personnes qui suivent la page car pour moi rien ne s'affiche en preview et rien non plus sur le site... Je re-essayerai plus tard..

  11. développeur web a dit le

    Utile pour les "grosses" structures uniquement je pense. Un chose manque cruellement pour l'intégration de ces "badges" de réseaux sociaux à un site, c'est la customisation graphique des ces éléments. Il reste encore pas mal de boulot à fournir de ce coté là : on voit encore trop le "module" réseaux sociaux copier/coller sur un site, ne s'intégrant pas du tout dans le contenu et dans la charte graphique de ce dernier.

  12. Chambre hotes Bourgogne a dit le

    Je confirme que ces badges sont assez difficiles à intégrer, je compte bien ajouter les images des followers mais j'hésite du fait de la taille des badges et leur fond blanc rectangulaire qui risque d'être disgracieux.
    Sinon, comment expliquer que la page d'accueil de WRI n'a que 904 +1 alors que la page google+ a 1640 followers, il n'y a vraiment aucun lien entre les deux ? Même après avoir lié les 2 pages ?

  13. blog rémunérateur a dit le

    Bonjour,

    Merci pour ce tuto, je vais tester ça.

    salutations

  14. Stockage Narbonne a dit le

    Entre les Google+ avec les +1, les badges, facebook avec les like, partager et les badges et tweeter, le placement de ses éléments sans gêner la lisibilité d'un site devient franchement un problème !

  15. Amel a dit le

    Pour moi ça ne marche pas je copie et colle la totalité du code, quelle partie doit être collée?

  16. JUPITARIENNE a dit le

    c'est ok, merci

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 :

Catégories des dossiers

Consultez les dossiers par thématiques :

Formation référencement et webmarketing

Venez chez Ranking Metrics vous former au référencement, à Google AdWords et Analytics ainsi qu'aux réseaux sociaux ! Plus de 4000 entreprises sont déjà venues (Dossier possible 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.