Open Graphプレビュー
HTMLを貼り付けるか、Open GraphとTwitterのメタデータを直接入力して、ブラウザ内で共有プレビュー例を確認できます。外部画像は読み込まず、実際のプラットフォーム画面や表示結果を再現・保証するものではありません。
貼り付けHTMLまたは手入力のOpen Graph・Twitterメタデータから共有カード例を作り、Twitter値のOpen Graphフォールバック元も表示します。
ソーシャルメタデータをプレビューする方法
- HTMLモードでソースを貼り付けるか、Manualモードで対応フィールドを入力します。
- 解析または編集してOpen GraphとTwitter風のカード例を更新します。
- 欠落項目と、Twitter値がTwitterメタ・Open Graphフォールバック・欠落のどれかを確認します。
プレビューの仕組み
Open Graphのtitle、description、image、image alt、URL、type、site nameと、Twitterのcard、title、description、image、image altに対応します。
指定された画像URLは読み込みません。URLとメタ情報のプレースホルダーを表示し、Twitterのtitle・description・image・altが空なら対応するOpen Graph値をフォールバックとして使えます。
プライバシーと制限
貼り付けまたは入力したデータだけをブラウザ内で処理します。X、Facebook、LinkedIn、Discordなどの実際の表示を完全再現するものではなく、ページや画像を取得しません。
Open Graph Preview FAQ
og:imageをダウンロードしますか？
いいえ。画像URLをメタ情報として表示するだけです。
手入力できますか？
はい。Manualモードがあります。
Twitter値がない場合はOpen Graphを使いますか？
title、description、image、image altでは実装されたフォールバックを表示します。
実際のSNS表示と同じですか？
いいえ。各サービスのクローラー、キャッシュ、レイアウト、切り詰め規則は異なります。
貼り付けたscriptは実行されますか？
分離解析前に実行性・リソース読み込み用マークアップを除去します。