OGPの見え方チェック

各社の決まり（画像の大きさ・使うタグ）

• Facebook：画像は 1200×630 以上がおすすめ、大きく出すには最低 600×315、使える最小は 200×200。縦横比は 1.91:1 に近いほど切れずに出る。ファイルは 8MB まで。
  出典：Meta for Developers「Images in Link Shares」 https://developers.facebook.com/docs/sharing/webmasters/images/
• X の大きい画像のカード（summary_large_image）：縦横比 2:1、300×157 以上 4096×4096 まで、5MB 未満、JPG・PNG・WEBP・GIF（SVG は使えない）。
  出典：X Developer Platform「Summary card with large image」 https://developer.x.com/en/docs/x-for-websites/cards/overview/summary-card-with-large-image
• X の小さい画像のカード（summary）：縦横比 1:1、144×144 以上 4096×4096 まで、5MB 未満。
  出典：X Developer Platform「Summary card」 https://developer.x.com/en/docs/x-for-websites/cards/overview/summary
• X のタグ：twitter:title は 70 文字まで、twitter:description は 200 文字まで。twitter: のタグが無ければ og: のタグが使われる。twitter:card が無いときは小さいカード（summary）になることがある。
  出典：X Developer Platform「Cards markup」 https://developer.x.com/en/docs/x-for-websites/cards/overview/markup
• X の読み直し：およそ7日ごと。画像も URL ごとに覚えているので、画像の URL の後ろに文字を足すと読み直される。
  出典：X Developer Platform「Troubleshooting Cards」 https://developer.x.com/en/docs/x-for-websites/cards/guides/troubleshooting-cards
• LINE：使うのは og:title・og:description・og:image の3つだけ。無ければ title タグ・description タグ・本文から拾う。
  出典：LINE Developers「よくある質問（How are URL previews generated in chats?）」 https://developers.line.biz/en/faq/#how-are-the-url-previews-generated
• Slack：oEmbed・X カード・Open Graph のタグを読み、読んだ結果はおよそ30分覚えている。
  出典：Slack API「Slackbot」 https://api.slack.com/robots

X の資料は 2026年10月3日の時点で公式サイトの場所が移っており、上の URL は開けないことがあります（同じページの2026年1〜2月時点の写しで内容を確かめています）。

きれいに出すコツ

• 画像は 1200×630 で作ると、Facebook のおすすめにも X の大きいカードにもおおむね合います（X では左右が少し切れます）。大事な文字は真ん中に寄せます。
• og:image は「https://」から始まる絶対 URLで書きます。
• X で大きい画像を出したいときは <meta name="twitter:card" content="summary_large_image"> を足します。
• WordPress なら、SEO のプラグイン（OGP の設定があるもの）で、記事ごとの画像と説明を入れられます。