How to use the 'og' (Open Graph) meta tag for Facebook share

facebook-opengraph meta
Vignesh Babu M D picture Vignesh Babu M D · Jul 23, 2012 · Viewed 213.5k times · Source

Facebook fetches all pictures from my site.

I want to share only one picture which is on that page.

I heard about the og meta tag, but I don't know how to put it.

Answer

CarlosPinedaT picture CarlosPinedaT · May 29, 2013

Use:

<!-- For Google -->
<meta name="description" content="" />
<meta name="keywords" content="" />

<meta name="author" content="" />
<meta name="copyright" content="" />
<meta name="application-name" content="" />

<!-- For Facebook -->
<meta property="og:title" content="" />
<meta property="og:type" content="article" />
<meta property="og:image" content="" />
<meta property="og:url" content="" />
<meta property="og:description" content="" />

<!-- For Twitter -->
<meta name="twitter:card" content="summary" />
<meta name="twitter:title" content="" />
<meta name="twitter:description" content="" />
<meta name="twitter:image" content="" />

Fill the content =" ... " according to the content of your page.

For more information, visit 18 Meta Tags Every Webpage Should Have in 2013.

Related questions

Facebook OG tags Not Working

I have a simple rails 3 app with a FB like button. Ive used FB OG tags to get the image other pertinent info posted during the like transaction. when i test on my local server and after uploading, lies are …

Read More
Open graph can resolve relative url?

I'm adding Facebook Open Graph meta tag to my site. For example: <meta property="og:image" content="../images/aa.jpg"/> Does Open Graph take relative URLs? Otherwise, how can I convert a relative url to an absolute url …

Read More
Jquery Select meta[property=og:image]?

I want to select in Jquery the main photo in a web page, I just have the url page. so I decided to use the meta written for Facebook sharing. I want to select the content of : meta property="og:…

Read More