Facebookで表示される画像を指定する方法

2011-06-23

ブログや商品ページなどでFacebookの「いいね!」ボタンを設置するサイトは多くなりました。
「いいね!」ボタンの設置方法はこちら

「いいね!」を押されると、押されたページの中にある画像のサムネイルがFacebookのウォールに表示されます。

ところがこのサムネイルは、Facebookが自動で選択した画像をサムネイル化しているだけなので、例えばメニューボタンの画像がサムネイルとして表示されたりと、本来サムネイルとして表示して欲しい画像ではない場合が多々あります。

これでは、せっかく「いいね!」を押されてもインパクトのない画像がサムネイルとして表示されるのでもったいない!

今回はこのような問題を解決する方法を紹介します。

実は、どの画像をサムネイルとして表示させるかは、サイト運営者側で指定することが可能なのです。

方法は簡単!下記のコードを、「いいね!」ボタンを設置しているページの<head>~</head>の間に記入するだけです。

<meta property=”og:image” content=”http://から始まる画像ファイル.jpg” />

これだけで指定ができてしまいます!

念のため、どのようにサムネイルが表示されるか確かめましょう。

確かめる為のチェックツールとして「URLリンター」を使用します。

テキストボックスにチェックしたいURLを記入して[Lint]をクリックすれば確認することができます。

とても簡単なので、ぜひ試してみてください!

FBコメント

Copyright(c) 2010- 独立起業で自分だけのビジネスライフを! All Rights Reserved.