web支援技術部＠仙古堂

facebookの「いいね！」ボタンを押したとき、
サムネイル画像として表示される画像を指定するには？

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

このコードは個別記事(post)で記述することを前提としているので、
インデックスやアーカイブで使用する際は、自分で一工夫が必要です

＜meta property="og:image" content="画像url"/＞

この　画像url　を設定することで、サムネイルとして使用される画像を指定できます

イメージ画像はpng、jpg、gifが指定可能
画像サイズは50x50px以上、
画角は最大3:1までの推奨のようです

指定するのは　head　と　/head　の間です

チェックは
「URLリンター」http://developers.facebook.com/tools/lint/　で
テストしたいページurlを入力するとチェックできます

• 
• 
• ツイート