OGプレビューア
ページのSNS共有プレビュー
Export metadata snapshot
Copy the raw JSON, save the metadata snapshot, or hand off a short summary to SEO and content teams.
次に進む
関連する次のアクションでワークフローを続けます。
Host
まだ結果はありません
結果
Awaiting URL
Image tags
Missing
Raw OG Data
まだ結果はありません
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.
使い方
テキストを貼り付けまたは入力
テキスト、コード、またはデータを入力エリアに入力します。
オプションを選択
適用する変換やフォーマットを選択します。
結果をコピー
ワンクリックで出力をクリップボードにコピーします。
このツールを使う理由
完全無料
Core tools are free. AI and cloud tools may have daily usage limits.
インストール不要
すべてブラウザで実行されます。ソフトウェアのダウンロードやインストールは不要です。
Server Processing
This tool sends the input needed for the requested operation to our service and a configured provider.
モバイル対応
完全レスポンシブ対応 — スマートフォン、タブレット、デスクトップで利用できます。
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 を最低限設定する。
コンテンツ更新後はプラットフォームのキャッシュをクリアして、最新のプレビューを反映させる。
本ツールは参考・教育目的のみです。重要な場面で使用する前に、結果をご自身で検証してください。