Core Web Vitals 2026完全ガイド｜LCP・INP・CLSを改善してSEOを強化する方法

Webサイトを作ったのに検索順位が上がらない、またはライバルサイトに差をつけられている場合、Core Web Vitals（コアウェブバイタル）が原因の一つになっている可能性があります。

Core Web VitalsはGoogleが定める「ユーザー体験の品質指標」であり、2021年からGoogle検索の公式ランキング要因に組み込まれています。2026年現在も、この指標はSEO対策において無視できない重要要素であり続けています。

この記事では、Core Web Vitalsの3つの指標（LCP・INP・CLS）を初心者向けに分かりやすく解説し、今すぐ取り組める改善手順を整理します。

Core Web Vitalsとは何か

Core Web Vitalsとは、Googleが定めた「Webページのユーザー体験を数値で測るための3つの指標」です。ページの読み込み速度・操作の応答性・レイアウトの安定性を定量的に評価します。

2021年にGoogle検索のランキング要因に正式採用され、2024年にはFID（初回入力遅延）がINP（インタラクション応答速度）に置き換えられました。現在の3指標は以下のとおりです。

3つの指標を理解する

① LCP（Largest Contentful Paint）—— 最大コンテンツの描画速度

ページを開いてから、画面内で最も大きなコンテンツ（メイン画像やテキストブロック）が表示されるまでの時間です。ユーザーが「ページが読み込まれた」と感じるタイミングに直結します。

• Good（良好）：2.5秒以内
• Needs Improvement（改善が必要）：2.5〜4.0秒
• Poor（不良）：4.0秒超

② INP（Interaction to Next Paint）—— インタラクション応答速度

ボタンのクリックやフォームへの入力など、ユーザーの操作に対してページが視覚的に反応するまでの時間です。2024年3月にFIDを置き換えた新しい指標で、より広い操作の反応性を評価します。

• Good（良好）：200ms以内
• Needs Improvement（改善が必要）：200〜500ms
• Poor（不良）：500ms超

③ CLS（Cumulative Layout Shift）—— レイアウトの安定性

ページ読み込み中に要素が予期せずずれる「レイアウトシフト」の累積量を表す指標です。広告画像や遅延読み込みの要素が後から表示されてコンテンツが動く現象を数値化します。

• Good（良好）：0.1以下
• Needs Improvement（改善が必要）：0.1〜0.25
• Poor（不良）：0.25超

比較で見る｜3指標の特性と優先度

なぜ2026年もCore Web VitalsがSEOで重要なのか

Googleは「ユーザーにとって良いページを上位表示する」という原則を継続的に強化しています。AI検索（SGE）が普及した2026年においても、ページの読み込み体験はAIが情報源として引用する際の信頼性評価にも影響するとされています。

また、モバイルでの閲覧が主流になった現在、スマートフォンでの体験品質を数値で担保しておくことは、SEOだけでなく直帰率や問い合わせ率の改善にも直結します。

どうやって計測するか

まず以下の無料ツールで自分のサイトを確認してください。

• PageSpeed Insights：URLを入力するだけで各指標のスコアと改善案を確認できます。フィールドデータ（実ユーザーのデータ）と、ラボデータ（テスト環境）の両方が確認できます。
• Google Search Console：「ウェブに関する主な指標」レポートで、実際の訪問者のCore Web Vitalsスコアをページ単位で確認できます。SEO対策には、このフィールドデータを優先して見てください。
• Chrome DevTools（Lighthouseタブ）：ブラウザ上で詳細なパフォーマンス分析ができます。技術担当者向けです。

LCP（読み込み速度）を改善する主な方法

1. 画像ファイルを最適化する：WebP形式への変換と適切なサイズ指定が最も即効性の高い改善です。メインビジュアルの画像は100KB以下を目安にします。
2. ファーストビューの画像にloading="eager"を指定する：遅延読み込みをファーストビュー外の画像だけに限定します。
3. サーバーのレスポンスを改善する：CDN（コンテンツ配信ネットワーク）の利用やサーバーの見直しにより、TTFB（最初のバイト到達時間）を短縮します。
4. レンダリングをブロックするCSSやJSを整理する：不要なスクリプトの読み込みを遅延させ、ページ表示の優先度を正しく設定します。

INP（操作応答性）を改善する主な方法

1. 重いJavaScript処理を分割する：メインスレッドを長時間占有するタスク（50ms超のLong Task）を特定し、分割または遅延実行します。
2. 不要なサードパーティスクリプトを削除する：チャットウィジェット、広告タグ、分析ツールの多重読み込みがINPを悪化させる主要因です。
3. イベントリスナーを最適化する：クリックやキー入力のイベント処理を軽量にし、画面更新をすみやかに行います。

CLS（レイアウト安定性）を改善する主な方法

1. 画像・動画にwidth/heightを明示する：HTMLまたはCSSでサイズを指定するだけでレイアウトシフトを大幅に防げます。最も手軽な改善方法です。
2. 広告スペースに固定サイズを確保する：広告が表示される前の空白スペースをあらかじめ確保しておきます。
3. Webフォントの読み込み方法を見直す：フォントの差し替えによるテキストの移動を防ぐために、font-display: optionalまたはswapを使い分けます。
4. 動的に追加されるコンテンツを制御する：バナーや通知バーは既存コンテンツを押し下げないよう、オーバーレイ表示を優先します。

よくある質問

Q. Core Web VitalsのスコアがPageSpeed Insightsで良くても、Search Consoleでは低い評価になることがあります。なぜですか？

A. PageSpeed InsightsのラボデータはテストPC環境での計測で、実際のユーザーの環境（低速スマートフォンや不安定な回線）とは異なります。Search Consoleのフィールドデータは実ユーザーの体験値なので、こちらを改善の基準にしてください。

Q. Core Web Vitalsだけ改善すれば検索順位が上がりますか？

A. Core Web VitalsはSEO評価の一要素です。コンテンツの品質・内部リンク・被リンクなど複数の要因と合わさって順位が決まります。ただし、ライバルサイトとコンテンツ品質が同程度の場合、Core Web Vitalsの差が順位の差に直結することがあります。

Q. WordPressサイトはCore Web Vitalsを改善しやすいですか？

A. WordPressは画像最適化プラグイン（例：ShortPixel、Smush）やキャッシュプラグイン（例：WP Rocket）を活用することで、技術知識が少なくてもLCPとCLSの改善に取り組みやすい環境です。INPの改善はテーマやプラグインの精査が必要なケースもあります。

Q. スマートフォンとPCでスコアが大きく違うのはなぜですか？

A. Googleはモバイルのスコアを基準に評価します。スマートフォンはCPU性能が低く通信速度も不安定なため、PC向けに最適化されたサイトはモバイルでスコアが下がりやすいです。モバイルファーストの設計・最適化が基本です。

Core Web Vitals改善の進め方

まず計測して課題を特定し、LCPから優先順位をつけて取り組みます。

初心者がやりがちな失敗

• PageSpeed InsightsのPC版スコアのみを見て、モバイルのスコアを確認しない。
• 画像を圧縮せずにそのままアップロードし続ける。
• サードパーティのチャットツールや広告タグを追加するたびにINPが悪化しているのに気づかない。
• CLSの原因となるimg要素にwidth/heightを指定しないまま放置する。
• スコアの改善だけを目指し、実際のユーザーのフィールドデータを確認しない。

即対応チェックリスト

• PageSpeed InsightsでモバイルのLCP・INP・CLSのスコアを確認している。
• メインビジュアル（ファーストビュー）の画像をWebPに変換し、ファイルサイズを最適化している。
• すべてのimgタグにwidth属性とheight属性を指定している。
• 使用していないサードパーティスクリプト（チャット・広告タグ）を削除または遅延読み込みに変更している。
• Google Search Consoleの「ウェブに関する主な指標」レポートで「不良」ページがないか定期確認している。

まとめ

Core Web Vitalsの3指標（LCP・INP・CLS）は、Google検索の評価に直結するユーザー体験の数値指標です。まずPageSpeed InsightsとSearch ConsoleでモバイルのPoorページを確認し、LCPの画像最適化から着手するのが最も効率的な進め方です。

技術的な改善が必要なケースや、リニューアルと合わせてCore Web Vitals対応を進めたい場合は、お気軽にご相談ください。現状の課題を整理した上で、最適な対応方法をご提案します。