コラムColumn

Core Web Vitalsとは?LCP・INP・CLSの基準と改善方法、SEOへの影響を解説

「Search ConsoleにCore Web Vitalsの『不良』と表示されているが、何をすればよいか分からない」「LCPやINPといった言葉が難しく、改善の優先順位がつけられない」と悩む担当者は少なくありません。Core Web Vitalsは、Googleがページの使いやすさを評価するために定めた指標であり、SEOとユーザー体験の両方に関わります。

一方で、指標の意味と測定方法を理解すれば、どこに問題があり、何から手を付けるべきかは明確になります。専門的な用語が多いものの、基本を押さえれば担当者が自ら改善の方向性を判断できるようになります。

本記事では、Core Web Vitalsの3つの指標と合格基準、SEOへの影響、測定方法、指標別の改善方法、改善を進める手順と注意点までを順番に解説します。自社サイトの表示速度や使いやすさを見直したい方は、改善の判断材料として活用してください。

確認したいポイント結論詳細
Core Web Vitalsとは何の指標?ページの使いやすさを測るGoogleの指標読み込みの速さ(LCP)、操作への応答(INP)、表示の安定性(CLS)の3つでユーザー体験を評価します。
合格基準と測定方法は?LCP2.5秒以内・INP200ミリ秒未満などCLSは0.1未満が良好です。Search ConsoleやPageSpeed Insightsで実際のユーザーのデータを確認します。
どうやって改善すればよい?不良の指標ごとに原因を切り分けて対策LCPは画像やサーバー、INPはJavaScript、CLSは画像サイズの指定や広告枠の確保が主な対策です。

Core Web Vitalsとは?ユーザー体験を測る3つの指標

Core Web Vitals(コアウェブバイタル)とは、Googleが定めた、Webページのユーザー体験を評価するための指標です。「読み込みの速さ」「操作への応答の速さ」「表示の安定性」の3つの観点から、ページが快適に使えるかどうかを数値で示します。

ここでは、Core Web Vitalsが生まれた背景と、2024年に行われた指標の変更について整理します。

Core Web Vitalsが生まれた背景

Googleは以前から、表示速度やスマートフォンへの対応など、ページの使いやすさを検索の評価に取り入れてきました。ただ、「使いやすさ」の基準は人によって異なり、サイト運営者が何を改善すべきか分かりにくいという課題がありました。

そこでGoogleは、ユーザー体験の中でも特に重要な要素を、誰でも測定できる共通の指標として定めました。それがCore Web Vitalsです。数値で現状を把握できるため、改善の目標を立てやすくなった点が大きな意義です。

Core Web Vitalsは、HTTPSでの配信や煩わしい広告の有無などとあわせて、「ページエクスペリエンス」と呼ばれる評価の考え方の一部に位置づけられています。

スマートフォンで検索する人が増え、通信環境が不安定な場所でサイトを見る機会も多くなりました。パソコンでは快適でも、スマートフォンでは表示が遅いページも少なくありません。Core Web Vitalsは、こうした実際の利用環境での体験を重視している点も特徴です。

2024年にFIDからINPへ指標が変更された

Core Web Vitalsの応答性の指標は、2024年3月に「FID(First Input Delay)」から「INP(Interaction to Next Paint)」へ変更されました。FIDはページで最初に操作したときの反応の遅れだけを測る指標でした。

INPは、ページを開いてから閉じるまでのすべての操作を対象に、反応の遅さを評価します。最初の1回だけでなく、利用中の操作全体の快適さを測れるようになったことで、より実際の体験に近い評価が可能になりました。

古い記事ではFIDを前提に解説しているものもあるため、情報を参照する際は更新日を確認しましょう。現在のCore Web Vitalsは、LCP・INP・CLSの3つで構成されています。

Core Web Vitalsの3つの指標と合格基準

Core Web Vitalsの各指標には、「良好」「改善が必要」「不良」の3段階の基準が設けられています。3つの指標すべてが「良好」の基準を満たすことが、合格の目安です。ここでは、各指標が何を測っているのかと、その基準値を紹介します。

LCP:メインコンテンツの表示速度

LCP(Largest Contentful Paint)は、ページの読み込みを開始してから、画面内で最も大きな画像やテキストのまとまりが表示されるまでの時間を測る指標です。多くのページでは、トップの大きな画像や見出しがLCPの対象になります。

LCPは2.5秒以内が「良好」、4秒を超えると「不良」とされています。メインの内容がなかなか表示されないページは、ユーザーが待ちきれずに離脱する原因になります。

LCPの対象になる要素は、ページや画面サイズによって変わります。パソコンでは大きな画像がLCPの対象でも、スマートフォンでは見出しのテキストが対象になることもあるため、端末ごとに何が対象になっているかを確認することが大切です。

INP:操作に対する応答の速さ

INP(Interaction to Next Paint)は、クリックやタップ、キー入力などの操作をしてから、画面に反応が表示されるまでの時間を測る指標です。ボタンを押しても何も起こらない状態が長いほど、INPの数値は悪くなります。

INPは200ミリ秒未満が「良好」、500ミリ秒を超えると「不良」とされています。メニューの開閉や検索フォームの入力など、操作の多いページほど影響を受けやすい指標です。

たとえば、スマートフォンでハンバーガーメニューをタップしてから、メニューが開くまでに時間がかかるケースが典型的です。ユーザーは反応がないと感じて何度もタップし、意図しない操作につながることもあります。

CLS:レイアウトの視覚的な安定性

CLS(Cumulative Layout Shift)は、ページの読み込み中に、文章や画像などの要素が予期せずずれる度合いを測る指標です。読もうとした文章が急に下に動いたり、押そうとしたボタンの位置がずれて別の場所をタップしたりする現象が、CLSの悪化につながります。

CLSは0.1未満が「良好」、0.25を超えると「不良」とされています。CLSは時間ではなく、ずれの大きさと範囲から算出されるスコアで評価されます。

ユーザーがボタンを押した直後に、メニューが開いて下の要素が動くような、操作に応じたずれはCLSの計算から除外されます。問題になるのは、ユーザーが何もしていないのに要素が動いてしまう、予期しないずれです。

実際のユーザーの75パーセンタイルで合否が判定される

Core Web Vitalsの評価は、実際にページを訪れたユーザーのデータをもとに行われます。判定には、すべての訪問のうち速いほうから75%の位置にあたる値が使われ、この値が「良好」の基準を満たしているかで合否が決まります。

一部の利用者が快適でも、多くのユーザーが遅いと感じていれば合格にはなりません。モバイルとパソコンのデータは別々に集計されるため、両方の数値を確認することが大切です。

Core Web Vitalsを補う指標(FCP・TTFB)

Core Web Vitalsの3つの指標のほかにも、ページの表示に関わる補助的な指標があります。代表的なものが、何らかの内容が最初に表示されるまでの時間を測る「FCP(First Contentful Paint)」と、サーバーが最初の応答を返すまでの時間を測る「TTFB(Time to First Byte)」です。

FCPやTTFBは検索の評価に直接使われる指標ではありませんが、LCPが遅い原因を突き止める手がかりになります。TTFBが遅ければサーバー側、TTFBは速いのにLCPが遅ければ画像やCSSなどのページ側に原因がある、というように切り分けられます。

Core Web VitalsがSEOに与える影響

Core Web Vitalsは、検索順位とユーザー体験の両方に関わる指標です。SEOへの影響を正しく理解し、過大評価も過小評価もしないことが、改善の優先順位を決めるうえで重要になります。

ランキング要因の1つだが影響は限定的

Google検索セントラルの「Core Web Vitals と Google 検索の検索結果について」では、Core Web Vitalsはページエクスペリエンスの他の要素とともに、検索のランキングシステムで考慮される要素だと説明されています。

ただし、検索順位を決める最も大きな要素は、検索した人の疑問にどれだけ応えているかというコンテンツの内容です。Core Web Vitalsが良好でも、内容が不十分なページが上位に表示されることはありません。内容が同程度のページ同士で比べられたときに、差がつく要素と考えるのが現実的です。

とはいえ、競合の多いキーワードでは、上位のページはどれも内容が充実していることが多く、使いやすさの差が順位に影響する場面もあります。コンテンツの改善と並行して、技術的な土台を整えておくことが大切です。

SEOの施策全体の中での位置づけは「SEO対策の種類とは?」で解説しています。Core Web Vitalsの改善は、テクニカルSEOと呼ばれる領域の代表的な施策です。

ユーザー体験と成果への影響

Core Web Vitalsの重要性は、検索順位だけにとどまりません。表示が遅いページや操作に反応しないページは、ユーザーにストレスを与え、内容を読まれる前に離脱される原因になります。

表示速度が改善されると、ページの閲覧数や滞在時間が伸び、問い合わせや購入につながりやすくなります。Core Web Vitalsの改善は、SEOのためだけでなく、サイトの成果を高めるための投資だと捉えましょう。

ユーザーの行動を示す指標の見方は「滞在時間を伸ばす方法7選」、成果につなげる改善策は「コンバージョン改善の施策12選」で紹介しています。

【サイトの技術的な課題を整理したい方へ】
「Core Web Vitalsの改善がどこまで必要か判断できない」「表示速度とSEOの両方を見直したい」という方に向けて、合同会社楽々Editではサービス内容や支援実績を整理した資料をご用意しています。社内での検討資料としてご活用ください。
→ サービス資料を無料でダウンロードする

Core Web Vitalsの測定方法

Core Web Vitalsは、Googleが無料で提供するツールで測定できます。ツールごとに確認できるデータの種類と用途が異なるため、目的に応じて使い分けることが大切です。

フィールドデータとラボデータの違い

Core Web Vitalsの数値には、「フィールドデータ」と「ラボデータ」の2種類があります。フィールドデータは、Chromeを使う実際のユーザーの体験を集計したデータで、検索の評価にはこちらが使われます。

ラボデータは、決められた通信環境や端末の条件でページを読み込み、測定したデータです。条件が一定のため、改善の前後を比べたり、原因を調べたりするのに向いています。評価の確認にはフィールドデータ、原因の調査にはラボデータと使い分けましょう。

フィールドデータは直近28日間の集計で更新されるため、改善の効果が数値に反映されるまでには時間がかかります。アクセス数が少ないページでは、データが不足して表示されない場合もあります。

Search ConsoleのCore Web Vitalsレポートでサイト全体を確認する

Google Search Consoleの「ウェブに関する主な指標」レポートでは、サイト内のページを「良好」「改善が必要」「不良」に分類して確認できます。モバイルとパソコンが別々に表示され、問題のある指標ごとに似たページがグループ化されます。

サイト全体のどこに問題が集中しているかを把握する入口として、まずこのレポートを確認しましょう。改善が終わったら「修正を検証」を実行すると、Googleが約28日間かけて改善状況を確認します。

レポートでは、同じような問題を抱えるページが「URLグループ」として一括で表示されます。グループの代表的なURLを開いて原因を調べれば、同じテンプレートを使う他のページの問題も一度に把握できるため、効率よく改善を進められます。

PageSpeed Insightsでページごとに確認する

PageSpeed Insightsは、URLを入力するだけで、そのページのCore Web Vitalsを確認できるツールです。画面の上部に実際のユーザーのフィールドデータ、下部にラボデータにもとづくスコアと改善の提案が表示されます。

注意したいのは、0〜100点で表示されるパフォーマンススコアは、Core Web Vitalsの合否とは別物だという点です。スコアはラボデータから算出されるため、合否はフィールドデータの「良好」「不良」の判定で確認しましょう。下部の「改善できる項目」は、具体的な対策を考える手がかりになります。

LighthouseとChromeのデベロッパーツールで原因を調べる

Lighthouseは、Chromeのデベロッパーツールに組み込まれている測定機能です。ページを読み込んだときのLCPやCLSを測定し、どの要素が問題になっているかを詳しく確認できます。

INPは実際の操作にもとづく指標のため、Lighthouseの読み込みテストでは直接測定できません。デベロッパーツールのパフォーマンスパネルでページを操作しながら記録すると、反応が遅い操作と原因の処理を特定できます。開発者と連携して原因を調べる際に役立つツールです。

指標別のCore Web Vitals改善方法

Core Web Vitalsの3つの指標は、それぞれ悪化する原因が異なります。指標ごとに原因を切り分け、「不良」の指標から優先して対策することが効率的な改善の進め方です。

LCPの改善方法

LCPが遅くなる主な原因は、サイズの大きな画像、サーバーの応答の遅さ、表示を妨げるCSSやJavaScriptの読み込みです。トップの大きな画像がLCPの対象になっている場合は、画像の圧縮やWebPなどの軽い形式への変換が効果的です。

LCPの対象になる画像には、読み込みを遅らせる遅延読み込み(lazy loading)を設定しないことが大切です。「fetchpriority=”high”」を指定してLCPの画像を優先的に読み込ませると、表示を早められます。

サーバーの応答が遅い場合は、キャッシュの活用やCDNの導入、サーバーのプラン見直しも検討しましょう。表示速度が落ちる原因の調べ方は「サイトが重い原因とは?」で詳しく解説しています。

INPの改善方法

INPが悪化する主な原因は、JavaScriptの重い処理がブラウザの作業を占有し、操作への反応を後回しにしてしまうことです。広告タグや計測タグ、チャットツールなど、外部のサービスが読み込むスクリプトも原因になりやすい要素です。

対策としては、使っていない外部スクリプトを削除し、必要なスクリプトも読み込みのタイミングを遅らせることが効果的です。時間のかかる処理を小さく分割し、操作への反応を先に画面へ反映させる実装も有効です。

ページ内の要素が多すぎると、画面の更新に時間がかかり、INPが悪化します。不要な要素を減らし、HTMLの構造をシンプルに保つことも意識しましょう。

WordPressを使っている場合は、プラグインの入れすぎがINPを悪化させる原因になりがちです。使っていないプラグインを停止し、似た機能を持つプラグインが重複していないかを見直すだけでも、改善につながることがあります。

CLSの改善方法

CLSが悪化する主な原因は、サイズを指定していない画像や動画、後から読み込まれる広告や埋め込み要素、Webフォントの切り替えです。読み込みが終わったタイミングで要素が差し込まれ、周りの文章が押し下げられることでずれが起こります。

対策の基本は、画像や動画のタグに「width」と「height」を指定し、表示される領域をあらかじめ確保しておくことです。広告や埋め込み要素にも、表示前から決まった高さの枠を用意しておきましょう。

Webフォントは、読み込み中の代替フォントとの大きさの差がずれの原因になります。フォントの事前読み込みや、代替フォントとのサイズの調整で、切り替え時のずれを小さくできます。

Cookieの同意バナーやキャンペーンの告知バナーを、ページの上部に後から差し込む実装もCLSの原因になります。こうした要素は、本文を押し下げない重ね表示にするか、最初から表示領域を確保しておくようにしましょう。

【Core Web Vitalsを含むSEOの改善を一貫して支援します】
「指標の意味は分かったが、社内に対応できる人がいない」という方に向けて、楽々EditのSEOコンサルティングでは、技術的な課題の分析から内部施策の改善、コンテンツ戦略までを一貫して支援します。GA4やSearch Consoleのデータに基づき、成果につながる改善の優先順位をご提案します。
→ SEOコンサルティングの詳細を見る

Core Web Vitals改善を進める手順と注意点

Core Web Vitalsの改善は、闇雲に取り組むと手間ばかりかかって成果につながりません。現状把握から優先順位づけ、効果検証までの流れを決めて進めることが大切です。

「不良」のページと指標から優先順位をつける

Search Consoleのレポートで、「不良」と判定されているページのグループと指標を確認しましょう。同じテンプレートを使うページは同じ問題を抱えていることが多いため、テンプレート単位で改善すると効率的です。

アクセスの多いページや、問い合わせにつながる重要なページから優先して改善すると、限られた工数で大きな効果を得られます。すべてのページを一度に完璧にしようとせず、影響の大きい箇所から段階的に進めましょう。

改善には、サーバーの設定やテーマの修正など、専門的な作業が必要になることもあります。制作会社や開発者に依頼する場合は、Search ConsoleやPageSpeed Insightsの画面を共有し、どの指標をどの基準まで改善したいのかを具体的に伝えると、作業がスムーズに進みます。

改善後はフィールドデータへの反映を待って評価する

改善の作業を終えたら、まずPageSpeed InsightsやLighthouseのラボデータで、数値が改善しているかを確認します。そのうえで、Search Consoleの「修正を検証」を実行し、フィールドデータに反映されるのを待ちます。

フィールドデータは28日間の集計のため、改善の効果が評価に表れるまでには1カ月程度かかると考えておきましょう。すぐに数値が変わらないからといって、施策の効果がないと判断するのは早計です。

スコアの追求でコンテンツやデザインの質を下げない

PageSpeed Insightsのスコアを上げることだけを目的にすると、必要な画像や機能まで削ってしまい、かえって使いにくいページになることがあります。表示速度は大切ですが、ユーザーが求める情報を分かりやすく伝えることが最も重要です。

Core Web Vitalsは「良好」の基準を満たすことを目標にし、それ以上のスコア追求よりもコンテンツの改善を優先するのが現実的です。指標が良好なのに順位が下がっている場合は、コンテンツや競合の状況に原因があるかもしれません。確認のポイントは「検索順位が下がった原因とは?」で紹介しています。

自社サイトの基本的なSEOの状態を手軽に確認したい場合は、無料のチェックツールを使う方法もあります。使い方は「SEOチェキとは?」を参考にしてください。

【サイトの課題を無料で診断します】
「Core Web Vitalsが『不良』のまま改善できていない」「表示速度以外にも順位が伸びない原因があるか知りたい」という方は、楽々Editの無料SEO診断をご活用ください。内部施策・コンテンツ・外部施策のどこに課題があるかを分析し、改善の優先順位をご提案します。
→ 無料SEO診断を申し込む

まとめ

Core Web Vitalsは、LCP・INP・CLSの3つの指標で、ページの読み込みの速さ、操作への応答の速さ、表示の安定性を評価するGoogleの指標です。検索順位を決める要素の1つであり、ユーザー体験やサイトの成果にも大きく関わります。

改善を進めるには、Search Consoleで「不良」のページと指標を把握し、指標ごとの原因に合った対策を重要なページから実施することが欠かせません。改善後はフィールドデータへの反映を待って評価し、スコアの追求でコンテンツの質を下げないよう注意しましょう。

まずはSearch ConsoleとPageSpeed Insightsで自社サイトの現状を確認するところから始めてみてください。社内での対応が難しい場合は、専門家の力を借りることで、遠回りせずに改善を進められます。