Open Graph プレビュー
プライバシー優先設計 — すべてブラウザ内で処理します
公開前にソーシャル共有カードがどう見えるかを確認できます。タイトル、説明、画像、URL を入力するだけでプレビューが即時に更新されます。
なぜ URL を自動取得しないのですか
クロスオリジンの fetch はほとんどのドメインでブラウザにブロックされるため、自動取得は明示的に許可しているサイトでしか動きません。代わりに、本来ページから取り出す 4 つのフィールドを直接入力してもらう形にして、結果を予測しやすくしています。
Facebook や LinkedIn で同じカードが出ますか
プラットフォームごとにレイアウトの細部は変わりますが、今日のソーシャルカードを動かしているのはこの 4 つのフィールドです。Facebook の Sharing Debugger も LinkedIn の Post Inspector も同じ Open Graph 値を読みます。
どの画像サイズが最適ですか
1200×630 ピクセル、1 MB 未満、JPG か PNG が目安です。このツールは多くのプラットフォーム表示と整合するように 1.91:1 のクロップを描画します。
よくある質問
- なぜ URL を自動取得しないのですか?
- クロスオリジンの fetch はほとんどのドメインでブラウザにブロックされるため、自動取得は明示的に許可しているサイトでしか動きません。代わりに、本来ページから取り出す 4 つのフィールドを直接入力してもらう形にして、結果を予測しやすくしています。
- Facebook や LinkedIn で同じカードが出ますか?
- プラットフォームごとにレイアウトの細部は変わりますが、今日のソーシャルカードを動かしているのはこの 4 つのフィールドです。Facebook の Sharing Debugger も LinkedIn の Post Inspector も同じ Open Graph 値を読みます。
- どの画像サイズが最適ですか?
- 1200×630 ピクセル、1 MB 未満、JPG か PNG が目安です。このツールは多くのプラットフォーム表示と整合するように 1.91:1 のクロップを描画します。
- 何かアップロードされますか?
- いいえ。プレビューはこのタブ内で描画され、入力値が外部へ送られることはありません。