OGプレビューア
ページのSNS共有プレビュー
Export metadata snapshot
Copy the raw JSON, save the metadata snapshot, or hand off a short summary to SEO and content teams.
次に進む
関連する次のアクションでワークフローを続けます。
Privacy & Trust
Real fetch path
The preview reflects the metadata returned by the target URL instead of a mocked card layout.
Raw payload visible
The workspace keeps the underlying metadata visible so teams can debug missing titles, images, or descriptions quickly.
Cross-platform check
Facebook / LinkedIn and X layouts appear side by side, making it easier to compare differences before publishing.
使い方
テキストを貼り付けまたは入力
テキスト、コード、またはデータを入力エリアに入力します。
オプションを選択
適用する変換やフォーマットを選択します。
結果をコピー
ワンクリックで出力をクリップボードにコピーします。
このツールを使う理由
完全無料
隠れたコストもプレミアムプランもありません — すべての機能が無料です。
インストール不要
すべてブラウザで実行されます。ソフトウェアのダウンロードやインストールは不要です。
プライベート&安全
データはデバイスの外に出ることはありません。サーバーにアップロードされることはありません。
モバイル対応
完全レスポンシブ対応 — スマートフォン、タブレット、デスクトップで利用できます。
Open Graphプロトコル:SNSでのコンテンツ表示を完全にコントロールする
要点まとめ
- OGタグ(Open Graph)を設定すると、URLがシェアされた際のタイトル・説明・画像を制御できる。
- Facebook・LinkedIn・Slackなど多くのプラットフォームがOGタグを利用し、TwitterはTwitter Cardを併用する。
- 推奨のOG画像サイズは1200×630ピクセルで、各プラットフォームでの最適表示が可能になる。
Open Graphプロトコルは、Facebookが策定した仕様で、Webページの内容をSNSに構造化して伝える仕組みです。OGタグを設定しないと、プラットフォーム側がタイトルや画像を自動推測するため、意図しない見え方になることがあります。適切なOGタグはシェア時のクリック率を大きく左右します。
1200×630
推奨OG画像サイズ(px)
活用シーン
SNSマーケティング
Facebook・LinkedInでシェアされた際に、訴求力のあるタイトル・画像・説明文を表示する。
コンテンツ拡散
ブログ記事やニュースがシェアされる際のプレビューを最適化し、クリック率を高める。
ECサイト
商品ページのURLがシェアされた際に、商品画像と価格を魅力的に表示する。
ブランド統一
全SNSプラットフォームで一貫したブランドイメージを維持する。
実用テクニック
公開前にFacebookシェアデバッガーやTwitter Card Validatorで表示を確認する。
OG画像は1200×630pxで作成し、重要な情報は画像の中央に配置する。
og:type, og:title, og:description, og:image, og:url を最低限設定する。
コンテンツ更新後はプラットフォームのキャッシュをクリアして、最新のプレビューを反映させる。
本ツールは参考・教育目的のみです。重要な場面で使用する前に、結果をご自身で検証してください。