Open Graph タグとは何ですか？
Open Graph（OG）タグは、Facebook、LinkedIn、X（Twitter）などのソーシャルプラットフォームでページが共有されたときの表示を制御する HTML メタタグです。プレビューに表示されるタイトル、説明、画像、ソース URL を定義します。
このツールは実際に何をしますか？
OG Preview は、Facebook、X（Twitter）、LinkedIn でページがどのように表示されるかをライブでプレビューします。2 つのモードがあります:
- 手動入力（デフォルト）: URL/ドメイン、タイトル、説明、画像 URL を入力します。3 つのプレビューが、入力に合わせて即座に更新されます。
- URL から取得（ベータ版）: 公開ページの URL を貼り付けると、公開 CORS プロキシ経由で既存の OG/Twitter タグの読み取りを試み、プレビューと、見つかったタグ・不足している必須タグの一覧を表示します。
すべてブラウザ内で動作します。このツールはダウンロード可能なコードファイルを生成せず、画像のホスティングやリサイズも行わず、サーバーには何も保存しません。
すべてのページに OG タグは必要ですか？
理想的には必要です。各ページに固有のタイトル、説明、画像を設定することで、共有されたすべてのリンクが、汎用的なサイトプレビューに頼るのではなく、内容に即したものとして表示されます。
OG タグと Twitter Cards の違いは何ですか？
OG タグは、Facebook、LinkedIn などで使われる共通の標準です。Twitter Cards は X/Twitter 固有の twitter: タグです。Twitter タグを設定しない場合、X は通常 OG タグにフォールバックするため、多くのサイトは両方を設定しています。
どの画像サイズを使うべきですか？
1200×630px（1.91:1 の比率）は、3 つすべてのプラットフォームで安全な選択です。画像には絶対 https:// URL を使用してください。相対パスはソーシャルクローラーによって解決されません。
実際のプラットフォームでプレビューが更新されないのはなぜですか？
ソーシャルプラットフォームはプレビューを積極的にキャッシュします。タグを変更した後は、公式のデバッガーを使って更新を強制してください: Facebook Sharing Debugger、Twitter Card Validator、LinkedIn Post Inspector。
ツールは私のデータを保存しますか？
いいえ。すべての処理はブラウザ内でローカルに行われます。URL から取得モードでは、ページを取得するためにリクエストがサードパーティの CORS プロキシを経由しますが、このツールがその内容を保存することはありません。
URL からの取得が失敗することがあるのはなぜですか？
公開 CORS プロキシに依存しており、多くのサイトはそれらをブロックするか、使用可能な HTML を返しません。そのためベータ版と表記されています。失敗した場合は手動入力に切り替えてください。