Optimiser votre bouton Facebook "J'aime"

agerix.fr : optimiser le bouton Facebook "j'aime"

Le bouton "J'aime" de Facebook est un grand classique du web mais saviez-vous qu'il était possible de le personnaliser ?

Un peu d'histoire

agerix : optimiser le bouton j'aime de facebookAjouter un bouton Facebook J'aime sur son site internet est une opération très facile et Facebook met à disposition des développeurs une interface très visuelle permettant en quelques clics d'obtenir le code voulu. Un simple copié/collé aux bons endroits et le tour est joué ! Cette facilité d'intégration est d'ailleurs une des raisons du succès du réseaux social ces dernières années. Facile à diffuser, facile à intégrer, les composants du succès étaient réunis.
En ce qui concerne l'intégration dans les CMS de nombreux plugins ou widgets sont également disponibles et permettent une intégration facile et rapide quelque soit le niveau de l'intégrateur. Et même si les possibilités de personnalisation du bouton sont quasi-nulles, pour la majorité des entreprises, associations, webmasters cela n'est pas important. Pour la majorité d'entre eux si cela fonctionne tout va bien. Dommage de ne pas aller jusqu'à l'optimisation alors que nous pouvons le faire proprement comme nous allons le voir dans cet article.

Comment ça marche

Quand un visiteur clique sur le bouton « J'aime » une série d'évènements se produisent. Tout d'abord il connecte l'utilisateur du site vers l'Open Graph de Facebook. Il poste également une résumé dans le fil d'actualité et apparaît dans la Timeline de l'utilisateur. Ces évènements se produisent que le bouton soit optimisé ou non. Facebook prends une image de la page, récupère le titre, l'adresse, l'image et la description. Et tout cela sans rien faire ou presque ! Ça paraît cool non ? Et pourtant pas vraiment... Facebook n'a aucune moyen de savoir quelle image représente au mieux votre marque et c'est la raison pour laquelle pour beaucoup cela se terminera avec une image aléatoire sans rapport avec le contenu (une pub présente sur la page, une image du pied de page, etc...). Il est également possible qu'il ne récupère pas des données importante comme l'URL canonique.

agerix.fr  le formulaire du like plugin button

L'optimisation

Heureusement pour vous il est possible d'optimiser ces manques en utilisant les balises meta de la section head de votre site internet, balises appelées « open graph meta tags ». Ces balises vont vous permettre dire à Facebook tout ce qu'il a besoin de savoir.
Facebook met à notre disposition un petit formulaire du « Like Button Facebook » qui vous guidera pour générer ces tags mais malheureusement ce formulaire ne vous dit pas ce que font ces tags et pourquoi vous en avez besoin. Pourtant chacun de ces tags que Facebook vous donne a une propriété que nous allons identifier. Vous êtes prêts ? Alors allons-y pour le détail !

og:title

Il s'agit du titre de la page qui sera lié par le bouton « J'aime » et sera le titre que l'utilisateur cliquera pour aller sur votre page. Si vous ne le précisez pas Facebook prendra le contenu de la balise title de la partie head du site. Si elle est renseignée bien sûr ! Le titre devrait être la base de ce qui devrait être partagé sans information sur votre marque.

Og:type

La catégorie de votre page. Est-ce un site ou un blog ? Un orchestre ? Un athlète ou un auteur ? Cela n'a pas beaucoup d'importance sur sur le niveau du flux en lui-même mais il définit vraiment où il apparaît dans la chronologie de l'auteur. Chaque utilisateur a une section pour leur « like » et ces sections sont divisées en catégories. Le type que vous spécifiez ici déterminera dans quelle catégorie votre page entrera.
Par exemple si vous avez un site internet pour votre orchestre vous voudrez spécifier un type « d'orchestre » ou de « musicien » pour que le « J'aime » se place au-dessous de la catégorie musique de l'utilisateur, au lieu de se perdre parmi tout autre non catégorisée. Vous gagnerez ainsi en visibilité. Facebook déclare aussi que le type que vous mettez affectera combien de fois votre contenu apparaît dans les fils d'actualité. Ceci est probablement en rapport avec leur algorithme « newsfeed », qui s'efforce de montrer aux utilisateurs seulement le contenu qui est pertinent pour eux.

Og:url

L'URL canonique vers laquelle le bouton « J'aime » devrait pointer. Le bouton « J'aime » saisit automatiquement l'URL de la page actuelle, mais vous pouvez le modifier avec ce tag. L'og:title se lie avec cette URL.

Og:image

Ceci est un point important. Facebook est un mauvais juge d'images, il pourrait prendre n'importe quoi de votre page pour l'utiliser pour les fils d'actualités (timeline). Choisissez une image que vous voulez voir représenter votre page et mettez l'URL ici. Elle apparaîtra ainsi comme une miniature à coté de votre fil d'actualités et c'est un facteur capital dans combien de fil d'actualités vous arrivez à apparaître. Une image vaut mille mots dit l'adage...
Les changements récents des timeline de Facebook ont faits que Facebook préfère un minimum de 200px par 200px pour ces images, et bien qu'ils puissent monter à 1500px par 1500px, Facebook redimensionnera et coupera convenablement votre image. La taille moyenne d'images dans la disposition améliorée des fils d'actualités de Facebook est 600px par 600px et ils (je !) vous encouragent à profiter de ces avantages.

: Les CGU de Facebook précisent que seulement 20% de vos images peuvent être du texte, soyez attentif à cela lorsque vous créerez vos images.

Og:description

Ce tag n'est pas inclus dans le formulaire rapide de Facebook, ce qui est décevant admettez le. Vous devrez l'ajouter vous-même au bloc de code. Par défaut, pour le peu de phrases de description allant au-dessous du titre et à côté de la miniature de votre image, Facebook utilisera votre balise meta description. Si vous voulez le personnaliser, vous pouvez mettre une description ici au lieu de cette balise mate. Utilisez l'espace que Facebook vous offre ici ! Une description faite de quelques mots signifie moins de visibilité. Pour optimiser correctement cet espace, votre description devrait être d'au moins deux phrases.

Fb:admins

Ce tag open graph spécifique Facebook connecte l'utilisateur(s) à votre bouton « J'aime ». Beaucoup de personnes passent cette étape, ou le laissent juste à la valeur par défaut du formulaire de Facebook, mais cette étape est essentielle si vous voulez obtenir des statistiques pour votre bouton « J'aime ». Insights, le service analytique interne de Facebook, est disponible pour tous les objets Facebook, y compris des boutons « J'aime ».
L'utilisateur dont l'ID est affiché dans ce meta tag sera celui qui pourra voir ces données statistiques. Des utilisateurs multiples peuvent être connectés en entrant les ID dans la liste (séparée par une virgule).

Fb:app_id

Ce tag est utilisée pour connecter votre bouton « J'aime » à une application créée sur la plate-forme Facebook. Ceci est particulièrement pratique si vous avez une grande quantité de boutons « J'aime » et voulez pouvoir être capable de relier tous les utilisateurs qui ont aimé quoi que ce soit sur votre site Web. Concrètement, si vous voulez accéder à vos statistiques sur les utilisateurs connectés pour vos boutons « J'aime », vous devez créer une application Facebook et mettre l'ID Facebook pour cela dans ce tag.

J'en profite pour vous rappeler que si vous avez déjà une page fan sur Facebook vous pouvez modifier votre page pour que celle-ci soir prise en tant qu'application. Certainement l'occasion de faire un prochain article;)

Dernière étape

Après que vous avez ajouté les tags énoncés ci-dessus dans la partie <head> de votre site Web, il y a encore une étape que vous devez faire pour voir les données statistiques pour vos boutons « J'aime ». Allez sur http: // www.facebook.com/insights/et cliquez sur le bouton vert "Statistiques pour votre Site Web" le bouton dans le coin en ahut à droite. Entrez votre domaine, liez à votre application et cliquez ensuite sur "Obtenir les statistiques". Si vous avez ajouté les tags fb:admins appropriés et l'utilisateur id (le même que celui de l'utilisateur lorsque vous vous connectez, il devrait alors correctement identifier votre site Web et vous verrez des données statistiques en un rien de temps!

En conclusion

Ça y est vous y êtes ! A ce stade vous avez correctement optimisé votre bouton « J'aime ». Les utilisateurs verront vos images adaptées à votre marque, un titre informatif, une description, et tout cela vous donnera une visibilité accrue sur vos flux d'information. Plus encore vous serez en mesure de mesurer vos efforts sur le réseau social en analysant vos statistiques.
Si vous voulez aller plus loin encore dans la personnalisation de vos meta tags, par exemple pour préciser le contact d'information, des données entreprises spécifiques ou encore des versions de votre site dans d'autres langages allez voir la documentation sur le « Facebook's Open Graph protocol » ou bien la page officielle « Open Graph Protocol » pour plus d'options.

Agence Agerix Bordeaux

4 rue Jean Moulin - 33310 Lormont

Agerix Bordeaux

Agence Agerix Paris

1 avenue Albert Bartholomé 75015 Paris

Agerix Paris

Ce site utilise Google Analytics. En continuant à naviguer, vous nous autorisez à déposer un cookie à des fins de mesure d'audience.