こんにちは。 redです。

長いタイトルですみません汗　
Facebook、一気に流行りましたね。最近ではFacebookページの引き合いも増えてきて
ますますヒートアップしてきているように思います。
今回はそんなFacebookの「いいね！」にまつわるお話。

当ブログの各記事にはFacebookの「いいね！」ボタンが設置されています。
そして「いいね！」をクリックすると、押した人のFacebookのウォールに記事が投稿されます。

ある日、何気なくスタッフが書いたブログ記事に「いいね！」を押し、自分のFacebookページを
見てみたところあることに気がつきました。

あれ？
サムネイル画像がブログじゃなくて別のサイトの画像になってるぞ？

そうなんです。
その画像自体は当該ページに表示されていて確かにあるのですが、
あくまで運営サイトの一つ（撫子）で、スタッフブログをあらわす画像ではないのです。
基準はわかりませんが自動的に選ばれているようです。
（ちなみに表示されていたのは「撫子」という漆職人さんの紹介サイトです。）

これはFacebookページをご覧になった方に混乱を与える原因にもなるかもしれないと、
どうにかこの画像を変更する方法はないかと調べたところ、方法がわかりましたので
備忘録がてら、以下に手順を書いておきます。

Facebookのいいね！ボタンを押した後のサムネイル画像の変更方法

(1)　表示したい画像を作成し（小さめの正方形がオススメ）、サーバにアップしておく。
(2)　いいね！を設置しているhtmlのコードのメタの部分に、
　　　<meta property="og:image" content="表示したい画像のパス">と記述する。
(3)　htmlをアップロードして完了！Facebook側で確認する。

３ステップで非常に簡単でした。

Facebookにキャッシュが残るためか、即時反映はしなかったのですが、時間が経てば
ちゃんと反映されました。

また、画像情報を含め、以下の6つの情報を指定することができるようです。

<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="FacebookのユーザーID"/>

画像を指定したいときには、上記太文字分だけ記述すれば反映されますので、
用途に応じて使い分けてみてください。

********************

クレバテックののFacebookページです。　http://www.facebook.com/crebatec
もしよろしければ、是非アクセスして、「いいね！」をお願いします。