I have added a like button using iFrame for the site and added the og meta tags. while viewing in Facebook debug tool it does not show any errors and shows all the meta data from the website. But the thumpnail preview is not getting displayed.
see the Facebook debug output
- When I click on the thumbnail link, it takes to the right image and displayed correctly. * The domain is simply an NON secure domain.
- The image I am using 100X75
http://graph.facebook.com/10150536591853797
The following meta tags has been included in the file.
<meta property="og:site_name" content="パチカメ" />
<meta property="og:locale" content="ja_JP" />
<meta property="fb:app_id" content="297487356974821" />
<meta property="og:type" content="website" />
<meta property="og:url" content="http://www.pachi-cam.jp/artist/profile.php?artist_id=140" />
<meta property="og:title" content="Dr.ゆに さんのギャラリー" />
<meta property="og:description" content="こんにちわ " />
<meta property="og:image" content="http://www.pachi-cam.jp/upload/files/140/23203/thumb_S_phpapCLQi.jpg" />
iFrame code:
<iframe src="//www.facebook.com/plugins/like.php?href=http://www.pachi-cam.jp/artist/profile.php?artist_id=141&send=false&layout=button_count&width=450&show_faces=true&action=like&colorscheme=light&font&height=80" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:450px; height:80px;" allowTransparency="true"></iframe>
See this answer: og:image ignored when sharing link, although accepted in linter – it may not have been that poster’s issue but it has been the most common reason I’ve seen for
og:images not embeddeding correctly{edit}
looks like your server is rejecting the request: