Core Web Vitals 2026年版 LCP・INP・CLSの改善がAIO引用率を高める理由
「Webサイトを最適化したのに、AI検索の回答欄に自社サービスが引用されない」というお悩みをお持ちの方は少なくありません。その背景には、従来のSEO施策では見落とされがちな「ページパフォーマンス」の問題が潜んでいるケースがあります。
本記事では、Googleが定める3つのパフォーマンス指標であるCore Web Vitals（LCP・INP・CLS）が、AIO（AI Overview）によるAI引用とどのような因果関係にあるのかを体系的に解説します。単なる指標の定義説明にとどまらず、「クローラーが正しく読み取れないページはAIにも参照されにくい」という論理を軸に、画像最適化・JavaScript削減・サーバー応答速度などの技術的施策をAIO対策の文脈で位置づけます。後半ではGoogle Search Consoleを使った計測フローから改善優先順位の決め方、制作会社への依頼ポイントまで、実務に直結する内容で解説します。
1. Core Web VitalsとAIO（AI Overview）の基礎知識
1-1. Core Web Vitalsとは何か
Core Web Vitals（コアウェブバイタル）とは、Googleがユーザー体験の質を数値化するために定めた3つの指標群です。2020年に発表され、2021年6月より検索順位の評価指標として正式に組み込まれました。現在、全世界のWebサイトのうち約53%がこの基準を満たせていないとされており、Core Web Vitalsの改善はSEO・AIO双方において重要な差別化要因となっています。
3つの指標はそれぞれ「ページの読み込み速度」「インタラクションへの応答性」「視覚的安定性」という、ユーザーが実際に体感する品質を測定します。指標の評価はGoogleのChromeブラウザを通じて収集されたリアルユーザーのデータ（CrUX：Chrome User Experience Report）を基に算出され、訪問者の75パーセンタイル値で判定されます。
1-2. AIO（AI Overview）とは何か
AIO（AI Overview）とは、Googleの検索結果ページ上部に表示される、AIが生成した回答サマリー機能です。複数のWebページの情報を統合して簡潔な回答を生成し、ユーザーは各サイトを個別に訪問しなくても情報を得られるようになっています。
AIOに自社ページが「情報源」として引用されることは、従来のSEOにおける上位表示とは異なる新たな集客・認知獲得の機会となります。一方、引用されなければユーザーが自社ページを目にする機会そのものが減少するリスクがあります。このため、AIに「参照すべき信頼性の高い情報源」と評価されるためのAIO対策が、ホームページ運用において重要性を増しています。
1-3. Core Web VitalsとAIO対策の接点
Core Web VitalsとAIO対策は、一見無関係に思えますが、実際には共通の基盤を持っています。それは「Googleのクローラーがページを正確に読み取れる状態（クローラビリティ）」という要件です。
表示速度が遅いページや、JavaScriptの過剰な使用によってコンテンツの読み込みが遅延するページは、クローラーがコンテンツを正確に把握しにくい状態に陥ります。クローラーが適切に読み取れないページは、当然ながらAIが参照する際にも情報の正確性が損なわれる可能性があります。Googleがページエクスペリエンスを評価するCore Web Vitalsは、SEO評価の向上だけでなく、AIOによる引用可能性を高めるための技術的基盤としても機能するのです。
AIO対策の全体像や、SEOとの違い・コンテンツ戦略・E-E-A-Tの強化方法については、「SEOだけでは通用しない？AI検索時代に勝つホームページ戦略」で体系的に解説しています。本記事はそのなかの「ページパフォーマンスとCore Web Vitals」に焦点を当てた内容です。
2. LCP（Largest Contentful Paint）の定義と改善がAIOに与える影響
2-1. LCPとは何か
LCP（Largest Contentful Paint）とは、ページの読み込みが開始されてから、画面内で最も大きなコンテンツ要素（ヒーロー画像・大きな見出しテキストなど）が表示されるまでの時間を測定する指標です。Googleが推奨する基準値は2.5秒以内で、2.5〜4.0秒は「改善が必要」、4.0秒超は「不良」と評価されます。
2026年現在、モバイルページにおけるLCPの合格率は約62%にとどまっており、Core Web Vitalsの3指標のなかで最も改善が難しい指標です。LCPに影響を与える主な要因は「サーバーの応答速度（TTFB）」「レンダリングをブロックするリソース」「画像ファイルのサイズと形式」の3つです。
2-2. LCPがAIO引用に影響するメカニズム
LCPが遅いページは、Googleのクローラーがページをレンダリングするタイミングでメインコンテンツを十分に認識できないリスクがあります。特に、ヒーロー画像の後ろに配置された本文テキストや見出しが遅延して表示される場合、クローラーはページの主要な情報を取得できないまま巡回を終えてしまう可能性があります。
AIOはクローラーが収集した情報を基に回答を生成します。したがって、LCPが改善されてクローラーが正確にページ内容を読み取れる状態になることで、AIが参照すべき情報を正しく認識し、引用される可能性が高まります。「ページの読み込みが速い＝クローラーが確実に情報を取得できる」という論理がAIO対策の観点からも重要です。
2-3. ホームページのLCP改善施策
LCPを改善するための主な技術的施策は以下のとおりです。
画像の最適化：ヒーロー画像をWebP形式やAVIF形式に変換することで、同等の画質をJPEGと比較して25〜35%小さいファイルサイズで実現できます。また、LCP要素となる画像にはfetchpriority=”high”属性を付与して優先的に読み込む設定が有効です。
サーバー応答速度（TTFB）の改善：Time to First Byte（TTFB）はサーバーが最初の1バイトのデータを返すまでの時間です。CDN（コンテンツデリバリーネットワーク）を導入してユーザーの地理的位置に近いサーバーからコンテンツを配信することで、TTFBを大幅に短縮できます。
レンダリングブロックの解消：CSSやJavaScriptのファイルがページの表示を遅延させている場合、非同期読み込みやdefer属性の設定によって改善できます。特に外部フォントの読み込みはfont-display: swapを設定することでLCPへの影響を軽減できます。
3. INP（Interaction to Next Paint）の定義と改善がAIOに与える影響
3-1. INPとは何か
INP（Interaction to Next Paint）とは、ユーザーがページ上でボタンクリック・フォーム入力・メニュー操作などのインタラクションを行ってから、次の画面更新（描画）が完了するまでの応答時間を測定する指標です。2024年3月に旧指標のFID（First Input Delay）に代わって正式採用されました。
Googleが推奨する基準値は200ミリ秒以内で、200〜500ミリ秒は「改善が必要」、500ミリ秒超は「不良」となります。FIDが「最初の操作への応答時間」のみを測定していたのに対し、INPは「ページ滞在中のすべての操作」の応答性を評価する点で大きく異なります。2026年現在、全サイトの約43%がINPの基準値を満たせておらず、Core Web Vitalsのなかで最も改善難易度が高い指標とされています。
3-2. INPがAIO引用に影響するメカニズム
INPはクローラーの巡回に直接影響を与える指標ではありませんが、ページエクスペリエンス全体の評価においてGoogleが重視する要素です。INPが低下する根本原因であるJavaScriptの過剰な実行は、ページのレンダリング遅延を引き起こし、結果としてクローラーがコンテンツを正確に解析できない状態を生じさせます。
特に、JavaScriptによって動的に生成されるコンテンツ（遅延読み込みの本文テキスト・JavaScript依存の見出し構造など）は、クローラーがページを巡回するタイミングによっては正しく認識されない可能性があります。INPを改善するためにJavaScriptを最適化することは、クローラビリティの向上を通じてAIO引用率の改善にも間接的に貢献します。
また、INPが良好なページは一般的にユーザーの滞在時間やエンゲージメントが高く、その結果として被リンク獲得やSNSでの拡散につながりやすい傾向があります。これらの要素はGoogleが評価するE-E-A-T（経験・専門性・権威性・信頼性）の向上にも寄与し、AIO引用の可能性を高める好循環を生みます。
3-3. ホームページのINP改善施策
INPを改善するための主な技術的施策は以下のとおりです。
JavaScriptの最適化：INPが悪化する最大の原因は、メインスレッドを長時間占有するJavaScriptの実行です。50ミリ秒を超えるタスクを分割し、優先度の低い処理はrequestIdleCallbackやscheduler.postTask()を使って非同期化することで改善できます。
不要なJavaScriptの削除：多くのWebサイトは実際には使用されない外部スクリプトやプラグインが多数読み込まれています。Google Tag Managerのタグ棚卸しや、Lighthouseの「不要なJavaScriptの削除」提案を参考に、不要なスクリプトを整理することが重要です。
サードパーティスクリプトの管理：広告・チャット・SNSウィジェットなどのサードパーティスクリプトはINPに大きな影響を与えます。必要性を精査し、遅延読み込みを活用して影響を最小化しましょう。
4. CLS（Cumulative Layout Shift）の定義と改善がAIOに与える影響
4-1. CLSとは何か
CLS（Cumulative Layout Shift）とは、ページの読み込み中に要素が予期せず移動する「レイアウトシフト」の累積量を測定する指標です。例えば、画像が遅れて読み込まれてテキストが突然ずれ下がる現象や、広告が挿入されてボタンの位置が変わりクリックミスが発生する現象がこれにあたります。
Googleが推奨する基準値は0.1未満で、0.1〜0.25は「改善が必要」、0.25超は「不良」となります。CLSは3指標のなかで合格率が最も高く、適切な実装さえ行えば比較的改善しやすい指標です。
4-2. CLSがAIO引用に影響するメカニズム
CLSが大きいページは、クローラーがページをレンダリングした時点とレイアウトが定まった時点でコンテンツの配置が異なる可能性があります。特に、widthやheight属性が指定されていない画像や動的に挿入される広告要素によってレイアウトシフトが発生する場合、クローラーが認識したコンテンツの構造が実際のページと乖離するリスクがあります。
コンテンツの構造がクローラーに正確に伝わらなければ、AIが回答生成に使用する情報の精度も低下します。「H2見出しの直後に配置したはずの定義文が、クローラーには別の位置にある要素として認識される」というケースは、AIO引用率に直接影響を与える可能性があります。CLS改善によってページレイアウトを安定させることは、クローラーとAIの双方に対してコンテンツ構造を正確に伝えるための技術的基盤となります。
4-3. ホームページのCLS改善施策
CLSを改善するための主な技術的施策は以下のとおりです。
画像・動画への寸法指定：すべての画像・動画要素にwidthとheight属性を明示的に指定することで、ブラウザが読み込み前からレイアウト上のスペースを確保できます。これはCLS改善において最も効果が高く、かつ実装が容易な施策です。
Webフォントの読み込み管理：Webフォントの読み込みが完了するまでの間、テキストが別のフォントで表示されてからフォント切り替えが起きる「FOUT（Flash of Unstyled Text）」現象がCLSを引き起こします。font-display: optionalまたはfont-display: swapの適切な設定と、<link rel=”preload”>によるフォントの先読みが有効です。
広告・動的コンテンツのスペース確保：バナー広告やチャットウィジェットなど、動的に挿入されるコンテンツは必ずスペースをあらかじめ確保してください。広告スロットにmin-heightを設定するなど、コンテンツが挿入されても周囲のレイアウトが動かない設計が重要です。
5. ページ速度とAIO引用率の因果関係を整理する
5-1. 「クローラーが読めないページはAIに引用されない」という論理
ここまでの内容を整理すると、Core Web VitalsとAIO引用率の関係は次の論理構造で説明できます。
まず、GoogleのAIOは検索エンジンのクローラーが収集したページ情報を基に回答を生成します。クローラーはJavaScriptを実行してページをレンダリングしますが、表示速度が遅かったり、JavaScriptが重すぎてレンダリングに時間がかかりすぎるページでは、クローラーが完全にコンテンツを把握する前に巡回を終える可能性があります。
次に、クローラーが取得した情報が不完全であれば、AIが参照する情報の質も低下します。正確な情報が取得できないページは「信頼性の低い情報源」として評価され、AIOの回答生成における参照優先度が下がります。逆に、Core Web Vitalsが良好で表示速度が速く、レイアウトが安定したページは、クローラーが確実にコンテンツを把握できるため、AIOの引用候補として評価される可能性が高まります。
5-2. ページエクスペリエンスとAI検索の相関
Googleは「ページエクスペリエンス（Page Experience）」というランキング要素をCore Web Vitalsの指標群によって評価しています。良好なページエクスペリエンスは、単に検索順位の維持・向上に貢献するだけでなく、AIOがページを参照・引用するかどうかの判断にも影響を与えます。
具体的な相関として、Core Web Vitalsが全指標で「良好」の評価を受けているページは、そうでないページと比較して直帰率が平均24%低く、ユーザーエンゲージメントが高い傾向があります。エンゲージメントの高さはGoogleが評価するコンテンツの価値指標のひとつであり、間接的にAIO引用率の向上につながります。
また、ページ速度の改善はモバイルファーストインデックスへの適合という観点でも重要です。Googleはスマートフォンでの表示・操作性を基準にサイト評価を行っており、モバイル環境でのCore Web Vitals改善はSEO・AIO双方において最優先で取り組むべき施策です。
5-3. 技術的SEO施策がAIO対策と直結する理由
「技術的なページ最適化はSEOの話であり、コンテンツの質とは別の問題だ」と考える方もいるかもしれません。しかし、AIO対策においてはこの考え方は正確ではありません。
AIが回答を生成する際、情報の価値を判断する要素は「コンテンツの質（内容の正確さ・網羅性・専門性）」と「技術的な品質（クローラビリティ・ページエクスペリエンス・構造化データの実装）」の両輪です。どれほど優れたコンテンツを作成しても、クローラーが正確に読み取れない技術的な問題があれば、AIはその価値を正しく評価できません。Core Web Vitalsの改善は、コンテンツの価値をAIに正確に伝えるための「橋渡し」として機能します。
6. Google Search Consoleを使ったCore Web Vitals計測と改善フロー
6-1. Google Search ConsoleでCore Web Vitalsレポートを確認する
Google Search Console（GSC）は、自社Webサイトのパフォーマンスを無料で確認できるGoogle公式ツールです。左メニューの「ページエクスペリエンス」→「ウェブに関する主な指標」から、各ページのCore Web Vitalsの評価状況を確認できます。
GSCのCore Web Vitalsレポートでは、URLごとに「良好」「改善が必要」「不良」の3段階で評価が表示されます。問題のあるURLは指標別にグループ化されて一覧表示されるため、どの指標のどのURLを優先的に改善すべきかを把握しやすくなっています。
ただし、GSCのデータはChromeブラウザを使用した実際のユーザーの計測値（フィールドデータ）を基にしているため、アクセス数が少ないページでは「データが不足しています」と表示されることがあります。その場合はPageSpeed Insights（pagespeed.web.dev）でURLを直接計測し、ラボデータを参照してください。
6-2. PageSpeed Insightsによる詳細診断
PageSpeed Insightsは、URLを入力するだけでモバイル・PC両方のCore Web Vitalsスコアと具体的な改善提案を確認できるツールです。診断結果は「改善の機会」と「診断」の2つのセクションに分かれており、各問題の改善による効果の見込みも表示されます。
診断結果に表示される主な改善提案とその対応関係は次のとおりです。
- 「レンダリングをブロックしているリソースの除去」：LCP・INP双方に影響
- 「適切なサイズの画像の使用」「次世代フォーマットでの画像配信」：LCPの改善に直結
- 「画像の幅・高さの設定」：CLSの改善に対応
- 「不要なJavaScriptの削減」：INPとLCPの両方に影響
6-3. 改善優先順位の決め方
Core Web Vitalsの3指標すべてを同時に改善することが理想ですが、限られたリソースで優先順位をつける場合の基本的な考え方は「LCP→CLS→INP」の順序です。
LCPを最優先とする理由は、LCPの改善（主に画像最適化・CDN導入・サーバー応答速度改善）がAIO引用率への直接的な影響が最も大きく、かつ施策の効果が比較的短期間で現れやすいためです。次にCLSは、画像への寸法指定やフォント設定といった比較的実装コストが低い施策で改善できます。INPはJavaScriptのアーキテクチャに踏み込む改善が必要なケースが多く、エンジニアの工数を要するため最後に位置づけることが現実的です。
ただし、GSCのレポートでINPのみが「不良」と評価されている場合や、ECサイト・フォーム入力が多いインタラクティブなページではINPを優先することも検討してください。
7. 制作会社への依頼時のポイントとフォー・クオリアへのご相談
7-1. Core Web Vitals改善を制作会社に依頼する際の確認事項
Core Web Vitalsの改善には、ページの実装レベルに踏み込んだ技術的な対応が必要です。社内にエンジニアリソースがない場合や、CMS（コンテンツ管理システム）の構造に深く依存する問題がある場合は、Webサイト制作・運用の専門会社に依頼することが合理的な選択です。
制作会社に依頼する際には、以下の点を事前に確認することをおすすめします。
- Core Web VitalsおよびPageSpeed Insightsの診断結果の読み解きと改善計画の立案ができるか
- LCP改善のための画像最適化・CDN導入・サーバーチューニングの実績があるか
- INP改善のためにJavaScriptの構造最適化に対応できるエンジニアが在籍しているか
- 改善後のCore Web VitalsスコアをGSCで継続モニタリングする運用体制があるか
7-2. AIO対策としてのCore Web Vitals改善に取り組む際の注意点
Core Web Vitalsの改善を行う際は、技術的施策と並行してコンテンツの質の向上にも取り組むことが重要です。ページ速度がいくら改善されても、AIOに引用されるためにはE-E-A-T（経験・専門性・権威性・信頼性）の観点から評価されるコンテンツが不可欠です。
また、Core Web Vitalsの改善効果は即座に現れるわけではありません。GSCのChromeユーザーエクスペリエンスレポート（CrUX）は28日間の移動平均で更新されるため、施策実施後に評価が「良好」に変化するまでには最低1か月程度を見込む必要があります。改善施策の実施前後のスコアをGSCやPageSpeed Insightsで記録しておくことで、効果の検証がスムーズになります。
7-3. フォー・クオリアが提供するCore Web Vitals改善・AIO対策支援
フォー・クオリアは、Webサイト制作実績20,000件以上を誇るWeb制作会社として、製造業・金融・不動産・大学・官公庁など多岐にわたる業界のサイト構築・運用を担当してきました。Core Web Vitalsの改善においても、PageSpeed Insightsの診断から画像最適化・CDN導入・JavaScript削減・サーバー設定の最適化まで、一貫した技術対応が可能です。
また、フォー・クオリアはシステムやアプリケーション開発の事業も展開しており、INP改善で必要となるJavaScriptアーキテクチャの最適化など、高度な技術的要件にも対応できることが強みです。SEO・AIO対策の観点からサイト全体を俯瞰した改善計画の立案から実装・効果測定まで、Web担当者の方々を幅広くサポートいたします。
自社のWebサイトのCore Web Vitalsスコアが気になる方、AIO対策としてページパフォーマンスの改善を検討されている方は、ぜひフォー・クオリアにご相談ください。現状の課題を無料で診断し、貴社の状況に合わせた改善提案をご提供します。
まとめ｜Core Web VitalsはAIO引用率を高める技術的基盤
本記事では、Core Web Vitalsの3指標（LCP・INP・CLS）とAIO引用率の因果関係について解説しました。
LCPはページの読み込み速度を示す指標であり、クローラーがコンテンツを確実に取得できる環境を整えることでAIO引用率の向上に貢献します。INPはユーザーのインタラクションへの応答性を測定する指標であり、JavaScriptを最適化することでクローラビリティの向上と間接的なE-E-A-T向上につながります。CLSはページレイアウトの安定性を示す指標であり、コンテンツ構造をクローラーに正確に伝えるための基盤となります。
「クローラーが正しく読み取れないページはAIにも参照されにくい」という論理に基づき、Core Web Vitalsの改善はコンテンツの価値をAIに正しく評価させるための技術的な前提条件です。Google Search Consoleでの定期的な計測と「LCP→CLS→INP」の優先順位を意識した改善を継続することで、SEOとAIO双方の評価向上を同時に目指すことができます。
ページパフォーマンスの改善やAIO対策の進め方についてご不明な点がある場合は、Web制作の専門家であるフォー・クオリアにお気軽にご相談ください。豊富な制作・運用実績を活かし、貴社のWebサイトのパフォーマンス改善とAI検索時代に対応した集客強化をサポートします。
