Your SlideShare is downloading. ×
Open Graph tagging ou comment optimiser son site pour Facebook
Upcoming SlideShare
Loading in...5
×

Thanks for flagging this SlideShare!

Oops! An error has occurred.

×

Introducing the official SlideShare app

Stunning, full-screen experience for iPhone and Android

Text the download link to your phone

Standard text messaging rates apply

Open Graph tagging ou comment optimiser son site pour Facebook

15,088
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 …

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,088
On Slideshare
0
From Embeds
0
Number of Embeds
10
Actions
Shares
0
Downloads
177
Comments
2
Likes
17
Embeds 0
No embeds

Report content
Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate.

Cancel
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

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