Open Graph Protocol

ウェブページのURLを入力するだけで、XやFacebookなどでどう表示されるかを事前にシミュレーション・検証できる無料ツールです。URLからの自動取得はもちろん、公開前の記事タイトルやアイキャッチ画像の動作確認（手動プレビュー）、OGPメタタグ（HTML）の自動生成にも対応しています。SNSでのクリック率向上やシェア時の見栄えチェックにご活用ください。

【注意事項】

• 本ツールで表示されるプレビュー画像やカード表示は各SNSの最新仕様を模したシミュレーションです。各プラットフォーム（X, Facebook等）の仕様変更やアップデートにより、実際の表示結果と異なる場合があります。
• 本ツール上でドラッグ＆ドロップした画像ファイルは、お使いのブラウザ内でのみ一時的にプレビュー表示されます。当サイトのサーバーへ保存・アップロードされることはありません。
• ウェブサイトのOGPタグを変更した場合でも、SNS側のキャッシュにより即座に表示が更新されないことがあります。更新されない場合は、各SNSの公式デバッガーツール（シェアデバッガー等）でキャッシュをクリアしてください。
• 本ツールの利用により生じたいかなるトラブルについて、当サイトは一切の責任を負いかねます。自己責任のもとでご活用ください。
• 過度な連続アクセスは、サーバー負荷軽減のためアクセスを制限またはブロックさせていただく場合がございます。

OGP（Open Graph Protocol）の基礎知識と最適化のポイント

OGPとは、ウェブページがXやFacebook、LINEなどのSNSでシェアされた際に、ページのタイトル、説明文、アイキャッチ画像などを正しく表示させるための仕組み（HTMLのメタタグ）です。適切なOGPを設定することで、SNS上での見栄えが大幅に向上し、ユーザーのクリック率（CTR）改善につながります。

主要なOGPメタタグと設定の役割

• og:title（ページのタイトル）：SNS上でリンクカードの大見出しとして表示されます。検索エンジンの<title>タグとは別に、SNSユーザーの目を引く簡潔で魅力的なタイトルを設定するのが効果的です。
• og:description（ページの説明文）：カード内に表示される概要文です。スマホ画面での文字切れを防ぐため、重要度の高い情報を前半に配置し、60〜70文字程度にまとめるのが理想です。
• og:image（表示画像・アイキャッチ）：SNSカードのメインとなる画像です。推奨サイズは「1200 × 630px（アスペクト比 1.91 : 1）」です。この比率で作成することで、XやFacebookの大型カードで上下左右が切れずに美しく表示されます。
• og:url（ページの正規URL）：シェア対象となるページの絶対パスURL（https://…から始まるURL）を指定します。
• twitter:card（X専用のカードタイプ）：X（旧Twitter）での表示スタイルを指定します。画像を大きく見せたい場合は「summary_large_image」、正方形の小型カードにしたい場合は「summary」を指定します。

SNSでのクリック率（CTR）を高める最適化ポイント

1. 画像内に重要テキストを大きく配置する

タイムラインを高速スクロールするユーザーの目に留まるよう、画像中央付近に「記事のテーマ」や「ベネフィット」を分かりやすい文字で配置します。

2. X の大型カード（summary_large_image）を活用する

視認面積が広い大型カードを採用することで、タイムライン上での占有率が高まり、小型カードに比べてクリックされやすくなります。

3. 設定変更後はキャッシュクリアツールを活用する

OGPタグを変更しても、SNS側に古い情報が残ることがあります。表示が更新されない場合は、XのCard ValidatorやFacebookのシェアデバッガーを利用してキャッシュをクリア・再取得してください。