• Share
  • Email
  • Embed
  • Like
  • Save
  • Private Content
Open Graph tagging ou comment optimiser son site pour Facebook
 

Open Graph tagging ou comment optimiser son site pour Facebook

on

  • 14,168 views

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

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.

Statistics

Views

Total Views
14,168
Views on SlideShare
8,124
Embed Views
6,044

Actions

Likes
16
Downloads
175
Comments
2

22 Embeds 6,044

http://www.opengraphy.com 3782
http://www.zesty.fr 1383
http://www.adevby.me 523
http://blog.fabernovel.com 128
http://www.tunistribune.com 99
http://www.parisoma.com 36
http://paper.li 23
http://www.scoop.it 19
url_unknown 10
http://www.slideshare.net 9
http://translate.googleusercontent.com 7
http://www.frenchsocialmedia.com 5
http://app-enterprise02.dyndns.biz 5
http://127.0.0.1:8888 4
http://twitter.com 2
http://feeds.feedburner.com 2
http://www.pearltrees.com 2
http://webcache.googleusercontent.com 1
http://a0.twimg.com 1
http://posterous.com 1
http://us-w1.rockmelt.com 1
http://10.1.12.249 1
More...

Accessibility

Upload Details

Uploaded via as Microsoft PowerPoint

Usage Rights

© All Rights Reserved

Report content

Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate.

Cancel

12 of 2 previous next

  • Full Name Full Name Comment goes here.
    Are you sure you want to
    Your message goes here
    Processing…
  • You can find the related article on http://www.OpenGraphy.com :

    http://www.opengraphy.com/open-graph-tagging-facebook-social-plugins-and-opengraphy
    Are you sure you want to
    Your message goes here
    Processing…
  • 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 !
    Are you sure you want to
    Your message goes here
    Processing…
Post Comment
Edit your comment
  • 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.

Open Graph tagging ou comment optimiser son site pour Facebook Open Graph tagging ou comment optimiser son site pour Facebook Presentation Transcript

  • 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?
  • Optimizeyourwebsite for facebook
  • Your presence on Facebook
    OFFICIAL
    FB
    PAGES
    YOUR WEBSITE
    www.opengraphy.com © 2011
  • Facebook on your site
    OPEN GRAPH
    & SOCIAL
    PLUGINS
    YOUR WEBSITE
    www.opengraphy.com © 2011
  • The Open Graph concept
    > A protocol for all the social networks
    www.opengraphy.com © 2011
  • Key definition
    WEB INDEX
    SPIDERS
    & LINKS
    WEBSITE
    PAGES
    SOCIAL GRAPH
    USERS & LIKES
    RICH OBJECTS
    www.opengraphy.com © 2011
  • 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
  • Open graph tags are retrievedwhenyouinteract
    www.opengraphy.com © 2011
  • OG TAGS are propulsedeverywhere on FB
    USER WALLPOST // FRIENDS NEWSFEED
    SERP
    AUTO-SUGGEST
    PROFILE INFO TAB
    www.opengraphy.com © 2011
  • Og:type determines where your pages are listed
    Info TAB of your likers
    www.opengraphy.com © 2011
  • Choose the right OG:type
    RICH OBJECT
    www.opengraphy.com © 2011
  • Use all tags available to improve interactions
    PLAY
    www.opengraphy.com © 2011
  • Not readable without basic open graph tags
    NOT OK
    www.opengraphy.com © 2011
  • Google tags are not sufficient
    No default image
    www.opengraphy.com © 2011
  • 3 - OG Tags + FB Tags = FACEBOOK PAGE
    OPEN GRAPH PAGES
    FB ADMIN TAGS
    Facebook PAGES
    www.opengraphy.com © 2011
  • Knowledge
    KNOWLEDGE
    OPEN GRAPH PAGES
    PUBLIC INFO ACCESS
    www.opengraphy.com © 2011
  • You know the public info of your fans
    OPEN GRAPH PAGES
    www.opengraphy.com © 2011
  • Generate interactions with your visitors
    OPEN GRAPH PAGES
    INTERACTIONS
    SOCIAL PLUGIN
    www.opengraphy.com © 2011
  • Your visitors can like and comment
    OG Tags are used in the comment box
    www.opengraphy.com © 2011
  • Follow your social statistics
    OPEN GRAPH PAGES
    STATISTICS
    FACEBOOK INSIGHTS
    www.opengraphy.com © 2011
  • Insights for webpages
    www.opengraphy.com © 2011
  • Administer your pages
    OPEN GRAPH PAGES
    ADMIN PAGES
    SEND UPDATES
    www.opengraphy.com © 2011
  • Get access to symetric Admin pages
    www.opengraphy.com © 2011
  • .. Where you can send free updates
    www.opengraphy.com © 2011
  • … visible in the newsfeed of your likers
    www.opengraphy.com © 2011
  • Increase your reach with FB ADS
    OPEN GRAPH PAGES
    ADVERTISING
    SOCIAL ADS
    PAID TRAFFIC
    www.opengraphy.com © 2011
  • Social Ads redirect performing traffic
    www.opengraphy.com © 2011
  • 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
  • 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
  • Where to start ? Use the OpenGraphy Free tools
    www.opengraphy.com © 2011
  • 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
  • 1 - OpenGraphy Analytics for your site
  • 2 - OpenGraphy TOP LIKES social plugin Generator
  • Examples of OpenGraphy social plugins for websites
  • Example of OpenGraphy social Tabs
  • other example of social plugin based on the OpenGraphy analytics feature
  • Multi-page publisher built on OpenGraphy analytics and semantic approach
  • You can send free updates on multiple pages at once
  • 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
  • Like us on Facebook
    www.opengraphy.com © 2011