ホームページの表示速度が遅い、操作してもなかなか反応しない。こうした問題があると、ユーザーはストレスを感じてページから離れてしまいます。Googleはこのようなユーザー体験の質を数値で評価するために、コアウェブバイタル（Core Web Vitals）という指標を設けています。
この記事では、コアウェブバイタルを構成する3つの指標の意味やSEOへの影響、計測ツール、改善方法までをわかりやすく解説します。
コアウェブバイタル（Core Web Vitals）とは
コアウェブバイタル（Core Web Vitals）とは、Googleがホームページのユーザー体験を評価するために設けた3つの指標です。表示速度、レイアウトの安定性、操作への応答性という3つの観点からスコアが算出され、ホームページの使いやすさを数値で把握できる仕組みになっています。
Googleは2021年にコアウェブバイタルを検索ランキングの評価基準に組み込みました。スコアが良好なホームページは検索結果で有利になる可能性があり、スコアが低いホームページはSEOで不利になる可能性があります。
もともとGoogleはモバイル対応やHTTPS化といったユーザー体験に関わる要素を評価してきましたが、コアウェブバイタルはその中でもとりわけ重視されている指標です。コンテンツの質を高めるだけでなく、ホームページそのものの快適さにも目を向ける必要があることを示しています。
コアウェブバイタルの3つの指標
コアウェブバイタルは、LCP・CLS・INPという3つの指標で構成されています。それぞれ表示速度、レイアウトの安定性、操作への応答性を数値化しており、3つの指標がそれぞれ何を測っているのかを把握しておくことが改善の第一歩です。
LCP
LCP（Largest Contentful Paint）は、ページ内で最も大きなコンテンツが表示されるまでの時間を測定する指標です。
計測の対象となるのは、メイン画像や動画のサムネイル、大きなテキストブロック、CSSの背景画像など、画面上で最も面積の大きい要素になります。ページによって対象となる要素は異なるため、画像だけが評価対象ではない点に注意が必要です。
良好とされる値は2.5秒以下で、2.5秒から4.0秒は改善が必要、4.0秒を超えると不良と評価されます。ただし、この判定はホームページを訪れた全ユーザーのうち上位75%の数値が基準となります。つまり、一部のアクセスだけが速くても、大半のユーザーが2.5秒以内に表示されていなければ良好とは判定されません。
LCPはユーザーがページが表示されたと感じるタイミングに直結する指標です。数値が悪いと、読み込みがいつまでも終わらないような印象を与え、内容を見る前に離脱される原因になります。
特にスマートフォンではパソコンに比べて通信環境やCPU性能の影響を受けやすく、同じページでもモバイル側のスコアが大きく悪化するケースは珍しくありません。
CLS
CLS（Cumulative Layout Shift）は、ページの読み込み中に発生するレイアウトのズレを数値化した指標です。
たとえば、テキストを読んでいる途中で画像や広告が突然割り込んで画面がガクッと動いたり、タップしようとしたボタンが別の位置にズレて誤った操作につながったりする現象が評価の対象になります。
良好とされる値は0.1未満で、0.1から0.25は改善が必要、0.25以上は不良と判定されます。LCPやINPと異なり、CLSは秒数ではなくズレの大きさと発生頻度をもとにしたスコアで評価される点が特徴です。
レイアウトのズレが起きる主な原因は、画像や動画にwidthとheightが指定されていない、広告枠のサイズが確保されていない、Webフォントの読み込みによってテキストの表示が切り替わるといったケースです。
こうしたズレはユーザーの操作ミスを誘発し、ホームページへの信頼感を損ねてしまいます。3つの指標の中でも、ユーザーのストレスに直結しやすい指標と言えます。
INP
INP（Interaction to Next Paint）は、ユーザーがクリックやタップ、キーボード操作を行った際に、ブラウザが画面に反応を返すまでの速度を測定する指標です。
200ミリ秒以下が良好、200ミリ秒から500ミリ秒は改善が必要、500ミリ秒以上は不良と評価されます。
以前はFID（First Input Delay）という指標が使われていましたが、FIDが測定していたのはページを開いた直後の最初の操作に対する応答速度だけでした。ページの途中で行われる2回目以降の操作は評価の対象外だったため、実際のユーザー体験を十分に反映できないという課題がありました。
2024年3月にINPへ正式に切り替わったことで、ページ滞在中に行われたすべての操作が計測対象となり、その中で最も応答が遅かった操作がスコアとして報告される仕組みに変わっています。
なお、スクロールやマウスホバーはINPの計測対象には含まれません。計測されるのは、リンクのクリック、ボタンのタップ、フォームへの入力、メニューの開閉といった、画面に視覚的な変化をもたらす操作です。問い合わせフォームの送信ボタンを押したのに反応が返らない、メニューをタップしても開くまでに間があるといった日常的な操作のもたつきが評価に直結します。
コアウェブバイタルはSEOにどのくらい影響するのか
コアウェブバイタルはGoogleの検索ランキング要因の一つですが、スコアを改善すればそれだけで検索順位が上がるというものではありません。ここでは、SEOへの影響度を正しく理解するために、3つの観点から解説します。
検索順位への影響は限定的
Googleはコアウェブバイタルをランキングシグナルとして使用していることを公表していますが、同時にコンテンツの質や検索意図との関連性のほうが優先されるとも明言しています。つまり、コアウェブバイタルのスコアが多少低くても、コンテンツそのものが検索意図に合致していれば、上位に表示される可能性は十分にあります。
Googleの公式ドキュメントでも、ページエクスペリエンスの一部の要素が平均以下であっても、総合的に優れた情報を含むページが優先されるとされています。また、Googleのジョン・ミューラー氏も、SEOのためだけにコアウェブバイタルの完璧なスコアを追い求めるのは効率的ではないと発言しています。
検索順位を上げる目的であれば、まずはコンテンツの質を高めることが最優先です。コアウェブバイタルの改善に過度な時間を割くよりも、ユーザーの検索意図に応える情報を充実させるほうが、SEO効果は大きくなります。
競合と同程度のコンテンツなら差がつく要因になる
ただし、検索順位への影響が小さいからといって、まったく無視してよいわけではありません。Googleは同様のコンテンツを持つページが複数ある場合には、ページエクスペリエンスの優れたホームページを優先するとも公表しています。
たとえば、同じ業種で同じキーワードを狙っている競合サイトがあり、コンテンツの質や被リンクの状況に大きな差がない場合、コアウェブバイタルのスコアが検索順位を分ける決め手になることがあります。コンテンツの質が拮抗する競争の激しいキーワードほど、こうした技術的な差が影響しやすくなります。
SEO対策としてコンテンツの充実に取り組んでいるのであれば、コアウェブバイタルの改善もあわせて進めておくことで、競合との差を一つ埋めることができます。
離脱率の改善を通じて間接的にSEOに効く
コアウェブバイタルの改善は、検索順位への直接的な効果よりも、ユーザー行動の改善を通じて間接的にSEOへ好影響を与える可能性があります。
ページの表示が遅ければユーザーは内容を見る前に離脱し、レイアウトがズレれば誤操作によってストレスを感じてページを閉じてしまいます。
こうした離脱が減り、ユーザーがページをしっかり閲覧するようになれば、滞在時間や回遊率といった行動指標が改善されます。Googleは検索順位の決定にさまざまなシグナルを使っているため、こうしたユーザー行動の改善が結果としてSEO評価にプラスに働く可能性は十分に考えられます。
特にスマートフォンからのアクセスが多い中小企業のホームページでは、表示速度や操作性の問題が離脱率に直結しやすい傾向があります。コアウェブバイタルの改善は、検索順位を直接上げる施策というよりも、ユーザー行動を改善することで間接的にSEO評価を底上げする取り組みと捉えるのが適切です。
コアウェブバイタルを計測できるツール
コアウェブバイタルのスコアを改善するには、まず自社サイトの現状を正しく把握する必要があります。Googleは無料で使える計測ツールを複数提供しており、それぞれ用途や特徴が異なります。
PageSpeed Insights
PageSpeed Insightsは、Googleが提供する無料のパフォーマンス計測ツールです。
調べたいページのURLを入力して「分析」をクリックするだけで、LCP・CLS・INPのスコアをまとめて確認できます。
このツールでは、2種類のデータが表示されます。一つは、過去28日間に実際のユーザーがそのページを訪れた際のデータで「フィールドデータ」と呼ばれます。もう一つは、Googleが一定の通信環境を再現して測定した「ラボデータ」です。
フィールドデータは実際の利用環境を反映しているため、Googleの検索評価に使われるのもこちらのデータになります。一方、ラボデータはページを修正した直後に変化を確認したいときに役立ちます。
また、スコアが低い項目については具体的な改善提案も表示されるため、どこに原因があるのかを把握しやすい点も特徴です。コアウェブバイタルの計測で最初に使うツールとして最適です。
Googleサーチコンソール
Googleサーチコンソールでは、サイドバーの「ウェブに関する主な指標」からコアウェブバイタルの状態をサイト全体にわたって確認できます。モバイルとパソコンそれぞれのレポートが用意されており、各ページが良好・改善が必要・不良の3段階で分類されます。
PageSpeed Insightsが1ページずつの計測であるのに対し、サーチコンソールではサイト内のどのページに問題があるかを一覧で把握できるのが強みです。問題が発生するとメールで通知が届く仕組みにもなっているため、日常的な監視ツールとしても活用できます。
ただし、サーチコンソールは問題の有無を確認するためのツールであり、具体的に何が原因でスコアが低いのかまでは表示されません。問題のあるページを見つけたら、PageSpeed InsightsにそのページのURLを入力して原因と改善策を確認するという使い分けが効果的です。
Lighthouse
Lighthouseは、Googleが提供するオープンソースの分析ツールで、Google Chromeの開発者ツールやChrome拡張機能から利用できます。
コアウェブバイタルに関連するパフォーマンスに加えて、SEO、アクセシビリティ、ベストプラクティスなど複数の観点からスコアが表示されるため、ホームページの品質を総合的にチェックしたい場合に適しています。
Lighthouseの最大の特徴は、計測した時点のページ状態をその場でスコア化してくれる点です。PageSpeed Insightsのフィールドデータは過去28日間のユーザーデータをもとにしているため、ページを修正してもすぐには数値に反映されません。修正直後に効果を確認したいときは、Lighthouseで計測するのが確実です。
ただし、Lighthouseで得られるのはシミュレーション環境でのラボデータのみです。実際のユーザー環境における評価を確認するにはPageSpeed InsightsやGoogleサーチコンソールが必要なため、Lighthouseだけで判断するのではなく、他のツールとあわせて使うことが大切です。
コアウェブバイタルの改善方法
コアウェブバイタルのスコアを改善するには、指標ごとに原因を特定し、適切に対処する必要があります。ここでは、LCP・CLS・INPそれぞれの主な原因と具体的な改善方法を解説します。
LCPを改善する方法
LCPはコアウェブバイタルの中でもユーザーの体感速度に直結する指標です。改善するには、ページの表示速度を遅くしている原因を見つけて取り除くことが基本になります。悪化の原因は大きく分けて、画像の読み込み、サーバーの応答速度、レンダリングブロックの3つに分類できます。
画像については、ファイルサイズが大きいほど表示までの時間が長くなります。まずは不要な画像を削除し、残す画像はWebPなどの軽量なフォーマットに変換して容量を抑えるのが基本です。あわせて、ファーストビューに表示されない画像には遅延読み込み（loading=”lazy”）を設定して、最初に読み込むデータ量を減らすことも有効です。ただし、LCPの対象となるメイン画像に遅延読み込みを設定してしまうと、逆に表示が遅れる原因になります。メイン画像は遅延読み込みの対象から外し、必要に応じてプリロードを設定して読み込みの優先度を上げましょう。
サーバーの応答速度も重要な要因です。サーバーの応答が遅いと、ブラウザがページの描画を開始するまでに時間がかかります。キャッシュの設定を見直して再訪問時の読み込みを高速化するほか、サーバー自体の性能が不足している場合はスペックの見直しや移行を検討する必要があります。
さらに、CSSやJavaScriptの中にブラウザの描画をブロックするコードが含まれていると、ページの表示開始が遅れます。不要なCSSやJavaScriptを削除する、ファーストビューの表示に不要なスクリプトは非同期読み込みや遅延読み込みに切り替える、といった対応が効果的です。
WordPressを使っている場合は、使っていないプラグインや計測タグが表示速度を圧迫していることも多いため、あわせて見直すとよいでしょう。
CLSを改善する方法
CLSはコアウェブバイタルの中でも、ユーザーのストレスや誤操作に直結しやすい指標です。改善するには、ページの読み込み中にレイアウトがズレる原因を特定し、要素の表示位置やサイズを事前に確定させることが基本になります。悪化の原因は主に、画像や広告のサイズ未指定、Webフォントの読み込み遅延、動的に挿入されるコンテンツの3つに分類できます。
最も基本的な対策は、画像や動画のimgタグにwidthとheightを指定して、表示領域をあらかじめ確保することです。サイズが指定されていないと、ブラウザは画像を読み込むまでどの程度のスペースを空ければよいかわからず、読み込み完了後に周囲のコンテンツが押し下げられてレイアウトがズレてしまいます。この対策だけでもCLSのスコアは大きく改善されるケースが多いです。
広告枠やSNSの埋め込みも同様で、表示領域をCSSであらかじめ確保しておくことで、読み込み時のズレを防げます。
Webフォントの読み込みもCLSに影響しやすい要因です。Webフォントが読み込まれるまでの間、テキストは代替フォントで表示されますが、フォントが切り替わるタイミングで文字の大きさや行間が変わり、レイアウトがズレることがあります。CSSのfont-displayプロパティにswapを指定する、フォントファイルをプリロードして読み込みを早めるといった対策で、この問題を軽減できます。
INPを改善する方法
INPはコアウェブバイタルの中でも、2024年3月に新たに加わった比較的新しい指標です。改善するには、ユーザーの操作に対するブラウザの応答を速くする必要があります。悪化の主な原因は、JavaScriptの処理負荷が高く、ブラウザのメインスレッドが長時間占有されてしまうことです。メインスレッドはユーザーの操作への応答や画面の描画を担当しているため、ここが重い処理でブロックされると、ボタンを押しても反応が返らないという状態が発生します。
改善の第一歩は、使われていないJavaScriptを削除してコード全体を軽量化することです。広告タグや計測タグ、使っていないプラグインのスクリプトなど、ページの動作に不要なコードが読み込まれていないかを確認しましょう。ただし、あるページでは不要に見えても別のページでは使われているケースもあるため、削除の判断は慎重に行う必要があります。
不要なコードを削除したうえで、ページの読み込み時に実行する必要のないJavaScriptには、async属性やdefer属性を指定して遅延読み込みを設定します。これにより、スクリプトの読み込みがページの表示や操作の応答を妨げなくなります。
それでもスコアが改善しない場合は、処理の重いスクリプトを分割して実行する方法が有効です。メインスレッドを50ミリ秒以上ブロックするタスクを小さな単位に分けることで、その合間にブラウザがユーザーの操作に応答できるようになります。
コアウェブバイタルに関するよくある質問
コアウェブバイタルについて、中小企業のホームページ担当者からよく寄せられる質問にお答えします。
どのくらいの頻度で確認すべきですか？
月に1回程度の確認をおすすめします。
Googleサーチコンソールのウェブに関する主な指標は、問題が発生すると通知が届く仕組みになっているため、日常的にはサーチコンソールの通知を確認するだけで十分です。加えて、月に1回ほどPageSpeed Insightsで主要なページのスコアをチェックしておくと、問題の早期発見につながります。
また、ページの追加やデザインの変更、プラグインの導入といったホームページに手を加えたタイミングでは、その都度スコアに影響が出ていないかを確認するのが安全です。
スコアが低いと検索順位は下がりますか？
スコアが低いだけで検索順位が大幅に下がることはありません。
Googleはコンテンツの質や検索意図との関連性をより重視しており、コアウェブバイタルは数あるランキング要因の一つという位置づけです。詳しくは本記事の「コアウェブバイタルはSEOにどのくらい影響するのか」で解説しています。
モバイルとパソコンでスコアが違うのはなぜですか？
コアウェブバイタルのスコアは、モバイルとパソコンで別々に計測されるため、同じページでも数値が異なるのは正常です。
スコアに差が出る主な原因は、端末の処理性能と通信環境の違いにあります。スマートフォンはパソコンに比べてCPUの処理能力が低く、モバイル回線では通信速度も安定しにくいため、LCPやINPのスコアが悪化しやすい傾向があります。また、画面幅の違いによってレイアウトの挙動が変わるため、CLSのスコアにも差が生じます。
Googleはモバイルとパソコンそれぞれのスコアを独立した評価基準として扱っており、PageSpeed InsightsやGoogleサーチコンソールでもデバイスごとに結果が分かれて表示されます。中小企業のホームページではスマートフォンからのアクセスが多いため、まずはモバイル側のスコアを優先して改善するのが効果的です。
自社で改善できますか？
コアウェブバイタルの計測や現状の把握は自社でも十分に対応できます。PageSpeed InsightsにURLを入力するだけでスコアは確認でき、Googleサーチコンソールを使えば問題のあるページも特定可能です。
ただし、スコアの改善となると話は変わります。画像フォーマットの変換やサイズ指定はWordPressの管理画面から対応できるケースもありますが、JavaScriptの最適化やレンダリングブロックの解消といった作業にはHTMLやCSSの知識が求められます。知識がない状態で修正を加えると、ページの表示が崩れたり、フォームが動かなくなるといったトラブルにつながるリスクもあります。
まずは自社で計測を行い、改善が必要な箇所を把握したうえで、具体的な修正作業は制作会社に相談するという進め方が確実です。
まとめ
コアウェブバイタルは、ホームページの表示速度、操作への応答性、レイアウトの安定性をGoogleが評価するための指標です。検索順位を直接大きく動かす要素ではないものの、ユーザー体験の改善を通じて間接的にSEO評価を底上げする効果が期待できます。
まずはPageSpeed InsightsやGoogleサーチコンソールで自社サイトの現状を確認し、スコアに問題がある指標から優先的に改善を進めてください。
