Présentation open graph_chartee_v2_lille_def

71
© Rouge-interactif / OpenGraph Facebook n

Transcript of Présentation open graph_chartee_v2_lille_def

Page 1: Présentation open graph_chartee_v2_lille_def

© Rouge-interactif / OpenGraph Facebook n

Page 2: Présentation open graph_chartee_v2_lille_def

© Rouge-interactif / OpenGraph Facebook n

Page 3: Présentation open graph_chartee_v2_lille_def

© Rouge-interactif / OpenGraph Facebook n

Page 4: Présentation open graph_chartee_v2_lille_def

© Rouge-interactif / OpenGraph Facebook n

Page 5: Présentation open graph_chartee_v2_lille_def

© Rouge-interactif / OpenGraph Facebook n

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

Page 6: Présentation open graph_chartee_v2_lille_def

© Rouge-interactif / OpenGraph Facebook n

LE FCOMMERCE NE MARCHE PAS

ERGONOMIE

Page 7: Présentation open graph_chartee_v2_lille_def

© Rouge-interactif / OpenGraph Facebook n

Source : Nielsen’s Global Trust in Advertising Survey, 2012

Page 8: Présentation open graph_chartee_v2_lille_def

© Rouge-interactif / OpenGraph Facebook n

Source : Source Ipsos pour IBM 2011

Page 9: Présentation open graph_chartee_v2_lille_def

© Rouge-interactif / OpenGraph Facebook n

Et peut permettre de déclencher l’achat

Infographie réalisée par Lab42

FACEBOOK AU CŒUR DE LA RECOMMANDATION

Page 10: Présentation open graph_chartee_v2_lille_def

© Rouge-interactif / OpenGraph Facebook n

Et peut permettre de déclencher l’achat

11/12/2012

Infographie réalisée par Lab42

UN OUTIL QUI PERMET DE DECLENCHER L’ACHAT

Page 11: Présentation open graph_chartee_v2_lille_def

© Rouge-interactif / OpenGraph Facebook n

Page 12: Présentation open graph_chartee_v2_lille_def

© Rouge-interactif / OpenGraph Facebook n

Page 13: Présentation open graph_chartee_v2_lille_def

© Rouge-interactif / OpenGraph Facebook n

Page 14: Présentation open graph_chartee_v2_lille_def

© Rouge-interactif / OpenGraph Facebook n

VOYAGES SNCF BENEFICE ENSEIGNE

visites supplémentaires

+ 2.1

Page 15: Présentation open graph_chartee_v2_lille_def

© Rouge-interactif / OpenGraph Facebook n

GO VOYAGES BENEFICE ENSEIGNE

taux de transformation

> 1.5

Page 16: Présentation open graph_chartee_v2_lille_def

© Rouge-interactif / OpenGraph Facebook n

Page 17: Présentation open graph_chartee_v2_lille_def

© Rouge-interactif / OpenGraph Facebook n

0 5 000 10 000 15 000

3 461

4 832

5 789

6 639

10 234

Audience jour …

*Audience moyenne par jour - Source NNR Mars 2012. **Données internes Facebook France.

UNE AUDIENCE JOURNALIERE INEGALEE

Page 18: Présentation open graph_chartee_v2_lille_def

© Rouge-interactif / OpenGraph Facebook n

DES UTILISATEURS REPRESENTATIFS

DE LA POPULATION FRANCAISE

0%

20%

40%

60%

80%

100%

13-17 18-24 25-34 35-44 45+ Ages

Distribution des utilisateurs (1) Couverture sur la population française (2)

Source: (1) données internes Facebook, Sept 2010, (2) Source : INSEE Janvier 2012 et données internes Facebook, octobre 2010 (*) Utilisateurs actifs: utilisateurs qui se sont connectés et ont réalisé une action lors des 30 derniers jours

Page 19: Présentation open graph_chartee_v2_lille_def

© Rouge-interactif / OpenGraph Facebook n

FACEBOOK DOMINE LE PAYSAGE DES PLATEFORMES

SOCIALES EN FRANCE

86% dont 17%

d’exclusifs

15%,

aucun

exclusif

19%, dont

1%

d’exclusifs

14%

6%

47%, dont 2%

d’exclusifs

17%

11%

5%

40%

Page 20: Présentation open graph_chartee_v2_lille_def

© Rouge-interactif / OpenGraph Facebook n

L’OPENGRAPH

Concept et définition

Les indispensables Social Plugins

Facebook connect

La révolution de l’Open Graph V2

Page 21: Présentation open graph_chartee_v2_lille_def

© Rouge-interactif / OpenGraph Facebook n

CONCEPT ET DEFINITION

Page 22: Présentation open graph_chartee_v2_lille_def

© Rouge-interactif / OpenGraph Facebook n

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énements, pages, articles, groupes,

messages, vidéos…

• du lien qui les unit : amitié, contenu partagé,

avec notamment les “like”…

CONCEPT ET DEFINITION

Page 23: Présentation open graph_chartee_v2_lille_def

© Rouge-interactif / OpenGraph Facebook n

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

CONCEPT ET DEFINITION

Page 24: Présentation open graph_chartee_v2_lille_def

© Rouge-interactif / OpenGraph Facebook n

n Pour résumer :

“Open graph enables any web page to have the same functionality as a

Facebook Page”, Mark Zuckerberg

CONCEPT ET DEFINITION

Page 25: Présentation open graph_chartee_v2_lille_def

© Rouge-interactif / OpenGraph Facebook n

PLUGINS SOCIAUX

Page 26: Présentation open graph_chartee_v2_lille_def

© Rouge-interactif / OpenGraph Facebook n

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

Page 27: Présentation open graph_chartee_v2_lille_def

© Rouge-interactif / OpenGraph Facebook n

Page 28: Présentation open graph_chartee_v2_lille_def

© Rouge-interactif / OpenGraph Facebook n

Page 29: Présentation open graph_chartee_v2_lille_def

© Rouge-interactif / OpenGraph Facebook n

Page 30: Présentation open graph_chartee_v2_lille_def

© Rouge-interactif / OpenGraph Facebook n

V1 V2 V3

Temps 2. Mise en place du bouton FB Connect

11/12/2012

Page 31: Présentation open graph_chartee_v2_lille_def

© Rouge-interactif / OpenGraph Facebook n

Une connaissance + profonde de vos fans et leurs actions

11/12/2012

Page 32: Présentation open graph_chartee_v2_lille_def

© Rouge-interactif / OpenGraph Facebook n

Page 33: Présentation open graph_chartee_v2_lille_def

© Rouge-interactif / OpenGraph Facebook n

Page 34: Présentation open graph_chartee_v2_lille_def

© Rouge-interactif / OpenGraph Facebook n

11/12/2012

Page 35: Présentation open graph_chartee_v2_lille_def

© Rouge-interactif / OpenGraph Facebook n

Page 36: Présentation open graph_chartee_v2_lille_def

© Rouge-interactif / OpenGraph Facebook n

AVENDRE / ALOUER

Mise en place du Facebook

connect en juin

RESULTATS

créations de comptes clients

x 2

Page 37: Présentation open graph_chartee_v2_lille_def

© Rouge-interactif / OpenGraph Facebook n

BONNES PRATIQUES

Page 38: Présentation open graph_chartee_v2_lille_def

© Rouge-interactif / OpenGragh Facebook n

Page 39: Présentation open graph_chartee_v2_lille_def

© Rouge-interactif / OpenGraph Facebook n

La révolution de l’Open Graph V2

11/12/2012

Page 40: Présentation open graph_chartee_v2_lille_def

© Rouge-interactif / OpenGraph Facebook n

SCHEMA EXPLICATIF

Page 41: Présentation open graph_chartee_v2_lille_def

© Rouge-interactif / OpenGraph Facebook n

BONNES PRATIQUES

Page 42: Présentation open graph_chartee_v2_lille_def

© Rouge-interactif / OpenGraph Facebook n

Page 43: Présentation open graph_chartee_v2_lille_def

© Rouge-interactif / OpenGraph Facebook n

Ex des plate-fromes musicales

11/12/2012

DEEZER BENEFICE ENSEIGNE

comptes clients

x 3

Page 44: Présentation open graph_chartee_v2_lille_def

© Rouge-interactif / OpenGraph Facebook n

Les bonnes pratiques

11/12/2012

Page 45: Présentation open graph_chartee_v2_lille_def

© Rouge-interactif / OpenGraph Facebook n

BONNES PRATIQUES

Page 46: Présentation open graph_chartee_v2_lille_def

© Rouge-interactif / OpenGraph Facebook n

BONNES PRATIQUES

Page 47: Présentation open graph_chartee_v2_lille_def

© Rouge-interactif / OpenGraph Facebook n

CINEMUR BENEFICE CLIENT

temps passé sur le site

X 2

Page 48: Présentation open graph_chartee_v2_lille_def

© Rouge-interactif / OpenGraph Facebook n

BONNES PRATIQUES

Page 49: Présentation open graph_chartee_v2_lille_def

© Rouge-interactif / OpenGraph Facebook n

FAB.COM BENEFICE ENSEIGNE

millions de membres

+ 1.5

Page 50: Présentation open graph_chartee_v2_lille_def

© Rouge-interactif / OpenGraph Facebook n

BONNES PRATIQUES

Page 51: Présentation open graph_chartee_v2_lille_def

© Rouge-interactif / OpenGraph Facebook n

LEQUIPE BENEFICE ENSEIGNE

trafic en provenance de FB

X 2

Page 52: Présentation open graph_chartee_v2_lille_def

© Rouge-interactif / OpenGraph Facebook n

BONNES PRATIQUES

Page 53: Présentation open graph_chartee_v2_lille_def

© Rouge-interactif / OpenGraph Facebook n

Page 54: Présentation open graph_chartee_v2_lille_def

© Rouge-interactif / OpenGraph Facebook n

BONNES PRATIQUES

Page 55: Présentation open graph_chartee_v2_lille_def

© Rouge-interactif / OpenGraph Facebook n

BONNES PRATIQUES

Page 56: Présentation open graph_chartee_v2_lille_def

© Rouge-interactif / OpenGraph Facebook n

BONNES PRATIQUES

Page 57: Présentation open graph_chartee_v2_lille_def

© Rouge-interactif / OpenGraph Facebook n

BONNES PRATIQUES

Page 58: Présentation open graph_chartee_v2_lille_def

© Rouge-interactif / OpenGraph Facebook n

SOCIAL SHARING ET MONETISATION DE LA VIRALITE

Page 59: Présentation open graph_chartee_v2_lille_def

© Rouge-interactif / OpenGraph Facebook n

BONNES PRATIQUES

LE PARRAINAGE SOCIAL

Page 60: Présentation open graph_chartee_v2_lille_def

© Rouge-interactif / OpenGraph Facebook n

BONNES PRATIQUES

Page 61: Présentation open graph_chartee_v2_lille_def

© Rouge-interactif / OpenGraph Facebook n

EMBARQUER LE SOCIAL DANS

VOS APPLICATIONS FB

Page 62: Présentation open graph_chartee_v2_lille_def

© Rouge-interactif / OpenGraph Facebook n

Page 63: Présentation open graph_chartee_v2_lille_def

© Rouge-interactif / OpenGraph Facebook n

EMBARQUER LE SOCIAL DANS

VOTRE MAGASIN

Page 64: Présentation open graph_chartee_v2_lille_def

© Rouge-interactif / OpenGraph Facebook n

EMBARQUER LE SOCIAL DANS

VOTRE APPLICATION MOBILE

Notifications et messages

News feed and timeline

Bookmark and APP center

Mobile ou web app Facebook

Page 65: Présentation open graph_chartee_v2_lille_def

© Rouge-interactif / OpenGraph Facebook n

EMBARQUER LE SOCIAL DANS

VOTRE APPLICATION MOBILE

Visualisation sur

timeline App sur 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

Page 66: Présentation open graph_chartee_v2_lille_def

© Rouge-interactif / OpenGraph Facebook n

WOOGA

Mise en place FB connect +

Sponsored stories

BENEFICE ENSEIGNE

téléchargements

+ 26%

Page 67: Présentation open graph_chartee_v2_lille_def

© Rouge-interactif / OpenGraph Facebook n

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 »

Page 68: Présentation open graph_chartee_v2_lille_def

© Rouge-interactif / OpenGraph Facebook n

Page 69: Présentation open graph_chartee_v2_lille_def

© Rouge-interactif / OpenGraph Facebook n

Guillaume Quenehen

06 30 11 23 07 [email protected]

Aurélien Flacassier

06 17 85 83 47 [email protected]

Page 70: Présentation open graph_chartee_v2_lille_def

© Rouge-interactif / OpenGraph Facebook n

ET LA TECHNIQUE

Page 71: Présentation open graph_chartee_v2_lille_def

© Rouge-interactif / OpenGraph Facebook n

sources

11/12/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