Open Graph

Open Graph（OG）とは、2010年にFacebookが開発したメタタグのプロトコルで、Facebook、LinkedIn、X、メッセージングアプリといったソーシャルプラットフォームでシェアされたときに、ウェブページのタイトル、説明、画像、URLがどのように表示されるかを制御します。

なぜ重要か

ブログ記事がソーシャルメディアやメッセンジャーでシェアされるとき、魅力的なプレビューがクリック率を左右します。OGタグがないと、プラットフォームは任意のテキストと画像を抽出し、意図しないプレビューを生成してしまいます。2026年には、ダークソーシャル（KakaoTalk、DMなど）がコンテンツシェアの84%を占めており、メッセンジャーのリンクプレビューの最適化はトラフィックに直接影響します。OGタグはGoogleのランキングに直接影響しませんが、ソーシャルシェアを通じてトラフィック、認知度、被リンクを間接的に促します。

必須のOGタグ

タグ	目的	例
og:title	シェア時のタイトル	「SEO初心者完全ガイド」
og:description	シェア時の説明	「SEOの基礎を...から学ぶ」
og:image	プレビュー画像	1200×630px推奨
og:url	カノニカルなページURL	https://inblog.ai/ko/blog/seo-guide
og:type	コンテンツの種類	article、website

OGタグのベストプラクティス

• og:title: 切り詰めを避けるため60〜90文字にします。HTMLのタイトルタグと異なっていてもかまいません。
• og:description: クリックを誘うフックとともに中核となる内容を要約し、200文字以内にします。
• og:image: 最小1200×630px（1.91:1の比率）。テキストのオーバーレイは画像面積の20%未満に抑えます。ページごとに固有の画像を使いましょう。

プレビューのデバッグ

• Facebook: シェアデバッガー — OGタグを解析し、キャッシュを更新する
• X: カードバリデーター — Twitterカードをプレビューする
• LinkedIn: Post Inspector — LinkedInのシェアプレビューを確認する
• KakaoTalk: 開発者ツールのキャッシュリセット

よくある間違い

• og:imageの欠落: 画像のないシェアは、CTRが劇的に低くなります。
• 小さい画像: 1200×630px未満だと、プレビューが切り取られたりぼやけたりします。
• 古いキャッシュ: OGタグを更新したら、変更を反映させるためにプラットフォームのキャッシュを更新します。

Sources:

• The Open Graph Protocol — ogp.me
• Open Graphメタタグ: 知っておくべきすべて — Ahrefs
• Open Graphタグでソーシャルエンゲージメントを高める方法 — Semrush