[WordPress]OGPの写真のサイズ

WordPressに書いた記事をFacebookに貼付けたとき、写真が正方形にクリッピングされてしまい、思ったように表示されない・・・って事が起きてしまいます。

ヘッダーにOGPの値を設定しているので、ナンでだろうって思ってたんですが、これはFBの仕様ってことで、それに合う画像を作成する必要があるってことなんです。

・OGPとは「Open Graph Protocol」のこと。
OGPの公式サイトはこちら。。
Facebookにウェブページの内容を知らせる情報を記載します。

※今回はこちらのサイトを参照しました。

■写真のサイズ

FacebookのSharing Best Practicesでは、画像サイズは「1200×630ピクセル以上」が推奨されています。
しかし、そのページの「4.Optimize your image sizes to generate great preview」で、最低でも「600×315ピクセル」を使用すべきとなっています。

そこで、600×600ピクセルの正方形の画像を作成して、その中心に600×315ピクセルの画像を配置する方針で画像を作成します。

facebook_ogp_template.001

この、青い部分に表示したい写真を配置します。

■Facebookでどのように見えるの?

こうする事で、ニュースフィードでは下記のように表示されます。

984054_713766902007979_2580469058385560726_n

タイムラインはダメみたいですね(^^;

スクリーンショット 2014-04-22 15.44.53

とりあえずは、正方形に撮影して、見せたい風景を中心に持って来ておけばOKかなって感じです。

iPhoneのカメラも「スクエア」って正方形で撮影できます。

ちょっと気をつけてもいいかもですね(^^)

写真をリサイズするiPhoneアプリをご紹介しています(^^)

Follow me!

コメントを残す

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です