OGPが反映されない時の対処法|Twitter・Facebookのキャッシュクリア
SNS SEO Webマーケティング OGP
結論
各SNSの公式ツール(Sharing Debugger や Card Validator)を使って、「再クロール」を依頼しましょう。自分のブラウザを更新しても、SNS側のサーバーのキャッシュは消えません。
なぜ反映されないのか?
SNS各社は、一度シェアされたURLの画像やタイトルを自社サーバーにキャッシュ(保存)します。これにより2回目以降の表示を高速化していますが、サイト側でメタタグを更新しても、SNS側がそれを知らないため古い情報が出続けてしまいます。
公式キャッシュクリアツール一覧
| SNS | ツール名とリンク |
|---|---|
| Facebook / Messenger | [Sharing Debugger](https://developers.facebook.com/tools/debug/) |
| X (旧Twitter) | [Card Validator](https://cards-dev.twitter.com/validator) (現在は投稿[プレビュー](/blog/glassmorphism-css-backdrop-filter/)で代用) |
| LINE | [Page Picker](https://poker.line.naver.jp/) |
🖼️ この場でOGPをプレビューする
画像なし
OGP設定の基本チェックリスト
反映されない場合、以下のミスがないか確認してください。
- 画像パスが絶対パスか —
/assets/img.pngではなくhttps://example.com/assets/img.pngと書く必要があります。 - 画像サイズは適切か — 推奨サイズは
1200 x 630 pxです。重すぎると表示されないことがあります。 - metaタグの記述場所 — 必ず
<head>タグ内に記述されている必要があります。
プロのテクニック:画像URLにパラメータを付ける
どうしてもキャッシュが消えない場合、og:image のURL末尾に ?v=2 のようなクエリパラメータを付けると、SNS側が「新しい画像」として認識し、強制的に更新されることがあります。困った時の最終手段として覚えておきましょう。
関連記事
あわせて読むと理解が深まる関連記事をまとめました。
| トピック | 記事 |
|---|---|
| OGP Preview | OGP Preview|SNS シェアカードの確認 |
| CORSエラーの対処法 | CORSエラーの対処法|「Access-Control-Allow-Origin」で解決する |
| 1フレームは何秒・何ms? 60fpsと120fpsの計算方法 | 1フレームは何秒・何ms? 60fpsと120fpsの計算方法 |
| AIクローラー対応 robots.txt・llms.txt 設定ガイド 2026 | AIクローラー対応 robots.txt・llms.txt 設定ガイド 2026|GPTBot・ClaudeBot・Google-Extended・GEO戦略 |
| APIキャッシュ設計ガイド | APIキャッシュ設計ガイド|ETag・Cache-Control・304・CDNキャッシュキーの実務 |
| Web APIのエラーハンドリング設計 | Web APIのエラーハンドリング設計|RFC 9457・error_code・400/422/409の使い分け |
| Web APIのべき等性(Idempotency)設計 | Web APIのべき等性(Idempotency)設計|二重決済を防ぐ実装ガイド |
| API設計におけるページネーションの使い分け:オフセット型とカーソル型の比較 | API設計におけるページネーションの使い分け:オフセット型とカーソル型の比較 |
| APIのレート制限(Rate Limiting)実装ガイド | APIのレート制限(Rate Limiting)実装ガイド|アルゴリズム選定と429エラーの適切なハンドリング |
| APIデバッグで使うツールの使い分け | APIデバッグで使うツールの使い分け|JSON整形・JWT・Base64のワークフロー |
| Aspect Ratio 計算 | Aspect Ratio 計算|16:9・4:3 解像度一覧 |
| Astro Content Collections でブログを構築する | Astro Content Collections でブログを構築する |