CODEWITHSUNDEEP
facebookfacebook-graph-apifacebook-opengraph
Herb Meehan
Herb Meehan

Reputation: 177

Facebook thumbnail never works properly (Open Graph)

The Goal: There will be a Facebook [like] and [send] option underneath all our products and it will show the proper thumbnail image.

The problem: All the OG (open graph) tags are in place. According to Facebook's test, it works. I can see the preview image (as I should) on their test site. There, it works! In reality, this doesn't work at all. Outside of Facebook's test page.. it NEVER has worked.

Direct link to an example page showing the problem

The Open Graph tags are in place, including this:

`<meta property="og:image" content="http://img.loveculture.com/ProductImages/1044214_15_1.jpg" />`

Now it's randomly choosing images through out the page. I am beyond frustrated.

I'd like to rule out a few things.

Yes, the images are on a subdomain. Even using images on the same domain gives random thumbnails. Yes, I've contacted Facebook about this and the issue was ignored. I'm losing hope on this issue.

UPDATE Great.... Now it decided to use one of the pink arrows for the thumbnail image.

Upvotes: 2

Views: 2148

Answers (2)

Herb Meehan
Herb Meehan

Reputation: 177

Ok, problem solved. Thank you all.

The issue was within the URL used within the HTML.

<div class='fb-like' data-send='true' data-width='450' data-href='http://www.loveculture.com/Item/ItemDetailView.aspx?StyleId=1043361' data-show-faces='true'></div>

It was a war between two legit urls.

http://www.loveculture.com/Item/ItemDetailView.aspx?StyleId=1043361
vs
http://www.loveculture.com/Item/ItemDetail.aspx?StyleId=1043361

I'm glad this has been resolved.

Upvotes: 1

cpilko
cpilko

Reputation: 11852

No, according to the Facebook debugger it doesn't work:

Open Graph Warnings That Should Be Fixed:

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.

The file you are passing is 180x258px. Pass the full size image and it should be fine.

Upvotes: 1

Related Questions