Open Graphプレビューツールの使い方
- ページ詳細を入力:タイトル、説明、URL、サイト名、画像URLを入力します。
- 8プラットフォームでプレビューをリアルタイムで確認 — タブを切り替えてFacebook、X/Twitter、LinkedIn、WhatsApp、Telegram、Discord、Slack、Googleのプレビューを表示。
- OGヘルススコアを確認し、不足しているタグを修正。
- 生成されたコードをコピーして、ページの<head>セクションに貼り付けます。各フィールドの横にあるツールチップで機能と最適化方法を説明しています。
Open Graphタグが重要な理由
URLを共有すると、プラットフォームはOGタグを取得してプレビューカードを作成します。OGタグがないと、空のボックスや間違ったコンテンツが表示され、クリック率が大幅に低下します。適切なOGタグを設定したページは最大2-3倍のエンゲージメントを獲得します。
対応プラットフォーム
このツールは8つのプラットフォームの正確なプレビューを表示します:
- Facebook — オリジナルのOpen Graphプラットフォーム
- X / Twitter — SummaryとLarge Imageカードに対応
- LinkedIn — プロフェッショナルネットワークでの共有
- WhatsApp — 世界で最も人気のメッセージアプリ
- Telegram — チャットでのインスタントプレビューカード
- Discord — アクセントカラー付きのembedプレビュー
- Slack — チャンネルでのリンクプレビュー
- Google — 検索結果(SERP)での表示
Open Graphのベストプラクティス
ソーシャルシェアリングで最大の効果を得るためのガイドライン:
- 1200×630pxの画像を使用 — すべてのプラットフォームに最適なユニバーサルサイズ
- タイトルは60文字以内 — 長いタイトルは切り捨てられます
- 説明は120-160文字 — 簡潔かつ有益に
- og:urlを必ず設定 — コンテンツの正規URLを定義します
- og:site_nameを含める — Discord、Telegram、Slackに表示されます
- og:localeを設定 — 英語以外のコンテンツに特に重要