Facebookの「いいね！」に使われるサムネイル画像を指定する

「いいね！」ボタンを押したときに使われる画像は、「Open Graph protocol」の「og:image」プロパティで指定されます。

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

上記のimage_urlを適切に切り替えれば、個別記事でサムネイルとして使用される画像を指定できると言うことになります。また、サムネイル候補となりうる可能性のある画像の条件は、50×50px 以上の大きさで、縦横比が3:1以下のpng、gif、jpgファイルのようです。

記事で最初に出現した画像を指定する場合には下記のようにします。

<?php
$str = $post->post_content;
$searchPattern = '/<img.*?src=(["\'])(.+?)\1.*?>/i';
if ( preg_match( $searchPattern, $str, $imgurl ) ) {
echo '<meta property="og:image" content="'.$imgurl[2].'" />';
} else {
echo '<meta property="og:image" content="default_image" />';
};
?>

確認やキャッシュをクリアする為にFacebookはURLリンターという専用ページを用意しています。

参考リンク
http://developers.facebook.com/docs/opengraph/
http://developers.facebook.com/tools/lint/