「なんとなく設定した」OGPがAIの評価を左右していた
正直に言うと、最初にYoast SEOでOGPを設定したとき、私はほとんど意味を理解していませんでした。
「なんか入力欄があるから埋めておくか」くらいの感覚です。ところがある日、自分の記事をXでリポストしたら、アイキャッチ画像とタイトル・説明文がきれいなカード形式で表示されました。「あ、これのためにあの設定があったのか」と、そのとき初めて腑に落ちた記憶があります。
でもそれはまだ「SNS映えのための設定」という理解止まりでした。AI検索が普及した今、OGPタグにはもうひとつ重要な役割があることがわかってきました。
OGPタグは、AIへの自己紹介文でもあるのです。
OGPとは何か――SNSカード表示の仕組み
OGP（Open Graph Protocol）は、FacebookがWebページのメタ情報を構造化するために策定した仕様です。HTMLの <head> 内に記述するメタタグで、ページのタイトル・説明・画像・URLなどを明示します。
XやSlack、LINEなどでURLを貼り付けたとき、リンクカードとしてタイトルと画像が表示されますよね。あれはそれぞれのプラットフォームがOGPタグを読み取って自動生成しています。OGPが設定されていないページは、タイトルだけが出たり、無関係な画像が引っ張られたりと、見た目がバラバラになりがちです。
基本的なOGPタグの構成はこのようになっています。
<meta property="og:title" content="記事タイトル" />
<meta property="og:description" content="記事の説明文" />
<meta property="og:image" content="https://yoursite.com/image.jpg" />
<meta property="og:url" content="https://yoursite.com/article/" />
<meta property="og:type" content="article" />AI時代におけるOGPの新しい重要性
ここからが本題です。OGPは単なるSNS表示のための設定ではなくなっています。
PerplexityやChatGPTはOGPを読んでいる
PerplexityやChatGPTの検索機能がページを参照するとき、HTMLのソースを読み込みます。このときOGPタグの情報も取得している可能性が高く、特に og:description の内容がAIの要約文や引用文に影響するケースがあります。
つまり、丁寧に書かれた og:description は、検索結果のスニペットだけでなくAIが生成する要約の素材にもなりうるということです。AIクローラーがページをどのように読み取るかについては、【保存版】AI検索はどうやってあなたのサイトを読んでいるのか？も参考にしてください。
og:titleの不一致はAIを混乱させる
og:title はページの正式名称としてAIが認識します。HTMLの <title> タグと内容がズレていると、「どちらが本当のタイトルか」をAIが判断しにくくなります。基本的には一致させておくか、OGP用に短くまとめたバージョンにするのがベターです。
og:typeでコンテンツの種別を伝える
og:type に article を指定しておくと、AIが「これはブログ記事だ」と判断しやすくなります。デフォルトの website のままだと、記事なのかトップページなのかが曖昧になります。投稿ページには必ず article を指定しましょう。
SNSシェア→トラフィック→AI評価という間接効果
OGP画像の質がXやFacebookでのクリック率に直結します。シェアされた記事へのトラフィックが増えると、AIが「このページは注目されている」と評価しやすくなるという間接的な流れもあります。アイキャッチ画像の設計はSEOとAI最適化の両方に効いてくるということです。
各タグの役割と設定のポイント
| タグ | 役割 | 設定のポイント |
|---|---|---|
og:title |
ページのタイトル | titleタグと一致させる。長くても60文字以内 |
og:description |
ページの説明文 | AIの要約素材になりうる。120〜160文字で丁寧に書く |
og:image |
シェア時に表示される画像 | 1200×630px推奨。アイキャッチと共通でOK |
og:url |
ページの正規URL | canonicalタグと一致させる |
og:type |
コンテンツの種別 | 投稿ページは article、トップは website |
Twitter Card（X Card）も忘れずに
Xでのカード表示はOGPとは別に twitter: 系のメタタグが必要です。ただし、Xは現在OGPタグをフォールバックとして読む仕様になっているため、最低限以下だけ追加しておけばOKです。
<meta name="twitter:card" content="summary_large_image" />
<meta name="twitter:site" content="@youraccount" />summary_large_image を指定すると、大きな画像カード形式で表示されます。記事系コンテンツはこちらを推奨します。
WordPressでの実装方法
WordPressで Yoast SEO を使っている場合、OGPとTwitter Cardは自動で出力されます。設定画面から以下を確認・入力するだけで対応できます。
- Yoast SEO → ソーシャル → Facebook：OGデフォルト画像を設定
- Yoast SEO → ソーシャル → Twitter：Twitter Cardを有効化
- 各記事の編集画面 → Yoastサイドバー → ソーシャル：記事ごとのog:titleとog:descriptionを入力
Rank Math を使っている場合も同様の設定画面があります。どちらのプラグインも未設定の場合はSEOタイトルとメタディスクリプションが自動的にフォールバックされますが、記事ごとに個別設定した方がAI最適化の観点からは確実です。
メタタグ全体のAI最適化については、【2026年版】AIクローラーに最適化されたメタタグの書き方も合わせて読んでみてください。
OGPの確認・デバッグ方法
設定後は必ず表示確認をしましょう。以下のツールを使うと、実際にどう見えるかをURL入力だけで確認できます。
- Facebook Sharing Debugger（developers.facebook.com/tools/debug）：OGPタグの読み取り結果とエラーを確認できます。キャッシュのリフレッシュもここから行えます。
- Card Validator（X）（cards-dev.twitter.com/validator）：XでのTwitter Cardの表示を確認できます。
- OGP確認ツール（ogp.biz）：日本語対応でシンプルに確認できます。
記事を更新したあとはFacebook Sharing Debuggerで必ずキャッシュをリフレッシュしておくと、古いOGP情報が残るトラブルを防げます。
今日からできるOGP設定チェックリスト
| 確認項目 | 難易度 |
|---|---|
| og:titleをtitleタグと一致させている | ★☆☆ |
| og:descriptionを120〜160文字で丁寧に書いている | ★☆☆ |
| og:imageに1200×630pxの画像を設定している | ★☆☆ |
| og:typeに記事ページはarticleを指定している | ★☆☆ |
| og:urlとcanonicalタグが一致している | ★★☆ |
| twitter:cardにsummary_large_imageを指定している | ★☆☆ |
| Facebook Sharing Debuggerで表示確認済み | ★☆☆ |
まとめ：OGPはSNS設定ではなくAIへの自己紹介文
「なんとなく設定した」で止まっていたOGPタグですが、AI検索が普及した今、その役割は大きく広がっています。SNSでのカード表示を整えることはもちろん、AIがページを正しく理解・引用するための情報を渡すという観点でも、OGPは欠かせない設定です。
特に og:description は丁寧に書くだけでAIの要約品質に影響する可能性があります。まだ各記事に個別設定していない方は、まずここから始めてみてください。
E-E-A-Tの整備と組み合わせることで、AIに「信頼できるページ」として認識される土台がより強固になります。E-E-A-TをAI時代に最適化する実践ガイドもあわせて参考にしてください。
参考文献
- The Open Graph protocol – ogp.me
- Sharing Best Practices for Websites & Mobile Apps – Meta for Developers
- About Twitter Cards – X Developer Platform
- Introduction to structured data – Google Search Central
※ 本記事はAI観測ラボが独自に調査・検証した内容をもとに執筆しています。
あなたのサイトは、
AIに見えていますか？
URLを入力するだけで30秒。8項目を自動診断し、優先度別の改善プランを提示します。完全無料・登録不要。
