Why would an image thumbnail not show up when I share a post on a facebook timeline? It used to work perfectly, now I'm not getting an image. Here is a sample link. (http://noahsdad.com/chris-burke-corky-life-goes-on/)
Thanks.
Asked
Active
Viewed 1,354 times
0
-
There's a '//' in the image path, is that valid? – Igy Aug 31 '12 at 21:24
-
@igy Hmm, not sure what you mean. Also Jon mentioned there was no og in my code, but when look, I see it. Are you seeing open graph code? – Rick Smith Sep 01 '12 at 19:05
-
yes but the image URL has a '//' in the path, which seems odd – Igy Sep 01 '12 at 19:36
-
@igy Hmm. that is strange. Any idea what is going on? – Rick Smith Sep 01 '12 at 19:57
1 Answers
0
I'm not seeing any open graph tags on your page there. In order for the image to show up properly, and to be able to curate which image gets posted on Facebook, the og:image tag should be used in the head of the document. Before you do that, you'll want to include the the Open Graph name space in your html declaration.
An example is:
<html xmlns="http://www.w3.org/1999/xhtml" xmlns:og="http://opengraphprotocol.org/schema/" xmlns:fb="http://www.facebook.com/2008/fbml">
<head>
....
<meta property="og:image" content="http://www.example.com/img/example.jpg" />
....
</head>
where the example url points to the actual image you want to appear.
Once you've got that in place, you can test the link here: http://developers.facebook.com/tools/debug
If you did it correctly, you should see the expected image show up in the debug validation results.
Jon Mitten
- 1,965
- 4
- 25
- 53
-
For what it's worth, when I like that page on Facebook, I do get an image of Chris Burke holding Noah in my timeline: http://dirtymitten.org/dirtyimages/stackoverflow-og-noah.png – Jon Mitten Aug 31 '12 at 22:17
-
Thanks for your help! Quick question, I see a thumb nail when I go to the debug mode for that post (it's also the same picture that showed up on your timeline.) I'm confused how there are no open graph tags on that page? Are you sure they aren't there? When I view source I see them. – Rick Smith Sep 01 '12 at 04:34
-
I viewed source and didn't see them in the `` tag. I see them in the body as optimized, like this: `http://ogp.me/ns#image`, which I haven't seen done before (optimized for Yoast). – Jon Mitten Sep 02 '12 at 22:07
-
I was expecting, and looking for, the basic open graph markup meta tags, as described here: http://ogp.me/#metadata – Jon Mitten Sep 02 '12 at 23:45