Free2Box
OGプレビューアIT & 開発者ツールInstant browser workflowFocused single-task utilityNo setup required

OGプレビューア

ページのSNS共有プレビュー

No host selectedOpen GraphAwaiting URLRaw OG DataPendingHost--
入力
Fetch metadata from a public URL and compare the social preview cards side by side.
Fetching runs on demand so you can validate real page metadata before publishing changes to tags, images, or descriptions.
結果
ページのSNS共有プレビュー
Enter a public URL and fetch the metadata to preview how the card resolves across platforms.

Export metadata snapshot

Copy the raw JSON, save the metadata snapshot, or hand off a short summary to SEO and content teams.

No hostnameMetadata draftWaiting for fetch

次に進む

関連する次のアクションでワークフローを続けます。

Hostまだ結果はありません結果Awaiting URLImage tagsMissingRaw 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.

使い方

1

テキストを貼り付けまたは入力

テキスト、コード、またはデータを入力エリアに入力します。

2

オプションを選択

適用する変換やフォーマットを選択します。

3

結果をコピー

ワンクリックで出力をクリップボードにコピーします。

このツールを使う理由

完全無料

隠れたコストもプレミアムプランもありません — すべての機能が無料です。

インストール不要

すべてブラウザで実行されます。ソフトウェアのダウンロードやインストールは不要です。

プライベート&安全

データはデバイスの外に出ることはありません。サーバーにアップロードされることはありません。

モバイル対応

完全レスポンシブ対応 — スマートフォン、タブレット、デスクトップで利用できます。

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)

活用シーン

1

SNSマーケティング

Facebook・LinkedInでシェアされた際に、訴求力のあるタイトル・画像・説明文を表示する。

2

コンテンツ拡散

ブログ記事やニュースがシェアされる際のプレビューを最適化し、クリック率を高める。

3

ECサイト

商品ページのURLがシェアされた際に、商品画像と価格を魅力的に表示する。

4

ブランド統一

全SNSプラットフォームで一貫したブランドイメージを維持する。

実用テクニック

公開前にFacebookシェアデバッガーやTwitter Card Validatorで表示を確認する。

OG画像は1200×630pxで作成し、重要な情報は画像の中央に配置する。

og:type, og:title, og:description, og:image, og:url を最低限設定する。

コンテンツ更新後はプラットフォームのキャッシュをクリアして、最新のプレビューを反映させる。

本ツールは参考・教育目的のみです。重要な場面で使用する前に、結果をご自身で検証してください。

よくある質問