open graph tagging ou comment optimiser son site pour facebook
DESCRIPTION
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.TRANSCRIPT
![Page 1: Open Graph tagging ou comment optimiser son site pour Facebook](https://reader035.vdocuments.site/reader035/viewer/2022062405/554f1360b4c905723a8b47b0/html5/thumbnails/1.jpg)
Intro : Facebook page VS open graph
1 - The concept behind the protocol2 - Open Graph tagging & Impacts3 - Combining OG Tags + FB tags = FB page 4 - Ressources5 - The OpenGraphy tools featuresOutro : how to start with open graph?
![Page 2: Open Graph tagging ou comment optimiser son site pour Facebook](https://reader035.vdocuments.site/reader035/viewer/2022062405/554f1360b4c905723a8b47b0/html5/thumbnails/2.jpg)
Optimize your website for facebook
![Page 3: Open Graph tagging ou comment optimiser son site pour Facebook](https://reader035.vdocuments.site/reader035/viewer/2022062405/554f1360b4c905723a8b47b0/html5/thumbnails/3.jpg)
OFFICIAL
FBPAGES
YOUR WEBSITE
Your presence on Facebook
www.opengraphy.com © 2011
![Page 4: Open Graph tagging ou comment optimiser son site pour Facebook](https://reader035.vdocuments.site/reader035/viewer/2022062405/554f1360b4c905723a8b47b0/html5/thumbnails/4.jpg)
Facebook on your site
OPEN GRAPH
& SOCIALPLUGINS
YOUR WEBSIT
E
www.opengraphy.com © 2011
![Page 5: Open Graph tagging ou comment optimiser son site pour Facebook](https://reader035.vdocuments.site/reader035/viewer/2022062405/554f1360b4c905723a8b47b0/html5/thumbnails/5.jpg)
The Open Graph concept> A protocol for all the social networks
www.opengraphy.com © 2011
![Page 6: Open Graph tagging ou comment optimiser son site pour Facebook](https://reader035.vdocuments.site/reader035/viewer/2022062405/554f1360b4c905723a8b47b0/html5/thumbnails/6.jpg)
RICH OBJECTS
WEBSITEPAGES
WEB INDEX
SOCIAL GRAPH
Key definition
www.opengraphy.com © 2011
SPIDERS & LINKS
USERS & LIKES
![Page 7: Open Graph tagging ou comment optimiser son site pour Facebook](https://reader035.vdocuments.site/reader035/viewer/2022062405/554f1360b4c905723a8b47b0/html5/thumbnails/7.jpg)
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>
<meta property="og:type" content="movie"/>
<meta property="og:title" content="The Rock"/>
<meta property="og:description" content="A group of U.S. Marines, under command of a renegade general, take over Alcatraz and threaten San Francisco Bay with biological weapons."/>
<meta property="og:image" content="http://ia.media-imdb.com/rock.jpg"/>
<meta property="og:url" content="http://www.imdb.com/title/tt0117500/"/>
<meta property="og:site_name" content="IMDb"/>
![Page 8: Open Graph tagging ou comment optimiser son site pour Facebook](https://reader035.vdocuments.site/reader035/viewer/2022062405/554f1360b4c905723a8b47b0/html5/thumbnails/8.jpg)
www.opengraphy.com © 2011
Open graph tags are retrieved when you interact
![Page 9: Open Graph tagging ou comment optimiser son site pour Facebook](https://reader035.vdocuments.site/reader035/viewer/2022062405/554f1360b4c905723a8b47b0/html5/thumbnails/9.jpg)
OG TAGS are propulsed everywhere on FB
USER WALLPOST // FRIENDS NEWSFEED
AUTO-SUGGEST SERP PROFILE INFO TAB
www.opengraphy.com © 2011
![Page 10: Open Graph tagging ou comment optimiser son site pour Facebook](https://reader035.vdocuments.site/reader035/viewer/2022062405/554f1360b4c905723a8b47b0/html5/thumbnails/10.jpg)
www.opengraphy.com © 2011
Og:type determines where your pages are listed
Info TAB of your likers
![Page 11: Open Graph tagging ou comment optimiser son site pour Facebook](https://reader035.vdocuments.site/reader035/viewer/2022062405/554f1360b4c905723a8b47b0/html5/thumbnails/11.jpg)
RICH OBJECT
Choose the right OG:type
www.opengraphy.com © 2011
![Page 12: Open Graph tagging ou comment optimiser son site pour Facebook](https://reader035.vdocuments.site/reader035/viewer/2022062405/554f1360b4c905723a8b47b0/html5/thumbnails/12.jpg)
Use all tags available to improve interactions
www.opengraphy.com © 2011
PLAY
![Page 13: Open Graph tagging ou comment optimiser son site pour Facebook](https://reader035.vdocuments.site/reader035/viewer/2022062405/554f1360b4c905723a8b47b0/html5/thumbnails/13.jpg)
Not readable without basic open graph tags
NOT OK
www.opengraphy.com © 2011
![Page 14: Open Graph tagging ou comment optimiser son site pour Facebook](https://reader035.vdocuments.site/reader035/viewer/2022062405/554f1360b4c905723a8b47b0/html5/thumbnails/14.jpg)
www.opengraphy.com © 2011
Google tags are not sufficient
No default image
![Page 15: Open Graph tagging ou comment optimiser son site pour Facebook](https://reader035.vdocuments.site/reader035/viewer/2022062405/554f1360b4c905723a8b47b0/html5/thumbnails/15.jpg)
OPEN GRAPH PAGES
3 - OG Tags + FB Tags = FACEBOOK PAGE
www.opengraphy.com © 2011
Facebook PAGES
FB ADMIN TAGS
![Page 16: Open Graph tagging ou comment optimiser son site pour Facebook](https://reader035.vdocuments.site/reader035/viewer/2022062405/554f1360b4c905723a8b47b0/html5/thumbnails/16.jpg)
OPEN GRAPH PAGES
Knowledge
www.opengraphy.com © 2011
KNOWLEDGE
PUBLIC INFO ACCESS
![Page 17: Open Graph tagging ou comment optimiser son site pour Facebook](https://reader035.vdocuments.site/reader035/viewer/2022062405/554f1360b4c905723a8b47b0/html5/thumbnails/17.jpg)
OPEN GRAPH PAGES
You know the public info of your fans
www.opengraphy.com © 2011
![Page 18: Open Graph tagging ou comment optimiser son site pour Facebook](https://reader035.vdocuments.site/reader035/viewer/2022062405/554f1360b4c905723a8b47b0/html5/thumbnails/18.jpg)
OPEN GRAPH PAGES
Generate interactions with your visitors
www.opengraphy.com © 2011
INTERACTIONS
SOCIAL PLUGIN
![Page 19: Open Graph tagging ou comment optimiser son site pour Facebook](https://reader035.vdocuments.site/reader035/viewer/2022062405/554f1360b4c905723a8b47b0/html5/thumbnails/19.jpg)
Your visitors can like and comment
www.opengraphy.com © 2011
OG Tags are used in the comment
box
![Page 20: Open Graph tagging ou comment optimiser son site pour Facebook](https://reader035.vdocuments.site/reader035/viewer/2022062405/554f1360b4c905723a8b47b0/html5/thumbnails/20.jpg)
OPEN GRAPH PAGES
Follow your social statistics
www.opengraphy.com © 2011
STATISTICS
FACEBOOK INSIGHTS
![Page 21: Open Graph tagging ou comment optimiser son site pour Facebook](https://reader035.vdocuments.site/reader035/viewer/2022062405/554f1360b4c905723a8b47b0/html5/thumbnails/21.jpg)
Insights for webpages
www.opengraphy.com © 2011
![Page 22: Open Graph tagging ou comment optimiser son site pour Facebook](https://reader035.vdocuments.site/reader035/viewer/2022062405/554f1360b4c905723a8b47b0/html5/thumbnails/22.jpg)
OPEN GRAPH PAGES
Administer your pages
www.opengraphy.com © 2011
SEND UPDATES
ADMIN PAGES
![Page 23: Open Graph tagging ou comment optimiser son site pour Facebook](https://reader035.vdocuments.site/reader035/viewer/2022062405/554f1360b4c905723a8b47b0/html5/thumbnails/23.jpg)
Get access to symetric Admin pages
www.opengraphy.com © 2011
![Page 24: Open Graph tagging ou comment optimiser son site pour Facebook](https://reader035.vdocuments.site/reader035/viewer/2022062405/554f1360b4c905723a8b47b0/html5/thumbnails/24.jpg)
.. Where you can send free updates
www.opengraphy.com © 2011
![Page 25: Open Graph tagging ou comment optimiser son site pour Facebook](https://reader035.vdocuments.site/reader035/viewer/2022062405/554f1360b4c905723a8b47b0/html5/thumbnails/25.jpg)
www.opengraphy.com © 2011
… visible in the newsfeed of your likers
![Page 26: Open Graph tagging ou comment optimiser son site pour Facebook](https://reader035.vdocuments.site/reader035/viewer/2022062405/554f1360b4c905723a8b47b0/html5/thumbnails/26.jpg)
OPEN GRAPH PAGES
ADVERTISING
www.opengraphy.com © 2011
SOCIAL ADSPAID TRAFFIC
Increase your reach with FB ADS
![Page 27: Open Graph tagging ou comment optimiser son site pour Facebook](https://reader035.vdocuments.site/reader035/viewer/2022062405/554f1360b4c905723a8b47b0/html5/thumbnails/27.jpg)
www.opengraphy.com © 2011
Social Ads redirect performing traffic
![Page 28: Open Graph tagging ou comment optimiser son site pour Facebook](https://reader035.vdocuments.site/reader035/viewer/2022062405/554f1360b4c905723a8b47b0/html5/thumbnails/28.jpg)
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"/>
![Page 29: Open Graph tagging ou comment optimiser son site pour Facebook](https://reader035.vdocuments.site/reader035/viewer/2022062405/554f1360b4c905723a8b47b0/html5/thumbnails/29.jpg)
www.opengraphy.com © 2011
4 - Ressources
1. OFFICIAL OPEN GRAPH DOChttp://www.ogp.me
2. FACEBOOK OPEN GRAPH DOChttp://developers.facebook.com/docs/opengraph/
3. FACEBOOK URL LINTERhttp://developers.facebook.com/tools/lint/
![Page 30: Open Graph tagging ou comment optimiser son site pour Facebook](https://reader035.vdocuments.site/reader035/viewer/2022062405/554f1360b4c905723a8b47b0/html5/thumbnails/30.jpg)
www.opengraphy.com © 2011
Where to start ? Use the OpenGraphy Free tools
![Page 31: Open Graph tagging ou comment optimiser son site pour Facebook](https://reader035.vdocuments.site/reader035/viewer/2022062405/554f1360b4c905723a8b47b0/html5/thumbnails/31.jpg)
www.opengraphy.com © 2011
OpenGraphy Pro offer : Tools and consulting
ENHANCE open graph on your site with our consultancy teamCustom domain app development
ANALYZE your performance with the OpenGraphy insights Tool : Best socialized pages reports / Watch your competitors
SOCIALIZE your website with the OpenGraphy widgetsTool : Top likes widgets generator for websites and Facebook pages
MAXIMIZE your results with the newsletter effect Tool : Multipublisher \ Send messages on multiple open graph pages
ADVERTISE with Facebook Social AdsRetarget messages to your likers + their friends
![Page 32: Open Graph tagging ou comment optimiser son site pour Facebook](https://reader035.vdocuments.site/reader035/viewer/2022062405/554f1360b4c905723a8b47b0/html5/thumbnails/32.jpg)
1 - OpenGraphy Analytics for your site
![Page 33: Open Graph tagging ou comment optimiser son site pour Facebook](https://reader035.vdocuments.site/reader035/viewer/2022062405/554f1360b4c905723a8b47b0/html5/thumbnails/33.jpg)
2 - OpenGraphy TOP LIKES social plugin Generator
![Page 34: Open Graph tagging ou comment optimiser son site pour Facebook](https://reader035.vdocuments.site/reader035/viewer/2022062405/554f1360b4c905723a8b47b0/html5/thumbnails/34.jpg)
Examples of OpenGraphy social plugins for websites
![Page 35: Open Graph tagging ou comment optimiser son site pour Facebook](https://reader035.vdocuments.site/reader035/viewer/2022062405/554f1360b4c905723a8b47b0/html5/thumbnails/35.jpg)
Example of OpenGraphy social Tabs
![Page 36: Open Graph tagging ou comment optimiser son site pour Facebook](https://reader035.vdocuments.site/reader035/viewer/2022062405/554f1360b4c905723a8b47b0/html5/thumbnails/36.jpg)
other example of social plugin based on the OpenGraphy analytics feature
![Page 37: Open Graph tagging ou comment optimiser son site pour Facebook](https://reader035.vdocuments.site/reader035/viewer/2022062405/554f1360b4c905723a8b47b0/html5/thumbnails/37.jpg)
![Page 38: Open Graph tagging ou comment optimiser son site pour Facebook](https://reader035.vdocuments.site/reader035/viewer/2022062405/554f1360b4c905723a8b47b0/html5/thumbnails/38.jpg)
Multi-page publisher built on OpenGraphy analytics and semantic approach
![Page 39: Open Graph tagging ou comment optimiser son site pour Facebook](https://reader035.vdocuments.site/reader035/viewer/2022062405/554f1360b4c905723a8b47b0/html5/thumbnails/39.jpg)
You can send free updates on multiple pages at once
![Page 40: Open Graph tagging ou comment optimiser son site pour Facebook](https://reader035.vdocuments.site/reader035/viewer/2022062405/554f1360b4c905723a8b47b0/html5/thumbnails/40.jpg)
OpenGraphy : tools and solutions to succeed in your « on-site » Social Marketing strategy.
Get the Pro version of OpenGraphy First All-in-one SMO tool for websites featuring :OPEN GRAPH – ANALYTICS – SOCIAL PLUGINS – MULTIPUBLISHING - ADVERTISING
http://www.opengraphy.com/contact
Antoine GounelCEO - Founderfb url : /antoinegTwitter.com/AntoineOG
![Page 41: Open Graph tagging ou comment optimiser son site pour Facebook](https://reader035.vdocuments.site/reader035/viewer/2022062405/554f1360b4c905723a8b47b0/html5/thumbnails/41.jpg)
www.opengraphy.com © 2011
Like us on Facebook
![Page 42: Open Graph tagging ou comment optimiser son site pour Facebook](https://reader035.vdocuments.site/reader035/viewer/2022062405/554f1360b4c905723a8b47b0/html5/thumbnails/42.jpg)