Cet article a été publié il y a 1 an 11 mois 11 jours, il est possible qu’il ne soit plus à jour.Les informations proposées sont donc peut-être expirées.
Vous voulez vendre Facebook à votre patron mais il vous pose LA question : Quel est le Retour sur Investissement ? (Oui, apparemment améliorer l’image, la notoriété, le service client et l’attachement des internautes à la marque ne suffit pas)
Après être allé aux conférences de Facebook, vous décidez de mettre en place des boutons « like » sur votre site et ainsi d’amener du trafic directement depuis le 1er réseau social mondial.
Malheureusement après quelques semaines vous remarquez que les boutons like de votre site ne ramènent aucun trafic (Zut alors !).
Et là je me dis « Et si vous saviez ! » ou plutôt… « Et si vous ne saviez pas »
- Saviez-vous qu’il ne suffit pas d’intégrer un bouton like pour qu’il soit visible ?
- Saviez-vous que la majorité des sites français qui ont mis le bouton « j’aime » l’ont en fait mal implémenté?
- Saviez-vous que de ce fait…tous les clics sont invisibles aux yeux des internautes
La raison : L’open graph tags de Facebook
Il existe 2 étapes dans l’implémentation des boutons like, mais souvent, sans le savoir ou juste par manque de courage, les entreprises ne s’occupent que de la première partie et oublient l’étape la plus importante.
La différence ?

Si vous faites « contrôle+U » sur le site de imdb vous tomberez sur les tags ci-dessous (qui sont les tags open graph de Facebook) que vous ne retrouverez malheureusement pas sur le site des Echos par exemple (Si vous m’entendez, faites un effort SVP ).
En bref, l’open graph tags vous permet de déterminer ce qui s’affichera quand une personne cliquera sur le bouton « j’aime », sur le site de imdb on peut voir l’image sélectionnée pour le like (meta : og : image), le type de contenu (un film), le titre du film, le nom du site….
Ces tags doivent être spécifiques à chaque page et inscrits dans le <head> de la page. (C’est un peu technique mais pas trop).
Grâce à ces tags vous pouvez donc déterminer de nombreux éléments tels que
- l’image : qui s’affichera quand un internaute clique sur j’aime
- le titre : qui s’affichera en plus gros
- le texte : qui s’affichera en plus petit
- l’Url de redirection
- le type : Très important car si vous définissez par exemple comme type « game », toutes les personnes qui cliqueront sur le “j’aime” d’un jeu feront apparaître votre jeu sur leur profil (dans les intérêts).
- …
Vous pouvez aussi ajouter des balises vidéo (og:video) et musique (og:audio).
Un conseil cependant : si vous mettez une vidéo dans vos « like » n’oubliez pas d’y inclure une Url sans quoi les internautes ne pourront pas être redirigés sur votre site après avoir visionné votre vidéo.
Alors maintenant que vous connaissez cette « astuce » (ou plutôt cette “obligation”) vous pouvez épater vos copains (et vos directeurs) en montrant que vous avez réussi à amener du trafic sur votre site grâce à Facebook (Comme le fait très bien le site saveur bière).
Pour toutes informations complémentaires sur les open graph tags, allez ici et pour les implémenter c’est ici (l’étape 2 en bas)
Have Fun
Image : http://www.techhim.com/how-to-appear-invisible-in-facebook.html



















Excellent Yvain
!
Super ! Testé et approuvé sur mon blog perso, ça facilite grandement le partage tout ça ! (Tu étais aussi à la conférence d’altima à la piscine ?)
super article #nice
Ah non je n’étais pas à la conférence d’Altima
En fait ça fait longtemps que je souhaitais en parler !
Merci pour vos messages,
Yvain
Si quelqu’un sait comment modifier les mêmes paramètres mais pour le bouton inshare de Linkedin aussi. Merci
J’ai mis un module j’aime sur joomla, et quand je regarde le détail des stats effectivement pas de retour via les j’aime !
Une solution ?
Bonjour,
les tags openGraph permettent effectivement de préciser le contenu à afficher (cela fonctionne), en revanche je ne vois pas où se joue le fait de publier sur son mur uniquement, ou dans la timeline des amis … j’ai beau ajouter tous les tags openGraph qui vont bien, le fait de cliquer sur le bouton “like” ne publie l’info que sur mon mur et nulle part ailleurs (et il est toujours inscrit “Bidule aime un lien” et non pas le titre de la page…
Si quelqu’un peut me faire profiter de ses lumières je l’en remercie d’avance
Salut,
Si vous pouvez mettre l’url http://www.saveur-biere.com au lieu de celle avec l’accent c’est mieux
mais sinon merci de m’avoir cité !
JL
Je crois que tu fais un méchant amalgame entre les boutons de partage et l’open graph.
Hello, je ne parle pas du bouton de partage mais du bouton j’aime, il n’y a pas d’amalgame.
Détrompe toi, tu compares 2 choses bien distinctes, et incomparables : une page produit, celle d’imdb, et un article pour les échos. Baliser un article de l’Open Graph n’a aucun sens.
D’ailleurs, Facebook le précise : “It is currently designed for Web pages representing profiles of real-world things — things like movies, sports teams, celebrities, and restaurants.” En aucun cas on ne parle d’article.
Hello Elie,
Je comprends tres bien ton point de vue, cependant, si tu regarde dans les “types” de l’open graph il y a bien écrit “article” , il est par exemple d’y associer une vidéo.
De plus, si tu vas sur le site des echos il ne s’agit pas d’un bouton partager mais bien d’un bouton “j’aime”.
Oui c’est plus intéressant d’y associer un produit mais c’est possible d’y associer un article et ça peut avoir du sens quand on voit le rendu des like sans balise.
Bonne journée,
Yvain
Alors j’ai hâte de lire ton article “L’intérêt d’implémenter l’Open Graph Facebook pour chacun de vos articles”
Alors j’ai hâte de lire ton article “L’intérêt d’implémenter l’Open Graph Facebook pour chacun de vos articles”
Regarde sur “le monde” ils l’ont implémenté
http://www.lemonde.fr/ameriques/article/2011/06/15/du-cote-de-chez-ghazal_1536450_3222.html
Moi non plus je n’ai pas compris comment faire pour l’afficher sur la Timeline et non pas uniquement sur le mur… quelques explications s’il vous plait, Merci.
La mise en place de balise open graph permet d’améliorer la visibilité de vos like, ils seront visibles sur la timeline de vos amis (pas à coup sûr mais plus régulièrement)
Yvain
Ok je viens de me renseigner un peu plus avec l’open graph, mais une question tout de même :
Par exemple, si on possède un site qui vend des produits, de manière général et automatique le bouton “j’aime” s’affiche sur chaque page de produits.
En est il de même pour l’open graph ? si je le positionne comme le bouton j’aime pour qu’il agisse de manière générale en header sur mon site, est ce que ça va prendre en compte chaque produit ou suis je obligé de l’intégrer manuellement sur chacune de mes pages ?
Hello,
Je suis pas orienté technique donc je ne voudrais pas te dire de bétise, mais je pense qu’il y a une partie que tu peux mettre en automatique (en reprenant directement les données de la page) mais certaines données sont spécifiques (type…)
Si tu met un bouton j’aime général il n’aura pas le mm impact (tu peux en mettre un cependant pour “aimer” ton site)
Pour ma part, non seulement ça n’apparaît pas dans ma time line et en plus ça crée une fan page… Chose qui n’arrivait pas il y a un mois…
Pour ma part, normalement pas d’utilisation des open graph, puisqu’il s’agit d’une newsletter…
Ont-ils dissocié le “j’aime” du “partager” parce que ça se confondait ces derniers temps…
petite précision, j’essai bien le “module” like button et pas du tout like box…
Ça ne marche que si l’on commente son “J’aime”… donc la visibilité reste plus faible qu’avec un bouton “partage”
Si l’on commente le “j’aime” cela est publié sur le “fil d’actualité” de tous ses contacts sinon çà reste sur le “mur” de la personne qui “aime”, mur que bien peu de personnes visitent…
Ceci est faux ! La visibilité est la même quelque soit l’interactivité
25 “j’aime” entrainent 2 visites (selon XITI)… C’est bien ce que je dis ça ne marche pas … à moins que mes contact n’aient pas d’ami(s)
Ceci est faux ! La visibilité est la même quelque soit l’interactivité
Ceci est faux ! La visibilité est la même quelque soit l’interactivité
Ceci est faux ! La visibilité est la même quelque soit l’interactivité
sous le terme de “contacts” j’entends bien évidemment ceux qui aiment …