hirokonaBlog

ググる→忘れそう→即時メモ 京都のWebデザイナーの備忘録

最新のOGP画像は大きさよりアスペクト比に気をつける

facebookで小さく表示される

縦長の画像をシェアすると以前の200*200px画像をシェアしてた時みたいにめっちゃ小さくなるんやけど。。。って相談を受けた。
ので以前の記事から更新された内容をメモ

※以前の記事
facebook OGP画像の推奨サイズがまた変わりましたよっと | hirokona

facebook OGP画像の推奨サイズがまた変わりましたよっと

公式のドキュメント

相変わらず文書多すぎてたどり着くの時間かかった。。。
ベストプラクティス – シェア機能
https://developers.facebook.com/docs/sharing/best-practices#images

リンクページ投稿のデザイン変更により、画像のアスペクト比がデスクトップとモバイルのニュースフィードで同じになりました。
画像を切り取らずに、全体をニュースフィードで表示するには、画像のアスペクト比をできるだけ1.91対1に近づけてください。

基本は横長でアスペクト比は1.91対1

縦長の場合は公式の下の方の「小さい画像」の表示と同様になります。

実際の表示どんな感じになるかは別のサイトで綺麗にまとめられてる記事がたくさんあるのでそちらごかっくにんください。
こことか。

ブログとFacebookのOGPに最適なサムネイル画像サイズ比率

ブログとFacebookのOGPに最適なサムネイル画像サイズ比率

その他
ウェブ管理者 – シェア機能
https://developers.facebook.com/docs/sharing/webmasters#images

オブジェクトデバッガー – 開発者向けFacebook
https://developers.facebook.com/tools/debug/og/object/

でーはー


投稿日

カテゴリー:

投稿者:

タグ:

コメント

コメントを残す

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

このサイトはスパムを低減するために Akismet を使っています。コメントデータの処理方法の詳細はこちらをご覧ください