Facebookでシェアされた時に最適な画像のサイズとOGP情報を確認する方法
OGPに付いてのメモです。
- 作成した記事が「Facebook」でシェアされた時に、どの様に画像が表示されるかを確認する方法。
- 適正な画像のサイズとOGP情報が正しく設定出来ているかの確認。
- 画像を変更してもOGP画像が変わらない時の対処法など・・
スポンサーリンク
もくじ
OGP画像の推奨サイズ
1200×630px（最低ライン）
拡張子は「.jpg」の方が綺麗に表示されるらしい。また大きい方が画質は良いらしい。
画像の比率（横：縦）
1.91：１
確認用のサイト色々
デバッガー | 開発者向けFacebook
https://developers.facebook.com/tools/debug/
ここで全てのOGP情報が確認でき、エラーがあれば表示されます。
プレビューに表示された画像が、シェアされた時に表示される画像になります。
画像を変更した場合、「もう一度スクレイピング」をすることでキャッシュ（以前の画像）がクリアされます。
OGP画像シミュレーター
http://ogimage.tsmallfield.com/
様々なパターンでどの様に表示されるかをシミュレートできます。
最後に・・
OGP画像が設定できないブログなどは、記事の一番最初の画像がこれに使われる事が多いです。（アメブロなど・・）
よって、そういったブログでは、推奨サイズの画像を使うのがおすすめです。
OGPについての詳しい記事のご紹介
https://www.sakurasaku-labo.jp/blogs/facebook-og-image参考になれば幸いです。
スポンサーリンク