niwadesign

ホームページ制作のネタ発信

facebook

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

-facebook
-

執筆者:


comment

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です

関連記事

関連記事はありませんでした