Core Web Vitalsとは？Googleが評価するページ体験指標と改善方法

Webサイトを作ったけれど、なかなか検索上位に表示されない——そんな悩みを抱える方の中に、「Core Web Vitals（コアウェブバイタルズ）」という言葉を聞いたことがある方も多いのではないでしょうか。

Core Web Vitalsとは、Googleがユーザーの「ページ体験」を評価するために設定した3つの指標のことです。2021年以降、これらの指標はGoogle検索のランキング要素のひとつとして正式に採用されており、SEO対策を行う上で無視できない重要な基準となっています。

この記事では、Core Web Vitalsの基本的な意味から、各指標の詳しい解説、そして具体的な改善方法まで、Web制作やマーケティングに馴染みのない方にもわかりやすく解説していきます。

Core Web Vitalsとは？基本をわかりやすく解説

Core Web Vitals（コアウェブバイタルズ）とは、Googleが「ユーザーにとって快適なページ体験とは何か」を数値で表すために定めた3つのWebパフォーマンス指標です。

「Core（核心・中核）」「Web（ウェブ）」「Vitals（バイタルサイン・生命徴候）」という言葉が組み合わさったこの名前が示すように、Webサイトの「健康状態」を測る重要な基準です。

Googleはかねてよりユーザー体験を重視したアルゴリズムアップデートを繰り返してきましたが、2021年6月の「ページエクスペリエンスアップデート」によって、Core Web Vitalsが正式に検索ランキングの評価指標に加わりました。

つまり、サイトのデザインや内容だけでなく、「使いやすさ・快適さ」も検索順位に影響する時代になったということです。

3つの指標の概要

Core Web Vitalsは以下の3つの指標で構成されています：

指標	読み方	測定するもの
LCP	エルシーピー	ページの読み込み速度
INP	アイエヌピー	ユーザー操作への応答性
CLS	シーエルエス	レイアウトの安定性

それぞれについて、次のセクションで詳しく見ていきましょう。

3つの指標を詳しく解説

1. LCP（Largest Contentful Paint）—— ページの読み込み速度

LCP（エルシーピー）は、「最大コンテンツの描画」を意味し、ページを開いてから最も大きなコンテンツ（画像やテキストブロックなど）が表示されるまでの時間を計測します。

わかりやすく言うと、「ページを開いてから、メインの内容が見えるまでどれくらいかかるか」を表す指標です。

Googleの評価基準：
– 2.5秒以内 → 良好（Good）
– 2.5〜4秒 → 要改善（Needs Improvement）
– 4秒以上 → 不良（Poor）

表示が遅いと、ユーザーは「このサイト、重いな」と感じて離脱してしまいます。実際、ページの読み込みが1秒遅くなるだけで、コンバージョン率が数パーセント低下するというデータも存在します。

LCPを悪化させる主な原因：
– 画像ファイルのサイズが大きすぎる
– サーバーの応答速度が遅い
– 読み込みをブロックするJavaScriptやCSSがある
– CDN（コンテンツ配信ネットワーク）を使っていない

2. INP（Interaction to Next Paint）—— 操作への応答性

INP（アイエヌピー）は「次の描画までのインタラクション」の略で、ユーザーがボタンをクリックしたり、リンクをタップしたりしたときに、画面がどれだけ素早く反応するかを測定します。

以前はFID（First Input Delay）という指標が使われていましたが、2024年3月にINPへと置き換えられました。FIDが「最初の操作への応答」のみを測定していたのに対し、INPはページ滞在中のすべての操作を評価するため、より実態に即した指標となっています。

Googleの評価基準：
– 200ミリ秒以内 → 良好（Good）
– 200〜500ミリ秒 → 要改善（Needs Improvement）
– 500ミリ秒以上 → 不良（Poor）

200ミリ秒は0.2秒。人間が「遅い」と感じはじめる閾値に近い数値です。ボタンを押しても反応が遅いサイトはストレスを与え、離脱率の上昇につながります。

INPを悪化させる主な原因：
– 大量のJavaScriptが処理を占有している
– 不必要なサードパーティスクリプトが多い（広告タグ・チャットツールなど）
– メインスレッドが長時間ブロックされている

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

CLS（シーエルエス）は「累積レイアウトシフト」の略で、ページの読み込み中に画面のレイアウトがどれだけズレるかを測定します。

皆さんもこんな経験はありませんか？　スマートフォンでWebページを見ていて、「この記事を読もう」とタップしたら、突然広告が読み込まれてコンテンツが押し下げられ、違うリンクを押してしまった——。これがまさにLayout Shift（レイアウトシフト）です。

Googleの評価基準：
– 0.1以下 → 良好（Good）
– 0.1〜0.25 → 要改善（Needs Improvement）
– 0.25以上 → 不良（Poor）

CLSのスコアは「どの程度ズレたか（距離）」×「ズレた要素の画面占有率」で計算されます。スコアが低いほど安定したレイアウトを意味します。

CLSを悪化させる主な原因：
– サイズが指定されていない画像や動画
– 遅れて読み込まれる広告・埋め込みコンテンツ
– Webフォントの読み込みによるテキストのズレ
– JavaScriptで後から要素を追加するUI

Core Web Vitalsを改善するメリット

Core Web Vitalsを改善すると、具体的にどんなメリットがあるのでしょうか？

メリット1：SEO（検索順位）の向上

最も直接的なメリットです。Googleは検索ランキングの決定において、Core Web Vitalsのスコアを評価しています。コンテンツの品質が同等であれば、ページ体験スコアの高いサイトが優位に立つ可能性があります。

特に競合が多い業界やキーワードでは、こうした技術的なSEO対策の差が順位に影響することがあります。

メリット2：ユーザー体験の向上と離脱率の低下

Core Web Vitalsが改善されると、サイトの使いやすさが向上します。

ページが素早く表示される → ストレスなく閲覧できる
ボタンがすぐ反応する → スムーズに操作できる
レイアウトがズレない → 誤タップが減る

これらの改善は直接的にユーザー満足度を高め、離脱率の低下やページ閲覧数の増加につながります。

メリット3：コンバージョン率の改善

Googleの研究によれば、Core Web Vitalsのスコアが改善されると、ユーザーのセッション離脱率が減少し、コンバージョン率（問い合わせ・購入・資料請求など）が向上するという相関関係が報告されています。

ECサイトや問い合わせフォームを持つビジネスサイトでは特に大きな効果が期待できます。

メリット4：モバイルユーザーへの対応強化

スマートフォンからのWebアクセスが主流となった現代において、Core Web VitalsはモバイルユーザーのUX（ユーザー体験）改善にも直結します。モバイルネットワークは不安定なことも多く、LCPやCLSの改善効果が特に顕著に現れやすいです。

Core Web Vitalsのスコアを確認する方法

自社サイトのCore Web Vitalsのスコアは、以下の無料ツールで確認できます。

Google Search Console

Google Search Consoleの「ページエクスペリエンス」レポートでは、自サイト全体のCore Web Vitalsの状況を確認できます。どのページが「良好」「要改善」「不良」なのかを一覧で把握できるため、改善の優先度付けに役立ちます。

PageSpeed Insights

Googleが提供するPageSpeed Insightsは、URLを入力するだけでモバイル・PCそれぞれのCore Web VitalsスコアとSEOスコアを確認できる便利なツールです。改善の具体的なアドバイスも表示されるため、初めて確認する方にもおすすめです。

Chrome DevTools / Lighthouse

ブラウザのGoogle Chromeに内蔵された開発者ツール（DevTools）のLighthouseタブでも、ページのパフォーマンスを詳しく測定できます。本番公開前のチェックにも活用できます。

Core Web Vitalsの具体的な改善方法

スコアを改善するために、よく行われる施策をご紹介します。

LCPの改善策

画像の最適化：WebPなどの軽量フォーマットへの変換、適切なサイズへのリサイズ
遅延読み込み（Lazy Load）の活用：スクロールしないと見えない画像を最初から読み込まない
サーバー応答速度の改善：高品質なホスティングへの移行、キャッシュの活用
CDNの導入：ユーザーの近くのサーバーからコンテンツを配信する

INPの改善策

不要なJavaScriptの削除・遅延読み込み
サードパーティスクリプトの見直し：広告タグや外部ウィジェットを精査する
コードの最適化：処理の重い関数を分割・非同期化する

CLSの改善策

画像・動画にサイズを指定する：widthとheight属性を必ず記述する
広告スペースにプレースホルダーを設ける：読み込み前からスペースを確保する
Webフォントの最適化：font-display: swapの活用、プリロードの設定

まとめ：Core Web Vitalsはサイトの「健康診断」

Core Web Vitalsは、Googleがユーザー体験を定量化するために生み出した3つの指標——LCP（読み込み速度）・INP（操作応答性）・CLS（レイアウト安定性）——からなります。

これらの指標が示すのは、「良いコンテンツがあっても、使いにくいサイトでは意味がない」というGoogleの姿勢です。検索上位を目指すには、良質なコンテンツと同時に、ユーザーが快適に閲覧できる技術的な品質も求められる時代になっています。

まずはPageSpeed InsightsやGoogle Search Consoleで自社サイトの現状をチェックし、スコアが低い部分から改善を始めてみましょう。