Open Graph Protocol at the Silicon Valley Semantic Technology Meetup
The Open Graph protocol
Semantic Web Meetup Austin Haugen - Paul Tarjan http://www.facebook.com/ahaugen - http://paultarjan.com
Basic metadata
<html xmlns:og="http://opengraphprotocol.org/schema/" xmlns:fb="http://developers.facebook.com/ schema/"> <head> <title>The Rock (1996)</title> <meta property="og:title" content="The Rock"/> <meta property="og:type" content="movie"/> <meta property="og:url" content="http:// www.imdb.com/title/tt0117500/"/> <meta property="og:image" content="http://..rock.jpg"/> <meta property="og:site_name" content="IMDb"/> <meta property="fb:admins" content="USER_ID"/> ... </head> ... </html>
Rich metadata
...
<meta property="og:latitude" content="37.416343" /> <meta property="og:longitude" content="-122.153013" /> <meta property="og:street-address" content="123 Mission St" /> <meta property="og:locality" content="San Francisco" /> <meta property="og:region" content="CA" /> <meta property="og:postal-code" content="94110" /> <meta property="og:country-name" content="USA" /> <meta property="og:phone_number" content="+123" /> <meta property="og:email" content="df@df.com" />
...
Design goals
Useful to others beyond Facebook.
Copy and paste.
Simple markup. Simple schema.
What’s needed?
What is the user liking? A clean page title An image A canonical URL
) What is the user liking
Based off of the most popular categories for Facebook Pages.
▪ ▪ ▪ ▪ ▪ ▪ ▪ ▪
Activities Businesses Groups Organizations People Places Products and Entertainment Websites
) A clean page title
Search Engine Optimization has caused all sorts of stuff to be crammed into the <title> tag.
▪
“The Semantic Web & THE POWER OF PULL | Blog Archive | The Facebook Open Graph, Part I” “A New Data Model – Facebook Developer Blog” “W C Track @ WWW , Raleigh, NC, USA ; April ” “Open Graph Protocol | Google Groups”
▪ ▪ ▪
) A canonical URL
We wanted to use link-rel canonical.
▪
Major publishers were concerned that adding link-rel canonical would negatively impact their ranking within search engines.
A simple example
What’s desired?
A short description A site name (for collections of pages) Location information Contact information
) A short description
A simple schema.
▪ ▪
Not respecting Don’t Repeat Yourself. Optimized for a consistent schema versus reuse of existing meta tags.
▪ ▪
One namespace. One prefix. One HTML tag attribute (“property”)
What we didn’t want
But tried.
Too complex!
What we didn’t want
But tried.
Too complex!
What we didn’t want
But tried.
Too complex!
What we didn’t want
But tried.
Too complex!
) Location information
▪ ▪ ▪
Couldn’t find a – simple – location markup specification. Reused the property names from the Microformat hCard Fully expect this information to be expressed within the page body versus the head.
▪
RDFa gives us a consistent syntax for both cases.
Adoption
Open source implementations
Facebook Pages
Facebook Pages
Facebook Pages
What’s next
What could be next
▪
Objects types around media content
▪
video, audio, events You can do this today, but not nicely og:feed og:taggedIn, og:isWatching Avatar on IMDb and Avatar on Rotten Tomatoes
▪
Allow publishing to likers
▪ ▪
▪
Other types of edges
▪
▪
Richer metadata to help find related objects
▪
Thanks! Questions?
http://opengraphprotocol.org/
Documents Similar To The Open Graph Protocol Design Decisions
- Building real-time updates for the Graph APIUploaded by
Facebook - HipHop for PHP Tech TastingUploaded byDavid Recordon
- 7 Myths of Social Media FriendshipsUploaded byJed Diamond
- Insights for Facebook Pages: Product GuideUploaded byFacebook
- Facebook for PhotographersUploaded byFacebook
- How Facebook Uses FacebookUploaded byFacebook
- Building Social Web Standards - 2009 W3C PlenaryUploaded byDavid Recordon
- map-of-a-tweetUploaded byraffi4718
- Social Media StrategyUploaded byAmerican Library Association
- Publishing to Open Graph PagesUploaded byFacebook
- Building with Facebook - Social Dev Camp Chicago 2009Uploaded byDavid Recordon
- 5_OpenGraphUploaded bymantosz
- Improving Students' STEM SkillsUploaded byFacebook Washington DC
- Facebook Timeline For Pages - Product Guide - from TechCrunchUploaded byTechCrunch
- Building your Brand on Facebook: Pages and Ads - Xavier Leclerc - Le Web Workshop - 12.9.10Uploaded byFacebook
- Influence and Passivity in Social Media - HP Labs ResearchUploaded byHewlett-Packard
- Facebook: Ads Product Guide (Juni 2014)Uploaded byFacebook Marketing bei Hutter Consult AG - hutter-consult.com
- It's Time For SilverlightUploaded byrajeshlal
- Facebook Reporting GuideUploaded byFacebook Washington DC
- 30 Essential ControlsUploaded byDieu Hoang
- the rights of man-thomas paineUploaded byMytyl & kino
- Journalists and FacebookUploaded byFacebook
- The Tempest by Shakespeare, William, 1564-1616Uploaded byGutenberg.org
- Building your Social Presence Across the Web: Social Plugins and APIs - Simon Cross - Le Web Workshop - 12.9.10Uploaded byFacebook
- flex2 devguideUploaded bypdi1066
- PHP HTML Form ExampleUploaded byMohd Khairulnizam bin Mohd Salleh
- the american crisis-thomas paineUploaded byMytyl & kino
- Capacity Management PresentationUploaded byDmitriy Ilchenko
- Microsoft Corporation v. Kovyrin et al - Document No. 2Uploaded byJustia.com
- Mike Krieger, Instagram at the Airbnb tech talk, on Scaling InstagramUploaded byingrid8775