編集長ブログ―安田英久
OGPとは/Facebook「OGPの画像は1200px幅で」えぇ? 大きすぎない? しかも横長推奨?

Facebookのシェア時に表示される画像としてOGP(og:image)で指定する画像サイズについて

今日は、Facebookのシェア時に表示される画像としてOGP(og:image)で指定する画像のサイズについて。改めて調べてみると、Facebookは1200px×630pxを推奨しているのです。記事の最後には、Twitter Cards用の画像サイズの情報についても記載しています。

みなさん、OGPの画像はちゃんと指定していますよね。Facebookでシェアされたときに、ちゃんとアイキャッチになる画像を、ページのHTML内にog:imageのmetaタグとして記載するのは、今や当然。

しかし、そのOGPで指定する画像サイズって、実はかなり大きめの画像が推奨されているって、ご存じでしたか?

OGPで画像を指定していても、200×200ピクセルより小さいと、指定された画像は使われない。

Facebookでは、ページのことを効果的に拡散するためには、OGPで指定する画像のサイズとして、1200x630ピクセル以上を推奨しています。

We suggest that you use an image of at least 1200x630 pixels

それどころか、もし1500x1500ピクセルの画像があるなら、それをOGPで指定するほうがいいとしています。

bigger is better, so if you have a 1500x1500 image that you can use, please use it instead.

Facebookのニュースフィードでどんどん画像(写真)の扱いが大きくなっていることと、Retinaディスプレイでの表示も考慮するということで、こうしたサイズが推奨されているのだろうと思われます。

さらに言うと、画像は正方形ではなく1.91:1の横長が推奨されています。

Also, we recommend that you keep images as close to a 1.91:1 aspect ratio as possible to avoid cropping. (Note: image sizes must be no more than 5MB in size.)

とはいうものの、さすがにすべてのページでそんなに大きな画像を用意できるとは限らないですよね。仕様としては、200×200ピクセルというのがOGPで指定する画像の最小サイズのようです。

OGPなどの情報がページに適切に埋め込まれているかどうかをチェックするFacebookの「オブジェクトデバッガー」を使うと、OGPで指定している画像のサイズが小さいときには、画像が小さすぎるとして、ページ内で使われている他の画像を代わりに使うという警告が出ます。その警告が200ピクセルで出るのです。

Provided og:image is not big enough. Please use an image that's at least 200x200 px.

Web担では、もともと記事のアイコン画像は80ピクセル四方で作っていたのですが、ある時期に120ピクセル四方に変えていました。しかし、今では200ピクセル四方以上にしなきゃいけないんですね。

ちなみに、Twitter Cardsで表示する画像は、少し違います。

Twitter Cardsで表示されるアイコン画像(これは通常のサマリ表示)

Twitter Cardsでは、通常のサマリ表示(<meta name="twitter:card" content="summary">)ならば画像は120ピクセル四方と定められています(サイズは1Mバイトまで)。

Summary Card(Twitter Developers)

大画像バージョンのサマリ(<meta name="twitter:card" content="summary_large_image">)では、280×150ピクセル以上と定められています(サイズは1Mバイトまで)。

Summary Card with Large Image(Twitter Developers)

こうなると、Twitter Cards用の画像をOGPで同時指定するのは適切ではないかもしれませんね。

しかし……ウェブマスターや更新担当者にとって、これだけいろいろ複雑になってくると、さすがに面倒ですね。

みなさんのところでは、どんな風に「ソーシャルメディア用画像」を管理していますか?

tweet57このエントリーをはてなブックマークに追加
日本赤十字社 東日本大震災 義援金募集
Web担メルマガでラクラク情報ライフを
注目記事が毎週手もとに届いて見逃さない
要チェックのセミナー情報もゲットできる
編集長コラムを一足先に読める
―― 10万人が読んでいる、Web担必読メルマガです

今日の用語

3Bの法則
広告表現の中で、美人(Beauty)、赤ちゃん(Baby)、動物(Beast)を ... →用語集へ

連載/特集コーナーから探す

インフォメーション

Web担のメルマガを購読しませんか?
Web担の記事がコンパクトに毎週届くメールマガジン「Web担ウィークリー」は、10万人が読んでいる人気メルマガ。忙しいあなたの情報収集力をアップさせる強い味方で、お得な情報もいち早く入手できます。

Web担に広告を掲載しませんか?
購読者数10万人のメールマガジン広告をはじめとする広告サービスで、御社の認知向上やセミナー集客を強力にお手伝いいたします。

サイトマップ
RSSフィード


Web担を応援して支えてくださっている企業さま [各サービス/製品の紹介はこちらから]

GOLD SPONSOR
さくらインターネット株式会社株式会社KDDI ウェブコミュニケーションズ株式会社日本レジストリサービスHP Softwareトランスコスモス株式会社株式会社ハイパーボックスDomain Keeperアドビ システムズ 株式会社
SPONSOR
株式会社キノトロープ株式会社アイレップ株式会社ニューズ・ツー・ユーシックス・アパート株式会社ウェブアンテナ株式会社サイバーエージェント富士通株式会社SitecoreYahoo!プロモーション広告Oracle