0
Intro : Facebook page VS open graph<br />1 - The concept behind the protocol<br />2 - Open Graph tagging & Impacts<br />3 ...
Optimizeyourwebsite for facebook<br />
Your presence on Facebook<br />OFFICIAL<br />FB<br />PAGES<br />YOUR WEBSITE<br />www.opengraphy.com  © 2011<br />
Facebook on your site<br />OPEN GRAPH<br />& SOCIAL<br />PLUGINS<br />YOUR WEBSITE<br />www.opengraphy.com  © 2011<br />
The Open Graph concept<br />> A protocol for all the social networks <br />www.opengraphy.com  © 2011<br />
Key definition<br />WEB INDEX<br />SPIDERS <br />& LINKS<br />WEBSITE<br />PAGES<br />SOCIAL GRAPH<br />USERS & LIKES<br /...
2 - Open graph optimization = Tagging<br /><html xmlns="http://www.w3.org/1999/xhtml" <br />xmlns:og="http://ogp.me/ns#" >...
Open graph tags are retrievedwhenyouinteract<br />www.opengraphy.com  © 2011<br />
OG TAGS are propulsedeverywhere on FB<br />USER WALLPOST // FRIENDS NEWSFEED<br />SERP<br />AUTO-SUGGEST<br />PROFILE INFO...
Og:type determines where your pages are listed<br />Info TAB of your likers<br />www.opengraphy.com  © 2011<br />
Choose the right OG:type<br />RICH OBJECT<br />www.opengraphy.com  © 2011<br />
Use all tags available to improve interactions<br />PLAY<br />www.opengraphy.com  © 2011<br />
Not readable without basic open graph tags<br />NOT OK<br />www.opengraphy.com  © 2011<br />
Google tags are not sufficient<br />No default image<br />www.opengraphy.com  © 2011<br />
3 - OG Tags + FB Tags = FACEBOOK PAGE <br />OPEN GRAPH PAGES<br />FB ADMIN TAGS<br />Facebook PAGES<br />www.opengraphy.co...
Knowledge<br />KNOWLEDGE<br />OPEN GRAPH PAGES<br />PUBLIC INFO ACCESS<br />www.opengraphy.com  © 2011<br />
You know the public info of your fans<br />OPEN GRAPH PAGES<br />www.opengraphy.com  © 2011<br />
Generate interactions with your visitors<br />OPEN GRAPH PAGES<br />INTERACTIONS<br />SOCIAL PLUGIN<br />www.opengraphy.co...
Your visitors can like and comment<br />OG Tags are used in the comment box<br />www.opengraphy.com  © 2011<br />
Follow your social statistics<br />OPEN GRAPH PAGES<br />STATISTICS<br />FACEBOOK INSIGHTS<br />www.opengraphy.com  © 2011...
Insights for webpages<br />www.opengraphy.com  © 2011<br />
Administer your pages<br />OPEN GRAPH PAGES<br />ADMIN PAGES<br />SEND UPDATES<br />www.opengraphy.com  © 2011<br />
Get access to symetric Admin pages <br />www.opengraphy.com  © 2011<br />
.. Where you can send free updates<br />www.opengraphy.com  © 2011<br />
… visible in the newsfeed of your likers<br />www.opengraphy.com  © 2011<br />
Increase your reach with FB ADS<br />OPEN GRAPH PAGES<br />ADVERTISING<br />SOCIAL ADS<br />PAID TRAFFIC<br />www.opengrap...
Social Ads redirect performing traffic<br />www.opengraphy.com  © 2011<br />
FB Admin Tags to take control<br /><html xmlns="http://www.w3.org/1999/xhtml" <br />xmlns:fb="http://www.facebook.com/2008...
4 - Ressources<br />1.	OFFICIAL OPEN GRAPH DOC<br />http://www.ogp.me<br />2.	FACEBOOK OPEN GRAPH DOC<br />http://develope...
Where to start ? Use the OpenGraphy Free tools<br />www.opengraphy.com  © 2011<br />
OpenGraphy Pro offer : Tools and consulting<br />ENHANCE open graph on your site withourconsultancy team<br /><ul><li>Cust...
1 - OpenGraphy Analytics for your site<br />
2 - OpenGraphy TOP LIKES social plugin Generator<br />
Examples of OpenGraphy social plugins for websites<br />
	Example of OpenGraphy social Tabs <br />
other example of social plugin based on the OpenGraphy analytics feature<br />
Multi-page publisher built on OpenGraphy analytics and semantic approach<br />
You can send free updates on multiple pages at once<br />
Get the Pro version of OpenGraphy <br />First All-in-one SMO tool for websites featuring :<br />OPEN GRAPH – ANALYTICS – S...
Like us on Facebook<br />www.opengraphy.com  © 2011<br />
Open Graph tagging ou comment optimiser son site pour Facebook
Upcoming SlideShare
Loading in...5
×

Open Graph tagging ou comment optimiser son site pour Facebook

15,693

Published on

OpenGraphy is the number one application to succeed on Facebook using your website, open graph and custom social plugin built for your site and your official facebook page. Découvrez comment optimiser votre site pour Facebook en utilisant l'open graph et les social plugins de Facebook comme le like button. OpenGraphy a développé une application permettant aux entreprises de tirer profit au maximum des bienfaits de l'open graph. Domptez ces nouvelles opportunités avec l'application opengraphy pour les pros du marketing social.

Published in: Business, Technology, Design
2 Comments
17 Likes
Statistics
Notes
  • You can find the related article on http://www.OpenGraphy.com :

    http://www.opengraphy.com/open-graph-tagging-facebook-social-plugins-and-opengraphy
       Reply 
    Are you sure you want to  Yes  No
    Your message goes here
  • START : http://pro.opengraphy.com/ public
    END : http://www.opengraphy.com/contact

    To open graph has become a verb and a full-time job.
    Open graph is a protocol, Opengraphy are the tools and science to convert your 'on-site optimizations' into a success for your online business.

    From E-Commerce to media sites via SMB directories, Opengraphy has the response to help you take the lead over your competitors in the Facebook race !
       Reply 
    Are you sure you want to  Yes  No
    Your message goes here
No Downloads
Views
Total Views
15,693
On Slideshare
0
From Embeds
0
Number of Embeds
12
Actions
Shares
0
Downloads
178
Comments
2
Likes
17
Embeds 0
No embeds

No notes for slide
  • Jusqu’à présent, les entreprises ont dupliqué leur présence sur Facebooken créant des pages officielles. Elles l’ont fait pour tirer profit d’une audience abondante, enregistrée, et pouvant intéragir grâce à des fonctionnalités sociales avancées.
  • L’opportunité n°1 du moment, c’est de faire l’inverse de manière complémentaire.C’est-à-dire de proposer les protocoles et fonctionnalités avancées de Facebook directement sur son site.Cela vous permettra de générer du trafic et des intéractionssociales en utilisant votre propre audience.
  • Lacouche basse de tout vos développements, c’est l’open graph.1 - Voici le logo officiel.2 - L’open graph a été lancé il y a un an exactement chez Facebook 3 - il vaut pour tous les réseaux sociaux. Adopté par Mixi, le réseau social japonais.
  • L’open graph est un protocol qui permet de transformer toute page du web en objet riche interprétable au sein du graph social. A l’époque, nous avions des pages liées entre elles et référencées dans un index par des moteurs de recherche.Maintenant, nous avons des objets qui inter-agissent entre eux dans un eco-système social. L’open graph permet de créer une connexion entre les utilisateurs et votre contenu.
  • Opengrapher une page web, c’est implémenter des tags open graph dans votre header.Les tags structurent l’affichage de votre contenu au sein d’un réseau social.Voici les tags fondamentaux.
  • Les OG tags sont affichés au sein de Facebook dès qu’un utilisateur effectue une intéraction sur un site optimisé open graph. Les balises open graph structurent donc le contenu affiché sur Facebook.
  • Pour bénéficier des bienfaits de vos optimisations open graph, vous devez implémenter des boutons Likes, shares, comments.Ils ont pour vertue de lister votre contenu sur tous les emplacements fréquentés de Facebook.Il est donc très important de soigner ces tags.
  • L’og:type influe sur l’emplacementoù seront listées vos pages optimisées open graph.
  • Le choix du type détermine comment les objetsserontinterprétés au sein des différents environment Facebook. (Profile info par exemple)
  • Les og tags étant récupéré par Facebook automatiquement pour représenter votre contenu partout au sein de Facebook, il convient d’utiliser les tags media pour maximiser vos chances de générer un click back vers votre site.Car les videos sont les contenus qui suscitent le plus d’intéractions aux seins de facebook. Voir les ranking des meilleures pages mondiales sur http://pro.opengraphy.com/public
  • Mauvais exemple : Google n’a pas implémenté de tags open graphPas d’image ou logo, pas de titre différent de sa balise title, pas de description.
  • Pour les pages sans tags open graph, facebook récupère les balises Google.Les balises google ne suffisent pas car elles ne caractérisent pas de contenu image.Il ne faut négliger aucun tag : meme le tag image est important. Ici, c’est l’utilisateur qui doit choisir l’image parmi 16 images disponibles dans la page.L’utilisation de l’og:image permet d’attribuer une image par défaut.
  • Nous venons de voir la couche basse.Voici l’interprétation de l’open graph par Facebook. Lo’Fonctionnalités additionnelles qui vont au-delà d’une simple interprétation du contenu.La combinaison des OG tags et FB tags vous permet de transformer n’importe qu’elle page du web en page aux mêmes fonctionnalités qu’une page Facebook.
  • En combinant le tagging open graph à la création et l’implémentation d’une application Facebook pour votre site, vous pouvez bénéficier de toutes les fonctionnalités d’une page Facebook.
  • En combinant le tagging open graph à la création et l’implémentation d’une application Facebook pour votre site, vous pouvez bénéficier de toutes les fonctionnalités d’une page Facebook.
  • La combinaison des OG tags et FB tags vous permet de transformer n’importe qu’elle page du web en page aux mêmes fonctionnalités qu’une page Facebook.
  • En combinant le tagging open graph à la création et l’implémentation d’une application Facebook pour votre site, vous pouvez bénéficier de toutes les fonctionnalités d’une page Facebook.
  • Newsletter du futur permettant de réengager la communication avec les personnes ayant apprécié vos contenus.Permet : Communication segmentée VS communication globale d’une FB pageAu sein de facebookRedirection directe vers votre site qui propose toutes vos fonctionnalités de conversion // pas votre page facebook
  • La combinaison des OG tags et FB tags vous permet de transformer n’importe qu’elle page du web en page aux mêmes fonctionnalités qu’une page Facebook.
  • Vous pouvez acheter de la publicité sur les Facebook Ads en ciblant les amis des personnes ayant apprécié un contenu sur votre site. La présence de l’image de profil d’amis ayant testé améliore le taux de click et baisse ainsi vos couts d’acquisition. Votre réseau de ciblage publicitaire augmente proportionnellement à votre nombre de likers, sur une base de 125 amis que l’on peut cibler potentiellement par utilisateur ayant liké.
  • Voici les tags vous permettant de prendre le contrôle des pages de votre site. Ils vous permettront de les transformer en pages Facebook que vous pouvez administrer.Doc typeFB admin tag= page web aux memes fonctionnalités qu’une page Facebook.
  • Pour démarrer dans l’open graph tagging, vous pouvez utiliser l’outil gratuit OpenGraphy qui vous dressera un état des lieux de votre performance sociale Nombre d’intéractions Audit du code social recommandations et liens vers doc officielle Comparaison avec autres pages du web.
  • Transcript of "Open Graph tagging ou comment optimiser son site pour Facebook"

    1. 1. Intro : Facebook page VS open graph<br />1 - The concept behind the protocol<br />2 - Open Graph tagging & Impacts<br />3 - Combining OG Tags + FB tags = FB page <br />4 - Ressources<br />5 - The OpenGraphy tools features<br />Outro : how to start with open graph?<br />
    2. 2. Optimizeyourwebsite for facebook<br />
    3. 3. Your presence on Facebook<br />OFFICIAL<br />FB<br />PAGES<br />YOUR WEBSITE<br />www.opengraphy.com © 2011<br />
    4. 4. Facebook on your site<br />OPEN GRAPH<br />& SOCIAL<br />PLUGINS<br />YOUR WEBSITE<br />www.opengraphy.com © 2011<br />
    5. 5. The Open Graph concept<br />> A protocol for all the social networks <br />www.opengraphy.com © 2011<br />
    6. 6. Key definition<br />WEB INDEX<br />SPIDERS <br />& LINKS<br />WEBSITE<br />PAGES<br />SOCIAL GRAPH<br />USERS & LIKES<br />RICH OBJECTS<br />www.opengraphy.com © 2011<br />
    7. 7. 2 - Open graph optimization = Tagging<br /><html xmlns="http://www.w3.org/1999/xhtml" <br />xmlns:og="http://ogp.me/ns#" > <br /> <head> <br /><title>The Rock (1996)</title> <br /><metaproperty="og:type" content="movie"/><br /><metaproperty="og:title" content="The Rock"/> <br /><metaproperty="og:description" content="A group of U.S. Marines, under command of a renegadegeneral, take over Alcatraz and threaten San Francisco Baywithbiologicalweapons."/><br /><metaproperty="og:image" content="http://ia.media-imdb.com/rock.jpg"/> <br /><metaproperty="og:url" content="http://www.imdb.com/title/tt0117500/"/> <br /><metaproperty="og:site_name" content="IMDb"/><br />www.opengraphy.com © 2011<br />
    8. 8. Open graph tags are retrievedwhenyouinteract<br />www.opengraphy.com © 2011<br />
    9. 9. OG TAGS are propulsedeverywhere on FB<br />USER WALLPOST // FRIENDS NEWSFEED<br />SERP<br />AUTO-SUGGEST<br />PROFILE INFO TAB<br />www.opengraphy.com © 2011<br />
    10. 10. Og:type determines where your pages are listed<br />Info TAB of your likers<br />www.opengraphy.com © 2011<br />
    11. 11. Choose the right OG:type<br />RICH OBJECT<br />www.opengraphy.com © 2011<br />
    12. 12. Use all tags available to improve interactions<br />PLAY<br />www.opengraphy.com © 2011<br />
    13. 13. Not readable without basic open graph tags<br />NOT OK<br />www.opengraphy.com © 2011<br />
    14. 14. Google tags are not sufficient<br />No default image<br />www.opengraphy.com © 2011<br />
    15. 15. 3 - OG Tags + FB Tags = FACEBOOK PAGE <br />OPEN GRAPH PAGES<br />FB ADMIN TAGS<br />Facebook PAGES<br />www.opengraphy.com © 2011<br />
    16. 16. Knowledge<br />KNOWLEDGE<br />OPEN GRAPH PAGES<br />PUBLIC INFO ACCESS<br />www.opengraphy.com © 2011<br />
    17. 17. You know the public info of your fans<br />OPEN GRAPH PAGES<br />www.opengraphy.com © 2011<br />
    18. 18. Generate interactions with your visitors<br />OPEN GRAPH PAGES<br />INTERACTIONS<br />SOCIAL PLUGIN<br />www.opengraphy.com © 2011<br />
    19. 19. Your visitors can like and comment<br />OG Tags are used in the comment box<br />www.opengraphy.com © 2011<br />
    20. 20. Follow your social statistics<br />OPEN GRAPH PAGES<br />STATISTICS<br />FACEBOOK INSIGHTS<br />www.opengraphy.com © 2011<br />
    21. 21. Insights for webpages<br />www.opengraphy.com © 2011<br />
    22. 22. Administer your pages<br />OPEN GRAPH PAGES<br />ADMIN PAGES<br />SEND UPDATES<br />www.opengraphy.com © 2011<br />
    23. 23. Get access to symetric Admin pages <br />www.opengraphy.com © 2011<br />
    24. 24. .. Where you can send free updates<br />www.opengraphy.com © 2011<br />
    25. 25. … visible in the newsfeed of your likers<br />www.opengraphy.com © 2011<br />
    26. 26. Increase your reach with FB ADS<br />OPEN GRAPH PAGES<br />ADVERTISING<br />SOCIAL ADS<br />PAID TRAFFIC<br />www.opengraphy.com © 2011<br />
    27. 27. Social Ads redirect performing traffic<br />www.opengraphy.com © 2011<br />
    28. 28. FB Admin Tags to take control<br /><html xmlns="http://www.w3.org/1999/xhtml" <br />xmlns:fb="http://www.facebook.com/2008/fbml"><br /> <head> <br /><meta property="fb:admins" content="USER_ID1,USER_ID2"/><br /><meta property="fb:app_id" content="1234567"/><br />www.opengraphy.com © 2011<br />
    29. 29. 4 - Ressources<br />1. OFFICIAL OPEN GRAPH DOC<br />http://www.ogp.me<br />2. FACEBOOK OPEN GRAPH DOC<br />http://developers.facebook.com/docs/opengraph/<br />3. FACEBOOK URL LINTER<br />http://developers.facebook.com/tools/lint/<br />www.opengraphy.com © 2011<br />
    30. 30. Where to start ? Use the OpenGraphy Free tools<br />www.opengraphy.com © 2011<br />
    31. 31. OpenGraphy Pro offer : Tools and consulting<br />ENHANCE open graph on your site withourconsultancy team<br /><ul><li>Custom domainappdevelopment</li></ul>ANALYZE your performance with the OpenGraphy insights<br /><ul><li>Tool : Best socializedpages reports / Watch your competitors</li></ul>SOCIALIZE yourwebsitewith the OpenGraphywidgets<br /><ul><li>Tool : Top likeswidgets generator for websites and Facebook pages</li></ul>MAXIMIZE yourresultswith the newsletter effect<br /><ul><li>Tool : Multipublisher Send messages on multiple open graph pages</li></ul>ADVERTISE withFacebook Social Ads<br /><ul><li>Retarget messages to yourlikers + theirfriends</li></ul>www.opengraphy.com © 2011<br />
    32. 32. 1 - OpenGraphy Analytics for your site<br />
    33. 33. 2 - OpenGraphy TOP LIKES social plugin Generator<br />
    34. 34. Examples of OpenGraphy social plugins for websites<br />
    35. 35. Example of OpenGraphy social Tabs <br />
    36. 36. other example of social plugin based on the OpenGraphy analytics feature<br />
    37. 37.
    38. 38. Multi-page publisher built on OpenGraphy analytics and semantic approach<br />
    39. 39. You can send free updates on multiple pages at once<br />
    40. 40. Get the Pro version of OpenGraphy <br />First All-in-one SMO tool for websites featuring :<br />OPEN GRAPH – ANALYTICS – SOCIAL PLUGINS – MULTIPUBLISHING - ADVERTISING<br />Antoine Gounel<br />CEO - Founder<br />fb url : /antoineg<br />Twitter.com/AntoineOG<br />info@OpenGraphy.com<br />OpenGraphy : tools and solutions to succeed in your « on-site » Social Marketing strategy.<br />http://www.opengraphy.com/contact<br />
    41. 41. Like us on Facebook<br />www.opengraphy.com © 2011<br />
    1. A particular slide catching your eye?

      Clipping is a handy way to collect important slides you want to go back to later.

    ×