Le blog

Facebook + Social Design = Open Graph : le VRAI produit de Facebook

27 avril 2011

Hier a eu lieu la deuxième session du Facebook Developer Garage en France. Cette fois ci, un seul anglais de chez Facebook était présent, un développeur. Le reste des intervenants était constitué de jeunes boîtes françaises déjà très réputées, travaillant essentiellement sur Facebook. Lors de cette conférence, plusieurs points ont été abordés. Il y a tout d'abord eu une présentation des nouveautés sorties des labos de chez Facebook ces dernières semaines, une présentation de ce qu'est le "Social Design" accompagnée par l'Open Graph. Puis nous avons eu des exemples et conseils d'utilisation du plugin "comments" et du bouton "like".

Les nouveautés chez Facebook

Facebook, décidé à s'implanter le plus possible dans chaque site existant a lancé plusieurs nouveaux outils. Il y a tout d'abord le "send button". Ce bouton, est finalement identique au bouton "like", mais se différencie car nous pouvons choisir à qui nous envoyons l'information. Vient ensuite "Deals" destiné à concurrencer Groupon. Cette plateforme est avant tout destinée aux commerçants désirant proposant des "deals sociaux" pour pouvoir les partager avec ses amis. Elle est en place dans 5 villes américaines et n'arrivera en France qu'en fin d'année. Nous avons eu un petit rappel sur le "Check-in Deals" qui permet de dire à quel endroit nous nous trouvons pour parfois gagner une récompense. Starbuck's par exemple permet de verser un euro à une association caritative à chaque personne s'étant "checker" dans un Starbuck's. Une extension a été mise en place pour les événements comme les concerts, les ventes-privées, qui permettent d'avoir des promotions. Julien Codorniou a finalement terminé sur les mises à jour des commentaires Facebook ainsi que sur Facebook Insights.

Le social design : le vrai produit de Facebook

Facebook à la base, et encore aujourd'hui, est un réseau social, composé de centaines de millions de personnes. Il est d'autant plus fort que la principale préoccupation de Facebook pour ses utilisateurs est de le rendre encore plus social avec des outils utiles, comme le phototag, qui était un peu une révolution lorsqu'il a été lancé. Les utilisateurs ont besoin d'intérragir facilement et efficacement avec les personnes de son entourage. Fort de ces relations entre chaque personne, qui s'identifie non plus avec un pseudo mais par leur VRAIE identité, Facebook a annoncé que son vrai produit n'est pas Facebook.com mais l'Open Graph, qui est un outil de cartographie des différents utilisateurs et des interactions intéressantes pour lui. Cela permet aux entreprises de cibler très spécifiquement leurs actions pour un ROI encore plus élevé. Pour capitaliser sur cette plateforme, Facebook a ainsi développer des outils  très puissants permettant de profiter au mieux de cet Open Graph.

L'utilisation de l'Open Graph par OpenGraphy

OpenGraphy, société créée en juin 2010, s'est spécialisée dans l'optimisation de sites pour Facebook en utilisant les plugins et l'OpenGraph. L'entreprise découpe ces outils en deux couches : la couche basse et la couche haute. La couche basse est le "tagging", qui permet de donner dans son code des précisions sur la page visitée grâce aux balises "og". Ce sont ces balises qui vont définir ce qui est affiché dans le News Feed Facebook lorsqu'on clique sur "j'aime". Cela permettra alors d'être inclu dans l'auto-suggest du moteur de recherche de Facebook, dans le SERP (Search Engine Result Page) mais aussi dans les informations de profil comme les films aimés, les livres lus ... grâce à l'og:type. La couche haute consiste en l'effet "newsletter". Cela permet à toute page présente dans l'Open Graph d'en faire une page symétrique sur Facebook. En intégrant la balise og:admins sur ses pages, on peut alors savoir qui a aimé telle ou telle page pour générer des interactions entre l'utilisateur et la page. On aura tout d'abord accès à des statistiques, mais on pourra aussi recontacter spécifiquement les personnes ayant aimé la page pour lui proposer d'autres contenus. A partir du moment où on clique sur le bouton "j'aime" on est engagé comme "fan". On pourra encore aller plus loin en utilisant la pub facebook, en ciblant l'utilisateur ayant aimé la page, mais surtout les amis de cet internaute. Plus d'informations sur : www.ogp.me.

Facebook Comments, Facebook Login, Facebook Registration et Like Button

D'autres entreprises sont revenus sur ces outils afin d'en expliquer l'utilisation qu'ils en font. Ainsi Sociabliz nous a montré l'intérêt d'utiliser les Facebook Comments. L'intégration est tout d'abord très simple, mais cela permet surtout de créer des conversations. En effet,  le commentaire est plus engageant pour l'utilisateur et même s'ils sont moins nombreux, ils sont plus qualifiés et augmenteront ainsi le pouvoir de cet outil, d'autant qu'on peut maintenant modérer tout cela via Facebook et récupérer tous les commentaires via l'Open Graph. Puis 909c nous a incité à utiliser les Facebook Login et Facebook Registration, qui permettent de rentrer dans l'Open Graph grâce à une plateforme externe pour récuperer les données de Facebook. Ainsi le remplissage d'un formulaire se fait automatiquement, tout comme la connexion. En un ou deux clics selon le bouton. Pour finir, KRDS est revenu sur la bonne utilisation du bouton "j'aime". Ils ont insisté sur le fait qu'il sert en premier lieu à partager, mais aussi à abonner les utilisateurs. Tout cela pour générer du trafic et augmenter ses ventes. Ainsi, un bouton "j'aime" rapporte 2,34$ chez Eventbrite et plus de 5$ chez Ticketmaster.

Page de pub puis retour sur quelques succes stories françaises

La conférence s'est terminée sur l'histoire de quatre entreprises françaises ayant réussi leur implémentation dans le réseau social : La Redoute, Antvoice, Kobojo et MakeMeReach. Avant cela, nous avons eu le droit a une partie beaucoup plus technique avec l'intervention de Weka Entertainment et un développeur de chez Azure qui nous expliquait l'utilité de passer son application en Cloud, grâce à Azure, ou à l'offre d'Amazon. La conférence m'a encore permis de découvrir la force de Twitter. Suite à une expérience sur laquelle je reviendrais dans un prochain article, voici ce qu'on peut avoir lorsqu'on tweet l'url de son site :

Le bouton "J'aime" - DO & DON'T by KRDS

 

Open Graph tagging ou comment optimiser son site pour Facebook by OpenGraphy

 
Lire la suite

Portfolio

Custom Javascript Console pour Chrome

12 avril 2012

L’Application Cache (ou Cache Manifest) couplé à WordPress

28 décembre 2011

Le cache Javascript : comment et pourquoi !

21 décembre 2011

Custom Actions + Social Design = Custom Open Graph : la nouvelle révolution de Facebook

8 décembre 2011

Travailler sur 3 écrans avec Matrox

7 octobre 2011

Le Javascript mobile : « touch events  » et « gesture events »

10 août 2011

Adobe Edge : test et impressions

1 août 2011

Graph API Explorer, où comment rendre simple l’utilisation de l’Open Graph

29 juin 2011

Highcharts : réalisez vos graphiques avec un simple plugin Javascript

7 juin 2011

Les nouveautés de Flash Player, AIR et Flex (@Adobe Live)

13 mai 2011

Less CSS – Un framework CSS pour travailler plus vite !

12 mai 2011

Créer votre propre web widget

3 mai 2011

Présentation d’HETIC : première école des métiers de l’Internet

28 avril 2011

Facebook + Social Design = Open Graph : le VRAI produit de Facebook

27 avril 2011

Insérer les plugins Facebook en Ajax

24 avril 2011

Convertissez vos pages HTML en applications mobiles avec PhoneGap

22 avril 2011

Adobe expose sa vision du HTML5

21 avril 2011

Maqetta : un outil WYSIWYG en ligne pour le HTML5 !

19 avril 2011

Raphael JS – Librairie JS pour le tracé vectoriel dans canvas

15 avril 2011

HTML5 Boilerplate & Modernizr

4 avril 2011

Facebook Developer Garage Program – S01E01

29 mars 2011

Linkedin API Javascript Tutoriel

28 mars 2011

Détecter les navigateurs pour une meilleure compatibilité

24 mars 2011

Adobe propose de nouvelles propriétés CSS

11 mars 2011

Adobe Wallaby : convertir le Flash en HTML5

8 mars 2011

EEMI : finalement, c’est quoi ?

30 janvier 2011

Sarri Maxime - Javascript & jQuery Developer / Développeur Javascript & jQuery @ Paris

Je suis Sarri Maxime, développeur Javascript / front-end à Paris, encore étudiant en 4e année à HETIC.

Je m'intéresse fortement aux nouvelles technologies comme le HTML5 au service des supports mobiles et plus récemment aux objets connectés : TV, Arduino, domotique.

Bien que développeur, je ne néglige pas ce qui fait la richesse du web : sémantique, référencement, conception. J'aime participer à l'élaboration des sites que je serai amener à développer.

Sarri Maxime - Développeur Javascript

Télécharger mon CV

Télécharger ici

Formulaire de contact

Etant étudiant, je ne suis pas (encore) à la recherche d'un emploi. Je suis par contre disponible pour des demandes en freelance ou pour des stages/alternances intéressants.

Je serais présent aux événements suivants :