Successfully reported this slideshow.
We use your LinkedIn profile and activity data to personalize ads and to show you more relevant ads. You can change your ad preferences anytime.

Open Graph tagging ou comment optimiser son site pour Facebook

16,986 views

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
  • 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

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

×