コアウェブバイタルとは何か、LCP・INP・CLSの意味と基準値、SEOへの影響、無料で確認できるツール、具体的な改善策を解説します。
「サイトの表示が遅い気がする」「Google Search Consoleに低速URLが表示されたものの、何を直せばよいか分からない」と悩むWeb担当者は少なくありません。
表示速度の改善には画像、サーバー、CSS、JavaScriptなど幅広い知識が関係するため、専門的な作業に見えやすく、着手の順番を決めにくい施策でもあります。
そこで押さえておきたいのが、Webページの使いやすさを数値で確認できるコアウェブバイタルです。
コアウェブバイタルでは、ページの読み込み速度、操作への反応、画面表示の安定性を、LCP・INP・CLSという3つの指標で評価します。
単なるスピードテストではなく、実際の閲覧者がページを利用するときに感じる待ち時間や操作上のストレスを把握するための指標です。
ただし、すべての数値を一度に完璧にする必要はありません。
アクセス数や問い合わせへの影響が大きいページを見つけ、問題のある指標と原因を確認し、効果が期待できる改善から進めることが大切です。
適切に改善できれば、検索評価への対応だけでなく、ページを開く前の離脱、ボタンの反応の遅れ、表示のズレによる誤操作なども減らせます。
その結果、記事の精読、サイト内の回遊、商品購入、資料請求、問い合わせといった成果につながる機会を守りやすくなります。
そこで今回は、コアウェブバイタルの3指標から測定方法、改善の優先順位までを実務の流れに沿って整理しました！
専門的な開発作業が必要な部分も含めて、自社で対応できる範囲と制作会社へ相談すべき範囲を判断できるように解説します。
コアウェブバイタルとは？3つの指標でサイトの使いやすさを見える化しよう！
コアウェブバイタルとは、Webページを閲覧するときの体験を測るために設けられた、特に重要なパフォーマンス指標です。
現在は、読み込み性能を示すLCP、操作への反応速度を示すINP、表示の安定性を示すCLSの3つで構成されています。
ページが速く開くかだけでなく、ボタンを押したときにすぐ反応するか、読んでいる途中に文章や画像が突然動かないかまで確認できる点が特徴です。
たとえば、画面がすぐ表示されてもメニューがなかなか開かなければ、快適なページとはいえません。
反対に、ボタンの反応が速くても、画像が後から読み込まれて本文の位置が大きく動けば、誤操作や離脱を招く可能性があります。
3指標は、それぞれ別の問題を示しているため、総合点だけを見るのではなく、どの体験が悪化しているのかを分けて考える必要があります。
また、コアウェブバイタルの定義や測定方法は、Web技術や利用環境の変化に合わせて更新される場合があります。
以前は操作性の指標としてFIDが使用されていましたが、現在はページ滞在中の幅広い操作を評価できるINPへ置き換わっています。
古い資料に記載された指標だけで判断せず、使用中の計測ツールに表示される現行の指標を確認することが重要です。
LCPとは？メインコンテンツが表示される速さを確認しよう！
LCPは、ページの読み込みを始めてから、画面内の主要なコンテンツが表示されるまでの時間を測る指標です。
正式名称はLargest Contentful Paintで、一般的にはファーストビュー内で最も大きな画像やテキスト要素が測定対象になります。
メインビジュアル、記事のアイキャッチ画像、大きな見出し、商品画像などがLCP要素として判定されるケースが代表的です。
評価の目安は、2.5秒以下が良好、2.5秒を超えて4秒以下が改善の余地あり、4秒を超えると低速です。
LCPが悪いページでは、アクセスしても肝心の画像や本文がなかなか表示されず、閲覧者がページを閉じてしまう可能性があります。
特にスマートフォンでは、端末性能や通信環境の違いが数値へ影響しやすいため、社内の高速なパソコンだけで判断するのは適切ではありません。
LCPが悪化する主な原因には、容量の大きな画像、遅いサーバー応答、読み込みを妨げるCSSやJavaScript、外部サービスから取得する素材などがあります。
ファーストビュー画像に遅延読み込みが設定され、画像の取得開始が遅れているケースにも注意が必要です。
LCPを確認するときは数値だけでなく、どの要素がLCPとして測定されているかを特定し、その要素が表示されるまでの流れを調べることが改善の第一歩です。
INPとは？クリックやタップへの反応速度を確認しよう！
INPは、閲覧者がクリック、タップ、キーボード入力などの操作をしてから、次の画面表示が行われるまでの時間を測る指標です。
正式名称はInteraction to Next Paintで、ページを開いた直後だけでなく、滞在中に行われた幅広い操作が評価対象になります。
評価の目安は、200ミリ秒以下が良好、200ミリ秒を超えて500ミリ秒以下が改善の余地あり、500ミリ秒を超えると低速です。
INPが悪いと、メニューボタンを押しても開かない、商品をカートへ入れても表示が変わらない、フォームへ入力しても反応が遅れるといった問題が起こります。
反応が見えない状態が続くと、閲覧者は操作が受け付けられていないと考え、同じボタンを何度も押したり、ページから離れたりする可能性があります。
以前のFIDは、最初の操作が処理を開始するまでの遅れを中心に測る指標でした。
INPは操作開始から次の描画までを確認し、ページ滞在中に行われた操作を幅広く評価するため、実際の操作感を把握しやすくなっています。
悪化の原因として多いのは、容量や処理量の大きいJavaScript、長時間メインスレッドを占有する処理、複雑な画面更新、広告や解析ツールなどの外部スクリプトです。
スクロールやマウスオーバー自体はINPの直接的な測定対象ではないため、クリック、タップ、文字入力を実際に試しながら問題を探す必要があります。
CLSとは？読んでいる途中の画面のズレを防ごう！
CLSは、ページの表示中に発生する予期しないレイアウトのズレを測る指標です。
正式名称はCumulative Layout Shiftで、読み込み途中や操作中に、画面内の要素がどの程度移動したかを数値で表します。
評価の目安は、0.1以下が良好、0.1を超えて0.25以下が改善の余地あり、0.25を超えると低速です。
たとえば、記事を読んでいる途中で上部に広告が表示され、本文が下へ押し出される現象は、CLSを悪化させる代表的な例です。
クリックしようとしたボタンの位置が突然動き、別のリンクや購入ボタンを押してしまう状態も、ユーザー体験を大きく損ないます。
主な原因には、幅や高さが指定されていない画像と動画、表示領域を確保していない広告、後から追加される埋め込みコンテンツなどがあります。
Webフォントへ切り替わった際に文字の大きさや行間が変わり、周囲のコンテンツが移動するケースにも注意が必要です。
開発環境では画像がキャッシュされ、外部データもすぐ取得できるため、ズレを再現できない場合があります。
実際の利用環境では通信速度や広告内容が異なるため、実ユーザーデータとスマートフォンでの動作確認を組み合わせることが重要です。
SEOにはどの程度影響する？点数だけを追わない判断基準を持とう！
コアウェブバイタルは、Google検索のランキングシステムがページ体験を理解する際に使用する要素の一つです。
ただし、3指標をすべて良好にしたからといって、検索順位が必ず上がるわけではありません。
検索結果では、検索意図を満たしているか、疑問に対して十分な情報を提供しているか、内容に信頼性や独自性があるかといった点も重要です。
コアウェブバイタルが良好でも、検索ニーズと合わないページや内容の薄いページが、関連性の高い記事より優先されるとは限りません。
一方で、有用性や関連性が同程度のページが複数ある場合には、快適に閲覧できるページ体験が検索上の成果を支える可能性があります。
そのため、コンテンツの品質を高める施策と、コアウェブバイタルの改善を並行して進めることが基本です。
パフォーマンスの点数を100点にするためだけに、必要な画像や機能を削除し、ページの分かりやすさを損なう対応は避ける必要があります。
HTTPSで安全に閲覧できるか、スマートフォンでも読みやすいか、過剰な広告や全画面表示が本文を妨げていないかも確認しましょう。
SEO対策として数字だけを追うのではなく、離脱や誤操作を減らし、目的の情報へたどり着きやすくする改善として取り組むことが大切です。
まずは現状を診断！無料ツールを目的別に使い分けよう！
コアウェブバイタルを改善するときは、いきなり画像やプログラムを変更するのではなく、どのページで、どの指標が、どの程度悪いのかを確認する必要があります。
サイト全体の問題を把握するツールと、個別ページの原因を調べるツールでは、役割が異なります。
サイト全体の傾向を確認する場合はGoogle Search Console、特定ページを詳しく調べる場合はPageSpeed Insightsが便利です。
改修前後の比較や、公開前のページを技術的に調査する場合は、LighthouseやChromeの開発者ツールを活用できます。
また、モバイルとパソコンのデータは分けて評価されるため、片方が良好でも、もう片方に問題が残っている可能性があります。
アクセス解析で利用端末の割合を確認し、利用者が多い環境を優先しながら、両方の結果を確認しましょう。
計測値は端末性能、通信状況、サーバー負荷、キャッシュの有無などによって変動します。
一度だけ計測した数字で問題の有無を決めず、複数回の測定結果、過去の実ユーザーデータ、実機での操作感を組み合わせることが重要です。
「サイト全体から問題を探す」「個別ページで原因を調べる」「改修後に同じ条件で確かめる」という順番でツールを使い分けると、無駄な作業を減らせます。
Google Search Consoleで問題が多いページ群を見つけよう！
Google Search Consoleのウェブに関する主な指標レポートでは、実際の利用状況をもとにしたコアウェブバイタルの評価を確認できます。
レポートを開くと、モバイルとパソコンに分けて、URLが「良好」「改善が必要」「低速」の状態で表示されます。
ページは一件ずつ並ぶのではなく、構造や表示方法が似ているURLのグループとしてまとめられる点が特徴です。
同じ記事テンプレートや商品ページで共通の問題が発生している場合、代表URLを調べることで、複数ページに関係する原因を見つけられます。
グループの評価は、LCP・INP・CLSのうち、最も悪い指標をもとに決まります。
LCPとINPが良好でもCLSが低速であれば、そのURLグループは低速として扱われるため、各指標を個別に確認しましょう。
優先順位を決める際は、まず低速と判定されたグループを確認し、その中でも対象URLが多いものや、流入・売上・問い合わせへの影響が大きいものを優先します。
レポートはすべてのURLを網羅した一覧ではなく、十分な実測データがあるインデックス登録済みページを中心としたサンプルです。
修正後にトラッキングを開始すると、実ユーザーデータを使った検証が行われるため、結果が反映されるまで一定の期間が必要になります。
PageSpeed Insightsでページごとの原因を詳しく調べよう！
PageSpeed Insightsは、URLを入力するだけで、モバイルとパソコンのパフォーマンスを無料で確認できるツールです。
トップページ、流入の多い記事、主要な商品ページ、問い合わせページなど、事業への影響が大きいURLから診断すると効率的です。
結果画面では、実際のChrome利用者から集められたデータと、一定の環境を再現して実行された診断データが表示されます。
上部ではLCP・INP・CLSを含む実ユーザーの体験を確認でき、下部ではページの読み込みを妨げている要素や改善候補を調べられます。
見るべき項目は、パフォーマンスの総合点だけではありません。
コアウェブバイタルの合否、問題のある指標、LCPとして判定された要素、読み込みを遅らせているリソースを順に確認しましょう。
モバイルとパソコンでは、画面サイズ、端末性能、通信条件が異なるため、結果に大きな差が出る場合があります。
利用者の多い端末を優先しつつ、片方の環境だけで不具合が発生していないかも確認する必要があります。
診断データは実行するたびに変動することがあるため、同じURLを複数回計測し、細かな点数差ではなく、繰り返し表示される問題を改善対象にすることが大切です。
数値が違っても慌てない！フィールドデータとラボデータを読み分けよう！
計測ツールを見ると、実ユーザーの評価は良好なのに、その場で実行した診断では低い点数が表示される場合があります。
この違いを理解するために、フィールドデータとラボデータの役割を分けて考えましょう。
フィールドデータは、Chromeを利用する実際の閲覧者が体験した結果を集計したデータです。
端末性能、通信速度、地域、キャッシュの状態など、さまざまな利用条件が含まれるため、現実のユーザー体験を把握する際に役立ちます。
PageSpeed Insightsでは、直近28日間のデータが集計され、モバイルとパソコンを分けた75パーセンタイルの値を基準に評価されます。
これは全閲覧の平均ではなく、少なくとも75％の閲覧で達成できている水準を確認する考え方です。
一方のラボデータは、一定の端末や通信条件を再現して、その場でページを読み込んだ診断結果です。
実際の利用状況をそのまま表すものではありませんが、原因となる画像、スクリプト、メインスレッドの処理などを調査する際に役立ちます。
アクセスが少ないページではフィールドデータが表示されない場合があるため、ラボデータ、同じテンプレートを使う類似ページ、実機確認を組み合わせて判断しましょう。
LighthouseやChromeの開発者ツールで改修前後を検証しよう！
Lighthouseは、Webページのパフォーマンス、アクセシビリティ、SEOなどを自動で診断できるツールです。
Chromeの開発者ツールから実行できるため、公開済みページだけでなく、ログインが必要な画面やテスト環境のページも調査できます。
実ユーザーデータがまだ蓄積されていない新規ページでも、一定条件で読み込みを再現し、問題の手掛かりを確認できる点がメリットです。
ただし、Lighthouseの総合点は、複数の指標を独自の比重で計算した診断用スコアです。
コアウェブバイタルのフィールド評価と同じものではないため、100点を取ること自体を目標にしないよう注意しましょう。
INPは実際の操作内容によって変わるため、自動のページ読み込みテストだけでは、現実の操作を完全には再現できません。
長いJavaScript処理、メインスレッドの占有時間、複雑な描画処理などを手掛かりにしながら、ChromeのPerformanceパネルで操作を記録すると原因を絞り込めます。
開発者ツールのライブ指標では、ページを操作しながらLCP・INP・CLSの変化を確認することも可能です。
改修効果を比べる際は、同じ端末、通信設定、ページ状態で複数回計測し、変更した箇所以外の条件をそろえることが重要です。
改善はこの順番！効果が大きい原因から無理なく対策しよう！
コアウェブバイタルの改善は、問題の特定、原因の調査、改修、再測定の順番で進めます。
最初にGoogle Search Consoleで低速なURLグループを確認し、PageSpeed Insightsや開発者ツールで代表URLの原因を調べましょう。
原因が分からないまま複数の設定を同時に変更すると、どの施策が効果を出したのか判断できず、不具合が起きた際の切り戻しも難しくなります。
一つの仮説に対して必要な変更を行い、同じ条件で再測定する進め方が基本です。
改善対象は、流入数、売上、問い合わせ数、対象URL数、改修工数をもとに優先順位を決めます。
すべてのURLを一件ずつ修正するのではなく、共通テンプレート、画像出力設定、CMS、プラグインなど、複数ページへ影響する箇所から確認すると効率的です。
比較的対応しやすい画像圧縮や不要なプラグインの整理から始め、JavaScriptやサーバー構成の変更は開発担当者と連携します。
また、低速判定の解消だけを目的に、必要な機能や情報を安易に削除するのは避けましょう。
改善後もデザイン、フォーム、計測タグ、購入処理などが正常に動作するかを確認し、ユーザー体験全体が向上しているかを判断する必要があります。
LCPを改善！重い画像と表示を妨げる処理を見直そう！
LCPを改善する際は、まずPageSpeed Insightsや開発者ツールで、どの画像やテキストがLCP要素になっているかを確認します。
LCP要素が画像の場合は、実際の表示サイズに対して過度に大きなファイルを配信していないかを調べましょう。
画像を適切な寸法に調整し、WebPやAVIFなどの軽量な形式を採用すると、画質を保ちながら転送量を減らせます。
端末の画面幅に応じて適切な画像を配信できるように、複数サイズを用意することも有効です。
ファーストビューに表示するLCP画像には、原則として遅延読み込みを設定しません。
HTMLを読み込んだ段階で画像の取得先を認識できる状態にし、必要に応じて読み込み優先度を高める設定を使います。
一方、画面外にある画像や動画は遅延読み込みの対象とし、初期表示に必要な通信を圧迫しないようにします。
不要なCSSやJavaScript、使用していないフォントなどが表示を妨げている場合は、削除、分割、遅延実行を検討しましょう。
サーバー応答が遅い場合は、キャッシュ、データベース処理、CMSやプラグインの負荷、CDNの利用状況も確認し、ページ表示が始まるまでの時間を短縮します。
INPを改善！操作を止める重いJavaScriptを減らそう！
INPを改善するには、クリックやタップの処理を妨げている長時間のJavaScript処理を見つける必要があります。
まず、サイト内で読み込んでいるスクリプト、CMSのプラグイン、広告、アクセス解析、チャット、ヒートマップなどを棚卸ししましょう。
導入したまま使用していない機能や、同じ目的で重複しているタグを削除するだけでも、メインスレッドの負荷を減らせる場合があります。
一度に大量の計算や画面更新を行う処理は、小さな処理へ分割し、途中でブラウザが操作や描画へ対応できる余裕を作ります。
初期表示に不要なスクリプトは読み込みや実行を遅らせ、ページの閲覧と主要な操作に必要な処理を優先しましょう。
ボタンを押した後に通信や複雑な計算が必要な場合でも、押下状態や読み込み表示をすぐに出せば、操作が受け付けられたことを伝えられます。
大きすぎるDOMや、クリックのたびに広い範囲のレイアウトを再計算する実装もINPを悪化させる可能性があります。
画面更新の対象を必要な部分へ限定し、複雑な処理を簡素化することが重要です。
計算量の多い処理を画面描画と切り離せる場合は、Webワーカーを利用してメインスレッド外で実行する方法も検討します。
CLSを改善！画像や広告の表示スペースを先に確保しよう！
CLSを改善する基本は、後から読み込まれる要素の表示スペースを事前に確保することです。
画像や動画には幅と高さ、または縦横比を指定し、ファイルが読み込まれる前からブラウザが必要な領域を計算できるようにします。
レスポンシブ表示で画像サイズが変わる場合でも、縦横比を維持できる設定にすれば、読み込み時の大きなズレを防ぎやすくなります。
広告、埋め込み動画、SNS投稿、地図、フォームなどにも、想定される高さや最小領域を設定しましょう。
広告が配信されなかった場合に領域を完全に閉じると、周囲のコンテンツが移動することがあるため、表示仕様を含めた検討が必要です。
ページ上部へバナー、通知、同意画面などを後から挿入すると、すでに表示された本文を押し下げる可能性があります。
既存コンテンツの上へ差し込むのではなく、あらかじめ用意した領域へ表示するか、本文の位置を変えない重ね方を検討しましょう。
Webフォントでは、代替フォントとの文字幅や行間の差を小さくし、必要なフォントを適切に読み込むことでズレを抑えられます。
アニメーションは要素の配置を再計算させる方法を避け、表示位置への影響が少ない変形処理を使い、スマートフォンでも誤タップが起きないか確認します。
自社で直す？外注する？費用対効果で対応範囲を決めよう！
コアウェブバイタルの改善には、Web担当者が管理画面から対応できる作業と、開発者による改修が必要な作業があります。
画像の圧縮や差し替え、不要なプラグインの停止、使用していない計測タグの整理、広告位置の調整などは、自社で着手しやすい項目です。
ただし、設定変更によってレイアウトや計測が崩れる可能性もあるため、変更前の状態を記録し、バックアップを取ってから作業しましょう。
テンプレートのHTMLやCSS、JavaScript、サーバー、データベース、CDNなどに原因がある場合は、制作会社や開発担当者との連携が必要です。
依頼時には「サイトを速くしたい」とだけ伝えるのではなく、問題の指標、対象URL、計測結果、再現する操作、希望する基準を共有すると調査が進みやすくなります。
複数ページに同じ問題がある場合は、個別ページを直すより、共通テンプレートやCMSの出力処理を改修した方が高い効果を期待できます。
優先順位は、対象URL数、自然検索流入、売上や問い合わせへの影響、改修費用、実装リスクを比較して決めましょう。
改修後は、見た目だけでなく、フォーム送信、購入処理、広告表示、アクセス解析、スマートフォンでの操作を確認します。
公開や機能追加のたびに再測定する運用を設ければ、数値が大きく悪化してから原因を探す事態を防ぎやすくなります。
まとめ
コアウェブバイタルは、Webページを利用するときの体験を、LCP・INP・CLSの3つで確認する指標です。
LCPは主要コンテンツが表示される速さ、INPはクリックやタップへの反応速度、CLSは画面表示の安定性を表します。
目安となる良好ラインは、LCPが2.5秒以下、INPが200ミリ秒以下、CLSが0.1以下です。
ただし、基準を満たしただけで検索上位が保証されるわけではなく、検索意図を満たすコンテンツやページ全体の使いやすさも欠かせません。
改善を始める際は、Google Search Consoleで問題のあるURLグループを把握し、PageSpeed Insightsで代表ページの原因を調べます。
さらに、LighthouseやChromeの開発者ツールを使い、画像、JavaScript、レイアウトの変化などを詳しく確認しましょう。
対応の優先順位は、低速と判定されたページの中から、流入や成果への影響が大きく、複数URLへ共通する問題を優先するのが基本です。
LCPでは重要画像とサーバー応答、INPでは不要なJavaScriptと長い処理、CLSでは画像や広告の表示領域を中心に見直します。
一度の改修で完璧な点数を目指すのではなく、計測、原因調査、改善、再確認を継続することが大切です。
閲覧者が迷わず快適に利用できる状態を基準に改善を積み重ねれば、検索流入だけでなく、回遊、問い合わせ、購入などの事業成果にもつながりやすくなります。
Webマーケにお悩みなら、「AI×経験×アイディア」のぎあはーとへ！
合同会社ぎあはーとは「AI×プロの経験×アイディア」で強いマーケ戦略を着実にお届けする会社です。
| ・月間売上を前年比277.4%に （3,479,415円→9,653,169円） （上場アパレルメーカーM社：2021年 運用1年） ・新規サイトで月間コンバージョン数を31件へ （ メディア系SaaSツールC社：2025年 施策10ヶ月） ・Webイベントで1,330名の参加者集客 （メディア系SaaSツールC社：2026年 イベント期間30日） |
こんな実績を持つマーケティングのプロが、他にできない強い施策を素早く回転させます。
戦略からコンテンツ運用、結果分析までをワンストップで受けつけております。また、10本で8,8000円という格安にてSEO記事制作もお受けしております。
料金表
| 内容 | 基本料金 |
| マーケティング顧問業務 LLMO戦略立案・コンテンツ制作・レポート | 月額・要お見積もり |
| SEO記事の制作1本（スポット依頼） 5,000字以上、追加料金なし キーワード選定等ワンストップ | 9,900円（税込） |
| SEO記事の制作10本（スポット依頼） 合計50,000字以上、追加料金なし キーワード選定等ワンストップ | 88,000円（税込） |
まずはオンライン面談によるお見積もりや無料のサイト診断ができますので、ぜひお気軽にご相談ください！
