Open Graph tagging ou comment optimiser son site pour Facebook
-
Upload
antoine-gounel -
Category
Business
-
view
15.410 -
download
2
description
Transcript of Open Graph tagging ou comment optimiser son site pour Facebook
![Page 1: Open Graph tagging ou comment optimiser son site pour Facebook](https://reader035.fdocuments.in/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.fdocuments.in/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.fdocuments.in/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.fdocuments.in/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.fdocuments.in/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.fdocuments.in/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.fdocuments.in/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.fdocuments.in/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.fdocuments.in/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.fdocuments.in/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.fdocuments.in/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.fdocuments.in/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.fdocuments.in/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.fdocuments.in/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.fdocuments.in/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.fdocuments.in/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.fdocuments.in/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.fdocuments.in/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.fdocuments.in/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.fdocuments.in/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.fdocuments.in/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.fdocuments.in/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.fdocuments.in/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.fdocuments.in/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.fdocuments.in/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.fdocuments.in/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.fdocuments.in/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.fdocuments.in/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.fdocuments.in/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.fdocuments.in/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.fdocuments.in/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.fdocuments.in/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.fdocuments.in/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.fdocuments.in/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.fdocuments.in/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.fdocuments.in/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.fdocuments.in/reader035/viewer/2022062405/554f1360b4c905723a8b47b0/html5/thumbnails/37.jpg)
![Page 38: Open Graph tagging ou comment optimiser son site pour Facebook](https://reader035.fdocuments.in/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.fdocuments.in/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.fdocuments.in/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.fdocuments.in/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.fdocuments.in/reader035/viewer/2022062405/554f1360b4c905723a8b47b0/html5/thumbnails/42.jpg)