Open Graph プレビュー

参考

Open Graph タグとは？

Open Graph メタタグ (Facebook により作成) と Twitter Cards は、ページが共有されたときにソーシャルプラットフォームがリンクプレビューをどのようにレンダリングするかを伝えます。最小セットは og:title、og:description、og:image、og:url です。Twitter は twitter:card (summary または summary_large_image) を追加します。プラットフォームごとにレンダリングがわずかに異なります — このツールは、それぞれが何を表示するかを示します。

一般的な用途

• 公開前チェック — 共有する前にリンクが正しく見えることを確認。
• デバッグ — 不足または不正なタグを発見。
• 画像テスト — og:image の寸法が正しいことを確認 (1200×630 推奨)。

プライバシー

HTML を貼り付けると、すべての解析がブラウザ内で実行されます。URL の取得はクロスオリジンリクエストを使用し、多くのサイトで失敗する場合があります — その場合はソース HTML を貼り付けてください。