OGP画像の推奨設定を学ぶ。Facebook編

前回の記事で「OGPを設定していないとどうなるの？」ってことを書きました。
今回はOGPをしっかりと設定してFacebookで記事をシェアしました。
すると、こんな風に表示されました。

これはニュースフィードでの表示ですが、
OGPを設定した通りに表示されました！良かった＾＾
画像が大きく表示され、ページのタイトルと説明文がきちんと表示されています。

続いて、これはタイムラインでの表示です。
説明文が途中できれてしまっていますが、設定したとおりに表示されています。

適切にOGPを設定すれば、
Facebookでシェアしたときに設定したとおりに表示されるようになり、
リンク先のページがどんなページなのかがわかりやすくなります。

さて、結論が遅くなりましたが^^;
OGPの画像サイズはどれくらいがよいか調べてみました。

Facebook公式アナウンスでは、下記の通りです。（2014年9月1日現在）

ただ、推奨縦横比だとニュースフィードの時は綺麗に表示されますが、
タイムライン表示の際に正方形にトリミングされてしまうので両端がきれてしまいます。
これを解決しようとすると1:1の正方形の画像を用意する必要があるのですが、
この問題については次回ふれたいと思います。