og:image が表示されない？修正方法を解説

og:image が表示されない原因は、ほぼ常に次の5つのいずれかに該当します。画像URLが公開されていない、画像が大きすぎる、プラットフォームが古いバージョンをキャッシュしている、タグが誤ったページを対象にしている、または画像形式がサポートされていない、です。このガイドでは、Facebook、X、LinkedIn が提供するデバッグツールを使いながら、各修正方法を順に説明します。

og:imageが表示されないのはなぜですか？

ほとんどの場合、画像URLが公開されて取得できない、ファイルがプラットフォームの制限を超えている、またはプラットフォームがキャッシュされたコピーを表示していることが原因です。ソーシャルプラットフォームはスケジュールに基づいて再スクレイピングし、積極的にキャッシュするため、新しい画像はデバッグツールで更新を強制するまで「機能していない」ように見えることがよくあります。

よくある原因トップ5（とその修正方法）

1. 画像URLが公開されていない

プラットフォームは認証なしで画像を取得する必要があります。ログインの背後にあるURL、localhost、またはIPアドレスでは失敗します。

修正方法: 画像を公開されたHTTPS URLでホストし、curl -I <image-url>が画像Content-Type付きで200 OKを返すことを確認してください。

2. 画像が大きすぎる

ほとんどのプラットフォームはOG画像を8 MBに制限しています（Xは約5 MB）。巨大なPNGは静かに失敗します。

修正方法: ファイルを5 MB未満に抑えてください。1200×630のテキストカードは通常200〜500 KBです。FastOGでは、PNG出力はすでにこのサイズに調整されています。

3. プラットフォームが古いバージョンをキャッシュしている

Facebook、X、LinkedIn、Slack、Discordはすべて積極的にキャッシュします。Metaは画像の独自コピーも保存し、ページURLに基づいてプレビューをキー設定するため、新しい画像URLだけでは更新されません。画像を変更しても、古いカードが数時間または数日間表示され続けます。

修正方法: プラットフォームのツールでスクレイピングを強制してください（下記参照）。画像を変更する場合は、コンテンツに応じて変化するURLを使用してください（FastOGの署名付きURLはこれを自動的に行います）。プログラムによる更新を許可している唯一のプラットフォームについては、FacebookのOpen Graphキャッシュ更新を強制するを参照してください。

4. URLが間違っている、またはページが間違っている

og:imageタグが欠落している、重複している、またはそのタグのないページを指している可能性があります。

修正方法: ページのソースを表示し、og:imageタグが存在し、サーバーサイドでレンダリングされ、絶対URLであることを確認してください。

5. サポートされていない形式

一部のプラットフォームは特定の形式やアニメーション画像を拒否します。

修正方法: PNGまたはJPGを使用してください。1200×630がサポートされている比率です。

デバッグツール

プラットフォーム	ツール
Facebook / WhatsApp	Sharing Debugger — `developers.facebook.com/tools/debug`
X / Twitter	Card Validator — `cards-dev.twitter.com/validator`
LinkedIn	Post Inspector — `linkedin.com/post-inspector`

URLを貼り付けて、「Scrape」/「Refresh」を押すと、最新のタグが取得されます。

FastOGの詳細

FastOGは、サポートされているサイズである1200×630 PNGをレンダリングするため、サイズや比率の問題を回避できます。
署名付きURLは最初のレンダリングのみを制限し、キャッシュされた画像は有効なままなので、共有されたカードは引き続き機能します。
タイトルを変更するとURLが変わり、新しいレンダリングが1回行われます。プラットフォームは、再スクレイピングを強制すると（最終的に）新しいカードを取得します。

FAQ

FastOGは私のog:imageが表示されることを保証しますか？

FastOGは公開URLから有効な1200×630のPNGを配信します。プラットフォームがそれを表示するかどうかは、そのキャッシュに依存します。画像を変更した後は、バリデータで再スクレイピングしてください。

Facebookで更新後も古い画像が表示されるのはなぜですか？

Facebookはスクレイピング結果をキャッシュし、画像の独自コピーも保持するため、新しいog:imageのURLだけでは更新されません。Sharing Debuggerで「Scrape Again」を使用してください。Force a Facebook Open Graph Cache Refreshでは、APIルート、必要なアプリトークン、遵守すべきレート制限について説明しています。

Xで新しいカードを表示させるにはどうすればよいですか？

X Card Validatorを開き、URLを貼り付けてください。最新のog:imageとtwitter:imageを再取得します。