Open Graph tagging ou comment optimiser son site pour Facebook
•Télécharger en tant que PPTX, PDF•
17 j'aime•6,455 vues
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.
Recommandé
Recommandé
Contenu connexe
En vedette
En vedette (8)
Dernier
Dernier (20)
Open Graph tagging ou comment optimiser son site pour Facebook
- 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?
- 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
- 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
- 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
Notes de l'éditeur
- 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.