AddThis Academy

An ever-growing library of resources to help you become a better online marketer.

What Are Facebook OpenGraph Tags?

Facebook doesn’t work like the other AddThis buttons. Instead of accepting parameters that we pass it, Facebook requests or “scrapes” the URL you’re sharing and gets the data it displays from meta tags in the <head> section of the page. To control how your page is shared on Facebook you should use OpenGraph tags. Here is an example of Open Graph tags.

	<meta property="og:title" content="Performance Optimizing for Smart Layers" />
	<meta property="og:type" content="blog" />
	<meta property="og:image" content="http://farm4.staticflickr.com/3742/9776421873_0d5795a966_z.jpg" />
	<meta property="og:url" content="http://www.addthis.com/blog/2013/09/17/performance-optimizing-for-smart-layers/" />
	<meta property="og:site_name" content="AddThis Blog" />

This will generate the following post in Facebook:

A full description of Open Graph tags is available at: http://developers.facebook.com/docs/opengraph/. If you need to debug how your site is shared to Facebook, please use their URL debugger. Just go to https://developers.facebook.com/tools/debug and enter the URL of the page you want to debug. Facebook will generate a report showing the errors you need to fix. Here’s an example report. Please note that we do not have control over how Facebook scrapes your site, so your best bet for getting issues around sharing to Facebook working is to use their debugging system.

What Are Facebook OpenGraph Tags?
2.5 (50%) 2 votes

Was this article helpful to you?