home > Facebookの「いいね!」ボタンを押した時のサムネイル画像

Facebookの「いいね!」ボタンを押した時のサムネイル画像

May 09, 2011

Facebookの「いいね!」ボタンを押した時のサムネイル画像の指定の仕方って簡単にできるみたい。

<meta property="og:image" content="image_url"/>

これを追加すればOKです。
画像はpng、jpg、gifが指定可能で、サイズは50x50px以上
画角は最大3:1まで推奨のようです。
設置はhead内

「URLリンター」ページよりチェックができます。
http://developers.facebook.com/tools/lint/

参考サイトはこちら
http://ameblo.jp/senkodou/entry-10870730936.html
http://design.kayac.com/topics/2010/10/meta-facebook.php

【追記20110701】
ちなみに画像付きの「いいね」を同じページ内で展開することはできない。
元ページの画像を引っ張ってくるので。

【追記20110720】
また、ページに紐付いた「いいね」でないと、自分のウェールには反映されるけど、
ニュースフィードには反映されないらしい・・・これFacebookの仕様??

【追記20110901】
facebookのキャッシュをクリアしたい時は、下記にURLを入力すれば、
Facebookのクローラーが最新情報をキャッシュし直してくれます。
http://developers.facebook.com/tools/debug


【追記20110922】
Facebookアプリの仕様が2011年10月1日から変更されるようですね。
・FacebookアプリやFacebookページはSSL認証へ
・OAuth 2.0への移行
http://www.h-fj.com/blog/archives/2011/09/14-122337.php




ブックマークする hatena del.ico.us


Comments

Post a Comment






Remember personal info