You're here: Home » WordPress » Facebook Open Graph META Tags

Facebook Open Graph META Tags

On Sep 9, 2011 under WordPress

The FaceBook’s Open Graph (OG) Meta tags have og: as prefix, followed by a specific property element. The data for the specified property is given using the content attribute. So with this meta, you can tell the content type to FB – whether it’s url, site name, image, audio or other types.

The syntax for Open Graph tags is:

<meta property="og:tag name" content="tag value"/>

Look at the below header section to see FaceBook OG tags in action.

<head>
  <title>Webfroze Home Page FB Demo</title>
  <meta property="og:title" content="Webfroze Home"/>
  <meta property="og:type" content="blog"/>
  <meta property="og:url" content="http://www.webfroze.com/"/>
  <meta property="og:image" content="http://www.webfroze.com/logo.png"/>
  <meta property="og:site_name" content="Webfroze"/>
  <meta property="og:description" content="Blogging, WordPress, CSS and more."/>
</head>

You can just paste this meta tags in your WordPress header.php file. It works perfectly. Visit Open Graph protocol – FB Developers page to see the big list of supported Open Graph meta tags. You can use FB Debugger tool to validate the tags.