OGPチェッカー

URLを入力するとページの OGP（Open Graph protocol）タグと Twitter Card を取得して検証し、 X（Twitter）や Facebook でシェアされた時のカード表示をプレビューします。必須タグの有無、画像の実サイズと推奨比率、文字数などのチェック結果を改善ポイントとして表示します。「HTMLを貼り付け」モードなら、ソースを直接解析することもできます。

チェック対象

基準URL（相対パス解決用）

ヒント：「URLから取得」モードは、ブラウザのCORS制限を回避するため公開CORSプロキシ（allorigins.win など）経由でHTMLを取得します。取得できないサイトやログインが必要なページは「HTMLを貼り付け」モードをお使いください。

チェック履歴

まだ履歴はありません。

チェック結果

URLを入力して「取得」を押すと、ここにチェック結果が表示されます。
プレビュー・タグの検証・画像サイズのチェックが行われます。

用語ミニ辞典

OGP（Open Graph protocol）とは

ページの内容をタグで宣言する仕組みで、Facebookが提唱しました。X（Twitter）・LINE・Slack・Discord など多くのSNSやチャットツールがこれを参照し、リンク共有時にタイトル・説明・画像のカードを自動生成します。og:title / og:type / og:image / og:url の4つが必須とされています。

og:image のおすすめサイズ

X・Facebookともに 1200 × 630px（比率 1.91:1） が基本です。小さすぎる画像（目安600px未満）は表示されなかったり、荒くなったりします。PNG・JPG・WebP が無難です。正方形カード（summary）前提なら 1:1 も選択肢ですが、twitter:card=summary_large_image を使う場合は 1.91:1 に合わせるのが安全です。

Twitter Card との関係

twitter:card（summary / summary_large_image など）はX独自の指定で、カードのレイアウトを決めます。twitter:title などが未指定の場合、Xは自動的に og:title 等へフォールバックするため、最低限は twitter:card だけ指定すればOGP側の値が流用されます。

canonical と og:url

どちらも「このページの正式なURL」を示すものです。<link rel="canonical"> は検索エンジン向け、og:url はSNS向けです。URL正規化（?utm_… などを除いた統一）のため、両方を同じ値に揃えておくのが定石です。

CORSと本ツールの仕組み

ブラウザから他ドメインのHTMLを直接取得すると、CORS（オリジン間リソース共有）の制約で多くの場合ブロックされます。そのため「URLから取得」モードでは公開CORSプロキシ経由でHTMLを取得しています。プロキシが落ちている・対象サイトがブロックする場合は取得に失敗します。その場合はページのソースをコピーして「HTMLを貼り付け」モードをご利用ください。

SNS公式のデバッガー

最終確認は各社の公式ツールが確実です。Facebookは「Sharing Debugger」（developers.facebook.com/tools/debug/）、Xは「Post Inspector」（developer.x.com の Card preview）。キャッシュされた古いカードは、デバッガーで再取得（スクレイピング更新）すると反映されます。

🔒 解析（タグの抽出・判定・プレビュー生成）はすべてあなたのブラウザ内で行われます。「URLから取得」モードではCORS制限のため公開CORSプロキシ経由でHTMLを取得し、チェック対象のURLはプロキシ運営者に知られます。機密性の高いページでは「HTMLを貼り付け」モードをご利用ください。