X（Twitter）OGPプレビューチェッカー
URLを入力するだけで、Xカードの表示をシミュレーション。タグの不備も自動検出します。
使い方
- 1
URLを入力
チェックしたいページのURLを入力欄にペーストします。
- 2
チェックボタンを押す
サーバーがページを取得し、OGPタグを解析します。
- 3
結果を確認
Xカードのプレビュー、検出された問題、すべてのOGPタグを確認できます。
OGPタグの基礎と設定方法
OGP（Open Graph Protocol）は、WebページがSNSでシェアされた際の表示内容を制御するための仕組みです。Facebook が策定した規格ですが、X（Twitter）、LINE、Slack など主要なプラットフォームで広く採用されています。
必須のOGPタグ
Xカードを正しく表示するために、最低限以下のタグを設定する必要があります。
og:title— ページのタイトル。Xカードに表示される見出しog:description— ページの説明文。見出しの下に表示されるog:image— 画像のURL。絶対URLで指定する（推奨サイズ: 1200×630px）twitter:card— カードの種類。summary_large_imageが最も一般的
Xカードが表示されない主な原因
「XにURLを貼ったのにカードが出ない」という問題の多くは、以下のいずれかに該当します。
- OGPタグ自体が設定されていない
og:imageが相対URLになっている（絶対URLが必要）- 画像サイズが小さすぎる（最低 120×120px、推奨 1200×630px）
twitter:cardが未設定（X独自のメタタグ）- サーバーがXのクローラーをブロックしている（robots.txt や WAF）
- Xのキャッシュに古い情報が残っている
Next.js での設定方法
Next.js 13以降（App Router）では、metadata エクスポートを使ってOGPタグを宣言的に設定できます。
WordPress での設定方法
WordPressでは「Yoast SEO」や「All in One SEO」などのプラグインを使えば、各投稿・固定ページごとにOGPタグを設定できます。プラグインなしの場合は、functions.php に wp_head フックで手動追加します。
og:image の推奨サイズ
Xで summary_large_image カードを使う場合、画像サイズは 1200×630px（アスペクト比 1.91:1）が推奨です。この比率であればX、Facebook、LINEすべてで最適に表示されます。最大ファイルサイズは5MBまでです。
twitter:card の種類
summary— 小さいサムネイル+タイトル+説明文summary_large_image— 大きい画像+タイトル+説明文（最も一般的）player— 動画/音声プレーヤーの埋め込みapp— モバイルアプリのダウンロード誘導
よくある質問
- Xカードバリデーターは廃止されたのですか？
- はい、X（旧Twitter）の公式Card Validatorは2022年に廃止されました。現在はURLをポストに貼り付けてプレビューを確認するしかありません。このツールはその代替として、OGPタグを取得しカードの表示をシミュレーションします。
- OGPタグを変更したのにXの表示が変わりません
- Xは一度取得したOGP情報をキャッシュします。キャッシュの更新には数時間〜数日かかることがあります。URLに「?v=2」のようなクエリパラメータを付けて新しいURLとして認識させる方法が有効です。
- og:imageとtwitter:imageは両方設定すべきですか？
twitter:imageが未設定の場合、Xはog:imageをフォールバックとして使用します。同じ画像で良ければog:imageだけで十分です。X専用の画像を使いたい場合のみtwitter:imageを追加してください。- このツールはURLの内容をサーバーに保存しますか？
- いいえ。入力されたURLの内容はOGPタグの取得にのみ使用され、サーバーに保存されることはありません。
関連ツール
Xの成長をもっと加速させよう
Xboostは、オーディエンスを理解し、コンテンツを改善し、Xでの成長を加速させるスマート分析ツールです。
Xboostを始める →