Open Graphプレビュー
SNSでリンクがどのように表示されるかプレビューします
Facebook / LinkedIn
example.com
Twitter (X)
🔗 example.com
Slack
Discord
Open Graphプレビューツールは、WebページリンクがFacebook、Twitter等のSNSでどのように表示されるかをリアルタイムで確認できるツールです。タイトル、説明、画像URL、ページURLを入力するとプラットフォーム別のプレビューカードが即座に生成され、実際の共有前に最適な表示状態を確認・調整できます。ソーシャルメディアマーケティングとコンテンツ共有のクリック率向上に欠かせないツールです。
📖 使い方
- タイトル、説明、URLを入力してください
- 画像URLを入力してください
- Facebook、Twitterプレビューを確認してください
- 実際と同じように表示されるか確認してください
✨ 主な機能
- ✓Facebookプレビュー
- ✓Twitterカードプレビュー
- ✓リアルタイムプレビュー
- ✓画像比率確認
- ✓OGタグガイド
💡 活用事例
- •ソーシャルメディアマネージャー: コンテンツ投稿前に各プラットフォームでのプレビューを確認し最適化します。
- •Web開発者: OGタグ設定後に意図通りに表示されるか素早く検証します。
- •マーケター: 広告キャンペーンのリンクプレビューが魅力的に見えるか事前に確認します。
- •ブロガー: ブログ記事共有時にタイトル・説明・画像が正しく表示されるかテストします。
- •PR担当者: プレスリリースや記事リンクのSNS上での表示状態を事前にチェックします。
🎯 活用ヒント
- ▸Facebook用は1200x630px、Twitter用は1200x600pxの画像サイズが推奨です。
- ▸簡潔でクリックを誘うタイトルを書くと、共有時のエンゲージメント率が向上します。
- ▸説明にターゲットキーワードを自然に含めると、検索とSNSの両方で効果的です。
- ▸実際の共有後に表示が異なる場合は、Facebook DebuggerやTwitter Card Validatorでキャッシュを更新してください。
❓ よくある質問
Q. 画像の推奨サイズは？
A. Facebookは1200x630px、Twitterは1200x600pxまたは800x418pxが推奨されます。
Q. 実際の共有時に異なって見える場合は？
A. キャッシュのせいかもしれません。FacebookデバッガーやTwitterカードバリデーターでキャッシュを更新してください。
Q. OGタグとTwitter Cardタグの両方を設定する必要がありますか？
A. Twitterは自身のカードタグがない場合OGタグを代用しますが、最適な表示のために両方を設定することを推奨します。各プラットフォームの画像比率やテキスト長制限が異なるためです。
Q. プレビューに画像が表示されないのはなぜですか？
A. 画像URLが絶対パスか、HTTPSか、画像サイズが200x200px以上あるか確認してください。ファイルサイズは8MBを超えないようにしてください。
Q. プレビューと実際の共有結果が異なることはありますか？
A. はい、プラットフォームが古いデータをキャッシュしている場合があります。Facebook Sharing DebuggerでURLをスクレイプするか、Twitter Card Validatorで最新状態に更新してください。
Q. SPA（シングルページアプリケーション）でもOGタグは機能しますか？
A. SNSのクローラーは通常JavaScriptを実行しません。SPAではサーバーサイドレンダリング（SSR）やプリレンダリングでOGタグをHTMLに直接含める必要があります。