Open Graph Tags

Open Graph Tags

Social Graph

  • A graphic representation of people and the connections they have to everything they care about
  • The core of Facebook and other social networking sites
  • Used to describe online relationships of individuals

Open Graph Protocol

  • Extends the Social Graph to include web sites and pages that people like throughout the web, not just on Facebook
  • Metadata tags are added to web pages to turn them into Open Graph Objects
  • Enables any web page to become a rich object in a social graph

Open Graph Objects

  • Facebook Like buttons that you can put on any website to represent real-world items
  • Integrates into the key points of distribution on Facebook
  • Timeline
  • App Views
  • News Feed
  • Ticker
  • As users click on Open Graph Objects, actions are displayed on the users’ Timeline and their friends’ News Feeds and Tickers

Open Graph Meta Tags

  • <meta property="og:title" content="The Inside Corner, Inc." />
  • <meta property="og:type" content="website" />
  • <meta property="og:url" content="http://www.theinsidecorner.com/" />
  • <meta property="og:locale" content="en_US" />
  • <meta property="og:image" content="http://www.theinsidecorner.com/~/media/Images/ Logos/TICLogoSq150png.ashx" />
  • <meta property="og:description" content="Instructional web site for the Sitecore Content Management System. Contains information on setting up and using Sitecore, and provides documentation on the Sitecore API." />

Support for Open Graph

  • Facebook created the Open Graph Protocol and API
  • Use the Facebook OG Object Debuggerto test and debug Open Graph Objects
  • LinkedIn supports Open Graph tags for setting display tags for shares

Sources