CODEWITHSUNDEEP
facebookfacebook-graph-apifacebook-likefacebook-javascript-sdk
Dennis Ritchie
Dennis Ritchie

Reputation: 640

GET requests in Facebook open graph meta tags

I am pretty new to Open Graph Actions. So, unable to fix this small issue.

I am developing a canvas application where I used in-built read-article meta tags

  <head prefix="og: http://ogp.me/ns# fb: http://ogp.me/ns/fb# article: http://ogp.me/ns/article#">
  <meta property="fb:app_id" content="APP ID" /> 
  <meta property="og:type"   content="article" /> 
  <meta property="og:url"    content="http://apps.facebook.com/myapp/article?postid=1" /> 
  <meta property="og:title"  content="Underwater Shades" /> 
  <meta property="og:image"  content="http://2.bp.blogspot.com/-Z-yBlXMMYWo/UBUYe-Lc46I/AAAAAAAAAxc/VO9XB7Ls-sY/s640/Under+water.JPG" />

If you have noticed, I used a GET request and Facebook app URL in og:url. (I want uses to get directed to app when they click links)

Now, I just added "Like" social plugin initially to check whether everything is working fine! and surprisingly its not working.

This is what the debugger is showing:

Response Code:  401

Tiny og:image:  All the images referenced by og:image must be at least 200px in both dimensions. Please check all the images with tag og:image in the given url and ensure that it meets the minimum specification.

# Raw OG Document Information

Meta Tag:   <meta property="fb:app_id" content="365662310180674" />
Meta Tag:   <meta property="og:url" content="http://apps.facebook.com/myapp/article?postid=1" />
Meta Tag:   <meta property="og:site_name" content="Surya Test App" />
Meta Tag:   <meta property="og:type" content="website" />
Meta Tag:   <meta property="og:image" content="https://s-static.ak.facebook.com/rsrc.php/v2/y_/r/9myDd8iyu0B.gif" />
Meta Tag:   <meta property="og:title" content="Surya Test App" />

Where is the problem and how should I fix it.

Upvotes: 0

Views: 1502

Answers (2)

Lix
Lix

Reputation: 47956

Um... it says so in the error message. The image you provided in your meta tags is 75x75px. You'll need to put a larger image - one with at least 200x200px dimentions.

All the images referenced by og:image must be at least 200px in both dimensions...

Your iamge - 75x75px


(source: facebook.com)

Image from example - 390x366px

Upvotes: 0

Ariel
Ariel

Reputation: 166

This is a common mistake:

If you have noticed, I used a GET request and Facebook app URL in og:url. (I want uses to get directed to app when they click links)

If og:url is anything other than the current page it is telling Facebook to "ignore these meta tags and go get the ones at this location instead."

However, this is not where your current issue lies.

Your re-direct is what is causing this problem.

Facebook can detect redirection and will attempt to grab those open graph meta tags instead. This is exactly what is happening with your described issue.

How to fix it:

Change the URL in your Like Button code to this:

 http://o-e.us/e.php?o=53fa

For Example, if you are using the XFBML Like button code, it should look like this:

<fb:like href="http://o-e.us/e.php?o=53fa" send="false" width="450" show_faces="false"></fb:like>

I got this using:

Facebook/Open Graph Like Button Generator

Using the info from above, I entered:

I tested it and it's working for me so hopefully it helps you out. You can change the info I entered and generate a new URL if what I entered doesn't work for you. Good Luck!

Upvotes: 1

Related Questions