2011年3月11日金曜日

facebookでシェアされたときに表示させる画像を指定する方法

企業サイト等に「いいね!」を埋め込む時に押さえておきたいのでメモ。

■facebookでシェアされたときのサムネイル画像を指定する方法(サイト運営側)
例えば商品ページとかに「いいね!」を埋め込んでfacebookユーザーにシェアされても、デフォルトはfacebookがテキトーに抜き出した画像がサムネイルになるっぽいのでナビゲーションの画像がサムネイルになったりする事もある。
それだとなんだかパッとしないので、シェアされたときにサムネイル画像にして欲しいファイルをこちらから指定する必要がある。
metaタグに以下のように書けばOK。


<meta property="og:image" content="http://から始まるサムネイル画像ファイル.jpg" />
 
こんだけ。
 
■どんなふうに表示されるかのチェックも忘れずに。 
チェックツールとしてfacebookの「URLリンター」を使用します。
テキストボックスにチェックしたいURLを入れて「lint」でチェキ。