How to integrate your website with Facebook

I just discovered the Open Graph protocol that is offered to help website owners connect their sites to Facebook. I first discovered this because the site http://bookrenter.com had an awesome social icon that appears on FaceBook when you add any link from their site. I’ve figured out how to do this manually using meta in your website page headers (described in this entry http://tutorialsave.com/how-to-create-a-facebook-preview-thumbnail-for-your-website/) but the Open Graph protocol is much more extensive and is covered at http://developers.facebook.com/docs/opengraph

Example code listed below for and IMDB page:

<html xmlns:og=”http://opengraphprotocol.org/schema/”
xmlns:fb=”http://www.facebook.com/2008/fbml”>
<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://ia.media-imdb.com/rock.jpg”/>
<meta property=”og:site_name” content=”IMDb”/>
<meta property=”fb:admins” content=”USER_ID”/>
<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.”/>

</head>

</html>

Awesome! This is a great find and a way for you to improve your websites interconnection with the worlds leading social networking website :)