Reputation: 233

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 posted with Facebook's default image and doesn't include other info from the OG tags.

I looked at few of the other questions on this, reviewed FB's developer instructions on how to use the OG tags and i'm certain I've entered them correctly. Wondering if there's another step or something else that i'm missing

I have the tags in my head section like so

<!DOCTYPE html>
<html>
<head>
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>my title</title>
<meta property="og:title" content="My Site" />
<meta property="og:site_name" content="My Site" />
<meta property="og:url" content="http://www.mysite.com/"/>
<meta property="og:image" content="http://www.mysite.com/assets/image.png"/>
<meta property="og:type" content="ecommerce"/>
<%= stylesheet_link_tag "application", :media => "all" %>
<%= favicon_link_tag "/favicon.ico" %>
<%= csrf_meta_tags %>

body stuff

Upvotes: 14

Answers (5)

Anand Roshan

Reputation: 355

Sometimes, if you previously shared a link from your website without OpenGraph tags, Facebook will cache that version of your site. If you add OG tags after that and post any links on Facebook, it will show the cached version.

To fix this, you need to go to this url https://developers.facebook.com/tools/debug/ and generate a preview. There will be an option to refresh the cache.

It should be fine, give it some time.

Alternatively, you can use this free online tool, https://advertxp.com/og-tags-generator, to preview your open graph settings.

Upvotes: 0

Mike Gordo

Reputation: 121

You should include prefix in html tag:

<html prefix="og: http://ogp.me/ns#">

Upvotes: 1

Ioannis Brant-Ioannidis

Reputation: 436

A possible problem would be that your image does not meet the minimum 200px by 200px size. Try to resize your photo to meet these requirements,which actually worked in my case.

Hope this helps.

Upvotes: 0