Tim Pietrusky

Facebook meta tags

So you want to add Facebook meta tags to your site? This won't take much time.

History

The Open Graph protocol enables any web page to become a rich object in a social graph.
ogp.me

Add meta tags

Add the following meta tags to your site

<meta property="og:title" content="Facebook meta tags" />
<meta property="og:description" content="How to add Facebook meta tags" />
<meta property="og:image" content="http://timpietrusky.com/thumbnail.jpg" />
<meta property="og:url" content="http://timpietrusky.com/facebook-meta-tags" />
og:title

The title of your site.

og:description

A one to two sentence description of your site.

og:image

An image URL which should represent your site. The image must be at least 200px in both dimensions and .jpg

og:url

URL of your site that will be used as its permanent ID in the graph.

Validate meta tags

To validate your meta tags, you can use Facebook Object Debugger developers.facebook.com/tools/debug

Just drop the link to your site and the Facebook Object Debugger will do the rest.

July 6, 2012

Comments