Open Graph デバッガー
URLが共有されたときの見え方をプレビューし、Open Graph・Twitterカードタグを検証します。
このツールについて
URLを入力すると、ソーシャルプラットフォームやチャットアプリで共有されたときの見え方と、ページが公開しているOpen Graph・Twitterカードタグの原文を表示します。ページはクローラーのuser-agentでサーバーサイドから取得するため、Facebook、X、Slackなどが実際に受け取る内容を確認でき、純粋なブラウザfetchが当たるCORS制約を回避します。
欠落・不正なタグ（og:imageなし、相対パスの画像、twitter:cardなし）を指摘するので、公開前にリンクプレビューを修正できます。
よくある質問
ここのプレビューがSlackやFacebookと違うのはなぜですか？+
それらのプラットフォームは積極的にキャッシュします。タグを修正したら、各プラットフォームのキャッシュ更新機能（Facebook Sharing Debuggerの「Scrape Again」など）で強制的に更新してください。このツールは常にライブで取得します。
og:imageはなぜ絶対URLが必要ですか？+
クローラーはページのコンテキスト外で画像を取得するため、/og.png のような相対パスは解決の基準となるホストがありません。常に完全な https:// URLを使ってください。
自分のサイトは何も表示されません。なぜ？+
一部のサイトはブラウザ以外のuser-agentをブロックするか、metaタグをクライアントサイドのJavaScriptでのみ描画します。クローラー（とこのツール）はJSを実行しないため、OGタグはサーバーレンダリングされたHTMLに含める必要があります。
og:imageの推奨サイズは？+
1200×630（1.91:1）がプラットフォーム全般で安全なデフォルトで、上限は5MBです。600×315より小さいと、大きなカードではなく小さなサムネイルで表示されるプラットフォームが多いです。