© Rouge-interactif / OpenGraph Facebook   n
© Rouge-interactif / OpenGraph Facebook   n
© Rouge-interactif / OpenGraph Facebook   n
© Rouge-interactif / OpenGraph Facebook   n
LES OBJECTIFS DE CETTE RENCONTRE           Bien comprendre la vision sociale de Facebook           L’utilité et la puissan...
LE FCOMMERCE NE MARCHE PAS                      ERGONOMIE© Rouge-interactif / OpenGraph Facebook                 n
© Rouge-interactif / OpenGraph Facebook                        n Source : Nielsen’s Global Trust in Advertising Survey, 2012
© Rouge-interactif / OpenGraph Facebook   n Source : Source Ipsos pour IBM 2011
Et peutFACEBOOK AU CŒUR DEdéclencher l’achat             permettre de LA RECOMMANDATION© Rouge-interactif / OpenGraph Face...
Et peutUN OUTIL QUI PERMET DE DECLENCHER L’ACHAT             permettre de déclencher l’achat                              ...
© Rouge-interactif / OpenGraph Facebook   n
© Rouge-interactif / OpenGraph Facebook   n
© Rouge-interactif / OpenGraph Facebook   n
VOYAGES SNCF                                          BENEFICE ENSEIGNE                                           + 2.1   ...
GO VOYAGES                                          BENEFICE ENSEIGNE                                            >     1.5...
© Rouge-interactif / OpenGraph Facebook   n
UNE AUDIENCE JOURNALIERE INEGALEE                                                                                         ...
DES UTILISATEURS REPRESENTATIFS                                          DE LA POPULATION FRANCAISE               Distribu...
QUI PASSENT PLUS DE TEMPS                               ET QUI SONT PLUS ENGAGES© Rouge-interactif / OpenGraph Facebook   ...
FACEBOOK DOMINE LE PAYSAGE DES PLATEFORMES                    SOCIALES EN FRANCE                                          ...
L’OPENGRAPH           Concept et définition           Les indispensables Social Plugins           Facebook connect        ...
CONCEPT ET DEFINITION© Rouge-interactif / OpenGraph Facebook                           n
CONCEPT ET DEFINITION     n Le Social Graph :           le « Social Graph » désigne le réseau de connexions et de relation...
CONCEPT ET DEFINITION     n L’Open Graph :           L’Open Graph désigne l’ensemble de métadonnées, qui grandissent au fi...
CONCEPT ET DEFINITION     n Pour résumer :           “Open graph enables any web page to have the same functionality as a ...
PLUGINS SOCIAUX© Rouge-interactif / OpenGraph Facebook   n
LES INDISPENSABLES PLUGINS SOCIAUX     Les boutons de promotion de votre présence sur Facebook             Indispensables ...
© Rouge-interactif / OpenGraph Facebook   n
© Rouge-interactif / OpenGraph Facebook   n
© Rouge-interactif / OpenGraph Facebook   n
14/11/2012               V1                         V2   V3         Temps 2. Mise en place du bouton FB Connect© Rouge-int...
Une connaissance + profonde     de vos fans et leurs actions                                          14/11/2012© Rouge-in...
© Rouge-interactif / OpenGraph Facebook   n
© Rouge-interactif / OpenGraph Facebook   n
14/11/2012© Rouge-interactif / OpenGraph Facebook                n
© Rouge-interactif / OpenGraph Facebook   n
AVENDRE / ALOUER                                          Mise en place du Facebook                                       ...
BONNES PRATIQUES© Rouge-interactif / OpenGraph Facebook                      n
© Rouge-interactif / OpenGragh Facebook   n
La révolution de l’Open Graph V2                                          14/11/2012© Rouge-interactif / OpenGraph Faceboo...
SCHEMA EXPLICATIF© Rouge-interactif / OpenGraph Facebook                       n
BONNES PRATIQUES© Rouge-interactif / OpenGraph Facebook                      n
© Rouge-interactif / OpenGraph Facebook   n
Ex des plate-fromes musicales                                          DEEZER    14/11/2012                               ...
Les bonnes pratiques                                          14/11/2012© Rouge-interactif / OpenGraph Facebook           ...
BONNES PRATIQUES© Rouge-interactif / OpenGraph Facebook                      n
BONNES PRATIQUES© Rouge-interactif / OpenGraph Facebook                      n
CINEMUR                                          BENEFICE CLIENT                                            X      2      ...
BONNES PRATIQUES© Rouge-interactif / OpenGraph Facebook                      n
FAB.COM                                          BENEFICE ENSEIGNE                                            +1.5        ...
BONNES PRATIQUES© Rouge-interactif / OpenGraph Facebook                      n
LEQUIPE                                          BENEFICE ENSEIGNE                                            X     2     ...
BONNES PRATIQUES© Rouge-interactif / OpenGraph Facebook                      n
© Rouge-interactif / OpenGraph Facebook   n
BONNES PRATIQUES© Rouge-interactif / OpenGraph Facebook                      n
BONNES PRATIQUES© Rouge-interactif / OpenGraph Facebook                      n
BONNES PRATIQUES© Rouge-interactif / OpenGraph Facebook                      n
BONNES PRATIQUES© Rouge-interactif / OpenGraph Facebook                      n
SOCIAL SHARING ET MONETISATION DE LA VIRALITE© Rouge-interactif / OpenGraph Facebook                        n
BONNES PRATIQUES                                          LE PARRAINAGE SOCIAL© Rouge-interactif / OpenGraph Facebook     ...
BONNES PRATIQUES© Rouge-interactif / OpenGraph Facebook                      n
EMBARQUER LE SOCIAL DANS                                          VOS APPLICATIONS FB© Rouge-interactif / OpenGraph Facebo...
© Rouge-interactif / OpenGraph Facebook   n
EMBARQUER LE SOCIAL DANS                                          VOTRE MAGASIN© Rouge-interactif / OpenGraph Facebook    ...
EMBARQUER LE SOCIAL DANS                                          VOTRE APPLICATION MOBILE    Mobile ou web app           ...
EMBARQUER LE SOCIAL DANS                                          VOTRE APPLICATION MOBILE         □ Construire une expéri...
WOOGA                                          Mise en place FB connect +                                          Sponsor...
L’OPEN GRAPH et VOUS ?     Quelques pistes de réflexion pour vous dans la présentation de la lecture           sociale de ...
© Rouge-interactif / OpenGraph Facebook   n
© Rouge-interactif / OpenGraph Facebook   n
ET LA TECHNIQUE© Rouge-interactif / OpenGraph Facebook   n
sources                                                      14/11/2012     n http://www.journaldunet.com/solutions/seo-  ...
Prochain SlideShare
Chargement dans…5
×

Du bon usage de l OpenGraph Facebook

8 162 vues

Publié le

Découvrez l'utilité offerte par Facebook pour socialiser vos sites internet ainsi que differents best practices.

Publié dans : Technologie

Du bon usage de l OpenGraph Facebook

  1. 1. © Rouge-interactif / OpenGraph Facebook n
  2. 2. © Rouge-interactif / OpenGraph Facebook n
  3. 3. © Rouge-interactif / OpenGraph Facebook n
  4. 4. © Rouge-interactif / OpenGraph Facebook n
  5. 5. LES OBJECTIFS DE CETTE RENCONTRE Bien comprendre la vision sociale de Facebook L’utilité et la puissance de l’Open Graph FB L’intégration sur votre site internet Les bonnes pratiques d’intégration et de génération d’actions© Rouge-interactif / OpenGraph Facebook n
  6. 6. LE FCOMMERCE NE MARCHE PAS ERGONOMIE© Rouge-interactif / OpenGraph Facebook n
  7. 7. © Rouge-interactif / OpenGraph Facebook n Source : Nielsen’s Global Trust in Advertising Survey, 2012
  8. 8. © Rouge-interactif / OpenGraph Facebook n Source : Source Ipsos pour IBM 2011
  9. 9. Et peutFACEBOOK AU CŒUR DEdéclencher l’achat permettre de LA RECOMMANDATION© Rouge-interactif / OpenGraph Facebook n Infographie réalisée par Lab42
  10. 10. Et peutUN OUTIL QUI PERMET DE DECLENCHER L’ACHAT permettre de déclencher l’achat 14/11/2012© Rouge-interactif / OpenGraph Facebook n Infographie réalisée par Lab42
  11. 11. © Rouge-interactif / OpenGraph Facebook n
  12. 12. © Rouge-interactif / OpenGraph Facebook n
  13. 13. © Rouge-interactif / OpenGraph Facebook n
  14. 14. VOYAGES SNCF BENEFICE ENSEIGNE + 2.1 visites supplémentaires© Rouge-interactif / OpenGraph Facebook n
  15. 15. GO VOYAGES BENEFICE ENSEIGNE > 1.5 taux de transformation© Rouge-interactif / OpenGraph Facebook n
  16. 16. © Rouge-interactif / OpenGraph Facebook n
  17. 17. UNE AUDIENCE JOURNALIERE INEGALEE 10 234 6 639 5 789 4 832 3 461 Audience jour… 0 5 000 10 000 15 000*Audience moyenne par jour - Source NNR Mars 2012. **Données internes Facebook France.© Rouge-interactif / OpenGraph Facebook n
  18. 18. DES UTILISATEURS REPRESENTATIFS DE LA POPULATION FRANCAISE Distribution des utilisateurs (1) Couverture sur la population française (2) 100% 80% 60% 40% 20% 0% 13-17 18-24 25-34 35-44 45+ AgesSource: (1) données internes Facebook, Sept 2010, (2) Source : INSEE Janvier 2012 et données internes Facebook, octobre 2010(*)© Rouge-interactif / OpenGraph Facebook Utilisateurs actifs: utilisateurs qui se sont connectés et ont réalisé une action lors des 30 derniers jours n
  19. 19. QUI PASSENT PLUS DE TEMPS ET QUI SONT PLUS ENGAGES© Rouge-interactif / OpenGraph Facebook n
  20. 20. FACEBOOK DOMINE LE PAYSAGE DES PLATEFORMES SOCIALES EN FRANCE 86% dont 17% d’exclusifs 14% 17% 40% 6% 15%, auc 11% un exclusif 5% 19%, dont 1% 47%, dont 2% d’exclusifs d’exclusifs© Rouge-interactif / OpenGraph Facebook n
  21. 21. L’OPENGRAPH Concept et définition Les indispensables Social Plugins Facebook connect La révolution de l’Open Graph V2© Rouge-interactif / OpenGraph Facebook n
  22. 22. CONCEPT ET DEFINITION© Rouge-interactif / OpenGraph Facebook n
  23. 23. CONCEPT ET DEFINITION n Le Social Graph : le « Social Graph » désigne le réseau de connexions et de relations entre une personne (un fan) et les objets du monde réel (les produits, les lieux, les entreprises…) sur Facebook le « Social Graph » est composé : • d’objets : personnes, marques, produits, photos, événeme nts, pages, articles, groupes, messages, vidéos … • du lien qui les unit : amitié, contenu partagé, avec notamment les “like”…© Rouge-interactif / OpenGraph Facebook n
  24. 24. CONCEPT ET DEFINITION n L’Open Graph : L’Open Graph désigne l’ensemble de métadonnées, qui grandissent au fil de son intégration sur des sites tiers. N’importe quel éditeur de site tiers pourra alors les exploiter dès que l’internaute se connecte sur son site avec le Facebook Connect© Rouge-interactif / OpenGraph Facebook n
  25. 25. CONCEPT ET DEFINITION n Pour résumer : “Open graph enables any web page to have the same functionality as a Facebook Page”, Mark Zuckerberg© Rouge-interactif / OpenGraph Facebook n
  26. 26. PLUGINS SOCIAUX© Rouge-interactif / OpenGraph Facebook n
  27. 27. LES INDISPENSABLES PLUGINS SOCIAUX Les boutons de promotion de votre présence sur Facebook Indispensables Mis en avant sur la Home Page Très visibles Présents sur chacune de vos pages Remis en avant lors d’un achat© Rouge-interactif / OpenGraph Facebook n
  28. 28. © Rouge-interactif / OpenGraph Facebook n
  29. 29. © Rouge-interactif / OpenGraph Facebook n
  30. 30. © Rouge-interactif / OpenGraph Facebook n
  31. 31. 14/11/2012 V1 V2 V3 Temps 2. Mise en place du bouton FB Connect© Rouge-interactif / OpenGraph Facebook n
  32. 32. Une connaissance + profonde de vos fans et leurs actions 14/11/2012© Rouge-interactif / OpenGraph Facebook n
  33. 33. © Rouge-interactif / OpenGraph Facebook n
  34. 34. © Rouge-interactif / OpenGraph Facebook n
  35. 35. 14/11/2012© Rouge-interactif / OpenGraph Facebook n
  36. 36. © Rouge-interactif / OpenGraph Facebook n
  37. 37. AVENDRE / ALOUER Mise en place du Facebook connect en juin RESULTATS x2 créations de comptes clients© Rouge-interactif / OpenGraph Facebook n
  38. 38. BONNES PRATIQUES© Rouge-interactif / OpenGraph Facebook n
  39. 39. © Rouge-interactif / OpenGragh Facebook n
  40. 40. La révolution de l’Open Graph V2 14/11/2012© Rouge-interactif / OpenGraph Facebook n
  41. 41. SCHEMA EXPLICATIF© Rouge-interactif / OpenGraph Facebook n
  42. 42. BONNES PRATIQUES© Rouge-interactif / OpenGraph Facebook n
  43. 43. © Rouge-interactif / OpenGraph Facebook n
  44. 44. Ex des plate-fromes musicales DEEZER 14/11/2012 BENEFICE ENSEIGNE x3 comptes clients© Rouge-interactif / OpenGraph Facebook n
  45. 45. Les bonnes pratiques 14/11/2012© Rouge-interactif / OpenGraph Facebook n
  46. 46. BONNES PRATIQUES© Rouge-interactif / OpenGraph Facebook n
  47. 47. BONNES PRATIQUES© Rouge-interactif / OpenGraph Facebook n
  48. 48. CINEMUR BENEFICE CLIENT X 2 temps passé sur le site© Rouge-interactif / OpenGraph Facebook n
  49. 49. BONNES PRATIQUES© Rouge-interactif / OpenGraph Facebook n
  50. 50. FAB.COM BENEFICE ENSEIGNE +1.5 millions de membres© Rouge-interactif / OpenGraph Facebook n
  51. 51. BONNES PRATIQUES© Rouge-interactif / OpenGraph Facebook n
  52. 52. LEQUIPE BENEFICE ENSEIGNE X 2 trafic en provenance de FB© Rouge-interactif / OpenGraph Facebook n
  53. 53. BONNES PRATIQUES© Rouge-interactif / OpenGraph Facebook n
  54. 54. © Rouge-interactif / OpenGraph Facebook n
  55. 55. BONNES PRATIQUES© Rouge-interactif / OpenGraph Facebook n
  56. 56. BONNES PRATIQUES© Rouge-interactif / OpenGraph Facebook n
  57. 57. BONNES PRATIQUES© Rouge-interactif / OpenGraph Facebook n
  58. 58. BONNES PRATIQUES© Rouge-interactif / OpenGraph Facebook n
  59. 59. SOCIAL SHARING ET MONETISATION DE LA VIRALITE© Rouge-interactif / OpenGraph Facebook n
  60. 60. BONNES PRATIQUES LE PARRAINAGE SOCIAL© Rouge-interactif / OpenGraph Facebook n
  61. 61. BONNES PRATIQUES© Rouge-interactif / OpenGraph Facebook n
  62. 62. EMBARQUER LE SOCIAL DANS VOS APPLICATIONS FB© Rouge-interactif / OpenGraph Facebook n
  63. 63. © Rouge-interactif / OpenGraph Facebook n
  64. 64. EMBARQUER LE SOCIAL DANS VOTRE MAGASIN© Rouge-interactif / OpenGraph Facebook n
  65. 65. EMBARQUER LE SOCIAL DANS VOTRE APPLICATION MOBILE Mobile ou web app Facebook Notifications et messages News feed and timeline Bookmark and APP center© Rouge-interactif / OpenGraph Facebook n
  66. 66. EMBARQUER LE SOCIAL DANS VOTRE APPLICATION MOBILE □ Construire une expérience identique que sur ordinateur □ Utiliser HTML5 ou SSO pour les native apps □ Définir les objets et actions qui peuvent être partagées sur FB □ Design pour mobile □ Tester sur le mobile en priorité □ Enregistrer votre application □ Faire la promotion Visualisation sur App sur mobile timeline© Rouge-interactif / OpenGraph Facebook n
  67. 67. WOOGA Mise en place FB connect + Sponsored stories BENEFICE ENSEIGNE + 26% téléchargements© Rouge-interactif / OpenGraph Facebook n
  68. 68. L’OPEN GRAPH et VOUS ? Quelques pistes de réflexion pour vous dans la présentation de la lecture sociale de votre site internet Proposer aux internautes des objets en fonction de leurs likes sur Facebook Proposer aux internautes des événements selon la ville de résidence Mettre en avant les contenus préférés par la communauté FB Mettre en place des offres de parrainages « sociales »© Rouge-interactif / OpenGraph Facebook n
  69. 69. © Rouge-interactif / OpenGraph Facebook n
  70. 70. © Rouge-interactif / OpenGraph Facebook n
  71. 71. ET LA TECHNIQUE© Rouge-interactif / OpenGraph Facebook n
  72. 72. sources 14/11/2012 n http://www.journaldunet.com/solutions/seo- referencement/wordpress-seo/social-et-facebook.shtml n http://www.guidefacebook.com/tutoriels-guide- facebook/comment-rendre-mon-site-e-commerce-compatible- avec-facebook-2-2695 n http://www.commentcamarche.net/faq/30926-integrer-facebook- connect-sur-son-site n https://www.facebook.com/about/privacy/your-info-on-other© Rouge-interactif / OpenGraph Facebook n

×