OGP プレビュー
SNSシェア時の表示（OGP画像・タイトル・説明文）を、URLから事前プレビューします。
▶このツールについて
URLを入力するだけで、そのページがTwitter（X）やFacebookなどのSNSでシェアされた時の「見え方」をシミュレートするツールです。OGP画像やタイトル・説明文が正しく設定されているかの確認に欠かせません。
ブログ記事やキャンペーンページを公開したあと、「SNSでシェアされた時に画像が切れていないか」「タイトルがしっかり表示されるか」不安になりませんか？ このツールで公開済みのURLをチェックすれば、OGP（Open Graph Protocol）の情報を取り込んで、実際のタイムライン上でどう表示されるかのプレビューを再現します。本番環境へのリリース後の最終チェックやトラブルシューティングに役立ちます。
ツール操作
画像なし
使い方
- URLを入力欄に入力します
- 「プレビュー」をクリックします
- OGPタグを取得し、タイトル・説明・画像のSNS風プレビューが表示されます
いつ使うか
OGP設定の確認、SNSシェア時の見た目チェック、デバッグに。
使用例
https://example.com を入力 → タイトル・説明・画像のプレビュー表示。
よくある質問
OGPとは？
Open Graph Protocol。og:title、og:image、og:descriptionなどのメタタグで、SNSシェア時の見た目を制御します。
OGPが取得できない場合は？
CORS制限で取得できないサイトがあります。その場合はサーバー側でOGPを確認する必要があります。
OGPプレビューの使い方は？
URLを入力して「プレビュー」をクリック。OGPタグを取得し、TwitterやFacebookでシェアしたときの見た目をシミュレート表示します。
og:titleとog:descriptionの違いは？
og:titleはシェア時のタイトル、og:descriptionは説明文。両方設定するとSNSでリッチなプレビューになります。
OGP画像の推奨サイズは？
1200×630pxが一般的。Facebook推奨。Twitterは2:1の比率。このツールでプレビュー確認できます。
SNSでシェアしたときの見た目を確認するには？
このツールにURLを入力。OGPを取得し、SNS風のプレビューを表示。デバッグに便利です。
og:imageが表示されない場合は？
絶対URLか確認。画像が存在するか、CORSでブロックされていないか。このツールでプレビューを確認できます。
Twitter CardとOGPの違いは？
OGPはFacebook発祥で汎用。Twitter Cardはtwitter:card等でTwitter向け。両方設定するのがおすすめです。
OGPのデバッグ方法は？
このツールでURLのOGPを取得し、タイトル・説明・画像が正しく表示されるか確認。Facebookのシェアデバッガーも有用です。
OGPプレビューツールは無料？
はい。URLを入力するだけでOGPの取得とプレビューが無料で利用できます。
関連ツール
画像関連セット