P. 1
Open Graph Protocol at the Silicon Valley Semantic Technology Meetup

Open Graph Protocol at the Silicon Valley Semantic Technology Meetup

4.0

|Views: 1,030|Likes:
Published by Facebook
Austin Haugen and Paul Tarjan speak about the Open Graph Protocol at the SVST meetup in August 2010.
Austin Haugen and Paul Tarjan speak about the Open Graph Protocol at the SVST meetup in August 2010.

More info:

Categories:Types, Speeches
Published by: Facebook on Aug 24, 2010
Copyright:Traditional Copyright: All rights reserved

Availability:

Read on Scribd mobile: iPhone, iPad and Android.
download as PDF or read online from Scribd
See more
See less

05/12/2014

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/

You're Reading a Free Preview

Download
scribd
/*********** DO NOT ALTER ANYTHING BELOW THIS LINE ! ************/ var s_code=s.t();if(s_code)document.write(s_code)//-->