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/

Sign up to vote on this title
UsefulNot useful