This document provides instructions for implementing the Open Graph Protocol (OGP) on a website to integrate it with Facebook. It explains that OGP defines how a web page is represented on Facebook using structured data. It provides examples of how IMDB and Rotten Tomatoes use OGP to create Facebook profile pages for movies and show recommendations and friends' activity. The document then gives steps to add OGP meta tags and a Facebook Like button to a web page to create connections between the page and users' Facebook profiles. Finally, it outlines benefits of using OGP like branding, remarketing, driving traffic, customer acquisition, and gaining feedback.

2. The web page will appear in the “Likes and Interests”
section of the user’s profile, and has the ability to publish
pdates on user’s account. This page will show up in the
same places that Facebook pages show up around the site
(e.g. search), and it can be used to target ads to people
who like the content of that page.
The structured data provided via the Open Graph Protocol
defines how web page will be represented on Facebook.

3. Social Graph: Is it good?
By using OGP you can create a permanent semantic link
between a users Facebook presence and your brand.
“Search engines are also going social and putting larger
weight on these, then by using these attributes to
further let the search engines understand what your
page is about would help your rankings. In-case of
Google this would involve using G+ Business Pages and
linking webpage with G+, to reap benefits in organic
and paid search. It will also drive more traffic to the
website from other Google products (news/product
etc) and in turn would increase rankings via links which
this traffic produces.”

4. 1. IMDB.com
 Is using OGP. Like the webpage of the movie “God Father”, instantly
it gets updated in the newsfeed and added to “favorite movies”
option in FB profile.
2. Rottentomatoes.com
 Is using OGP Meta, clicking on “like” button present on homepage
redirects to ‘Rotten Tomatoes’ facebook fan page. Using FB id click
on “like”. Instantly a profile page is created with FB user id and
shows up the recommendations and friend’s activity.
Examples:

5. How to Integrate Open Graph Protocol
Step 1: Add following tag just before the tag on your web page:
{ html xmlns=”http://www.w3.org/1999/xhtml” xml:lang=”en”
xmlns:og=”http://opengraphprotocol.org/schema/”
xmlns:fb=”http://www.facebook.com/2008/fbml” }
Notes:
xmlns - XML namespaces provide a simple method for qualifying names used in XML documents by
associating them with namespaces identified by URI
xmlns:og
The tags allow you to specify structured information about your web pages. The more information
you provide, the more opportunities your web pages can be surfaced within Facebook today and in
the future. Example of og tags are og:title, og:type, og:image etc.
xmlns:fb
This is the name of the custom tag namespace. You cannot create a namespace that starts with fb
or f8. You can include alphanumeric characters, underscores ("_"), and hyphens ("-")
This is standard XML notation for extending the current XML namespace (in this case XHTML) with
another one (in this case FBML). You can include multiple xmlns attributes in one fb:fbml tag

6. How to Integrate Open Graph Protocol
Step 2: Add following open graph protocol meta tags in the head section (…) of the web page:
{ meta property=”og:title” content=”Enter title of your web page here“/ }
{ meta property=”og:type” content=”article”/ }
{ meta property=”og:url” content=”Enter the URL of your web page here“/ }
{ meta property=”og:image” content=”Enter image URL which represent your object here“/ }
{ meta property=”fb:admins” content=”Enter your facebook user ID here“/ }
{ meta property=”og:site_name” content=”Enter the name of your website here“/ }
{ meta property=”og:description” content=”Enter one or two sentence description of your web
page here“/ }
Note: og:type means type of the object which is content here (be an article, blog post, video, etc)
Step 3: after adding special meta tags to webpage then add like button code into the body section
(.. ) of webpage.

7. OGP: Benefits
1. Branding & Acquisition
 Facebook can be a great resource for generating brand awareness and acquisition.
 Visitors are consuming Facebook
2. Remarketing
 With the use of Facebook applications, admin can communicate, promote services
and brands with users. With the Help of FB Apps can maintain strong customer
relation
3. Drive Traffic
 Facebook can act as a portal point for driving traffic to the website and other
online properties
4. New Customer Acquisition
 Facebook provides an opportunity to find consumers you may have not otherwise
discovered
5. Feedback Mechanism
 Using Facebook and the various applications available can help you understand
consumer behavior based on the sharing of content and commentary on the social
networking site

8. Thanks !
Developed by:
vidhimehrotra21@gmail.com