facebookのいいねボタンを押したときのサムネイル指定

↓ここの画像を指定した画像にする方法です。

いいねボタンを押した際に指定した画像をfacebookで表示させるには
OGP (Open Graph Protocol)といわれるものをhtmlのヘッダーにmetaデータとして付加する必要があります。
そこでfacebookでは下記6つの情報が必須となってきます。
「og:title」
「og:type」
「og:image」
「og:url」
「og:site_name」
「fb:admins or fb:app_id」

書き方

    <meta property="og:title" content="その記事のタイトル">
    <meta property="og:type" content="blog">
    <meta property="og:image" content="指定したい画像のパス">
    <meta property="og:url" content="その記事のURL">
    <meta property="og:site_name" content="サイト名">
    <meta property="fb:admins" content="1255308251"/>

最後のfb:adminsの設定でfacebookのユーザIDが必要になります。

facebookがサポートしているtypeについてはこちらを参照してください。
http://developers.facebook.com/docs/opengraph/

ハマったところ

一度いいねを押すとそのときの情報がFacebook側のキャッシュに残り
それに気づかずになんで変わらないんだろーと数十分悩んだ。
そのときはURLリンターで確認するか、直接ニュースフィードのリンクに貼って確認すればいい。

上記に書いた6つのの内すべて記述しなくてもうまく行けたり行けなかったりなんでだろーー。
あとたまにいいねをクリックしたら承認ってリンクもでるんだけどこれはどうなったらでるの?

Leave a Comment


NOTE - You can use these HTML tags and attributes:
<a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>