Open Graph Protocol in Social Media & Facebook

What is Open Graph Protocol?

Open Graph Protocol transforms web pages into graph objects in the social graph by adding metadata in the head section of a web page.

Example of Open Graph Protocol Implementation in Head Meta Tags

<meta property="fb:admins" content="1152823691" />
<meta property="og:locale" content="en_US" />
<meta property="og:type" content="article" />
<meta property="og:title" content="SEO, Internet Marketing Company, New Delhi India" />
<meta property="og:description" content="Contact SEO, Internet Marketing Company, New Delhi India. Call 91-9810083308 now." />
<meta property="og:url" content="http://www.samyakonline.net/seo-company-new-delhi-india.php" />
<meta property="og:site_name" content="Samyak Online" />
<meta property="og:image" content="http://www.samyakonline.net/images/samyak-online-services-pvt-ltd.png" />
<meta property="og:image:type" content="image/png">
<meta property="og:image:width" content="646">
<meta property="og:image:height" content="220">

Facebook Open Graph Debugger:

URL: https://developers.facebook.com/tools/debug

Samyakonline Facebook Debug Tool Screenshot

When we enter an URL in the Facebook debugger as shown in the above image, it parses and generates the graph code in JSON format as shown below.

Samyakonline Facebook Debug Screenshot

How Open Graph Protocol works in Facebook Timeline

When we post a link to our timeline on Facebook, Open Graph Protocol scrapes the page and collects data for title, description, picture, URL and then uses all these to display on Facebook.

Samyakonline Facebook Screenshot

Facebook Social Plugins

Facebook uses Social Graph API for social plug-ins. The new plugins are:

  • Like Button
  • Activity Feed
  • Recommendations
  • Like Box
  • Login Button
  • Comments
  • Live Stream

Google & Open Graph Protocol

Google uses open Graph Protocol for generating rich snippets to display in search results. The site showing with rich snippet means higher search engine visibility and click-through rates and a good user experience.

Google Structured Data Testing Tool:
http://www.google.com/webmasters/tools/richsnippets

Samyak Online Google Rich Snippets Tool Samyak Online Google Rich Snippets

Resource for Open Graph Protocol

Facebook:
https://developers.facebook.com/docs/opengraph/

Open Graph Protocol should be used on the website to make web pages semantic, searchable and higher visibility.

Need Any Clarifications?

WP Website Designing Joomla Website Designing BigCommerce Website Designing PHP Web Development WooCommerce Website Designing