ホームページの検索順位を上げるには、コンテンツの質だけでなく、ホームページの表示速度や操作性も重要です。Googleはこうしたユーザー体験を評価する指標として、コアウェブバイタル（Core Web Vitals）を導入しています。
本記事では、コアウェブバイタルの基本的な意味や3つの指標、SEOへの影響、計測ツール、改善方法までを解説します。
コアウェブバイタル（Core Web Vitals）とは
コアウェブバイタル（Core Web Vitals）とは、Googleがホームページのユーザー体験を評価するために設けた3つの指標です。具体的には、ページの表示速度を測るLCP、レイアウトの安定性を測るCLS、操作への応答性を測るINPで構成されています。
Googleは2021年からコアウェブバイタルを検索ランキングの評価基準に組み込んでおり、スコアが良好なホームページは検索結果で有利になる可能性があります。つまり、どれだけ良いコンテンツを用意しても、ページの読み込みが遅かったり、操作中に画面がガタつくようなホームページでは、SEO面でマイナスになりかねません。
コアウェブバイタルは専用ツールを使えば無料で計測でき、自社サイトの現状を誰でも把握できます。ただし、スコアを改善するには画像の最適化やコードの修正など技術的な対応が必要になるため、制作会社に相談するのが確実です。
コアウェブバイタルを改善するメリット
コアウェブバイタルを改善すると、検索エンジンからの評価向上だけでなく、ホームページを訪れたユーザーの行動にも良い変化が期待できます。ここでは、代表的な2つのメリットを紹介します。
SEO効果が高まる
コアウェブバイタルは、Googleが検索順位を決める際のランキングシグナルの一つです。スコアが良好なホームページは、検索結果で優遇される可能性があります。
ただし、コアウェブバイタルだけで検索順位が大きく変動するわけではありません。Googleはコンテンツの質や関連性を重視しており、あくまで同程度の内容を持つページ同士の比較で差がつく要素として機能しています。逆に言えば、競合とコンテンツの質が拮抗している場合、コアウェブバイタルのスコアが検索順位の決め手になる場面もあるということです。
SEO対策としてコンテンツの充実に取り組んでいるなら、コアウェブバイタルの改善もあわせて進めることで、より高い効果が見込めます。
ユーザーの離脱率が下がる
ページの表示が遅かったり、読み込み中にレイアウトがズレて意図しない場所をタップしてしまったりすると、ユーザーはストレスを感じてホームページから離脱してしまいます。コアウェブバイタルを改善すれば、こうした不快な体験を減らすことが可能です。
特にスマートフォンからのアクセスが多い中小企業のホームページでは、表示速度や操作性の影響が大きくなります。せっかく訪問してくれたユーザーが、ページを見る前に離れてしまえば、問い合わせや購入にはつながりません。
コアウェブバイタルの改善は、集客した見込み客を逃さないための土台づくりとも言えます。
コアウェブバイタルの3つの指標
コアウェブバイタルは、LCP・CLS・INPという3つの指標で構成されています。それぞれが異なる角度からユーザー体験を数値化しており、すべてのスコアを良好に保つことが重要です。
LCP（Largest Contentful Paint ）
LCPは、ページ内で最も大きなコンテンツが表示されるまでの時間を測定する指標です。たとえば、メイン画像や大きなテキストブロックなど、画面上で最も面積の大きい要素の表示速度が対象になります。理想的な値は2.5秒以下で、4.0秒を超えると不良と評価されます。
LCPが遅いページは、ユーザーにとって読み込みが終わらないように感じられ、内容を見る前に離脱される原因になります。特にスマートフォンでは通信環境の影響を受けやすいため、画像の軽量化やサーバー応答の改善が求められます。
CLS（Cumulative Layout Shift ）
CLSは、ページの読み込み中に発生するレイアウトのズレを測定する指標です。たとえば、テキストを読んでいる途中で画像や広告が突然表示されて画面がガクッと動くと、ユーザーが誤ったリンクをタップしてしまうことがあります。
良好とされる値は0.1未満で、0.25以上は不良と判定されます。こうしたレイアウトのズレは、画像や動画の表示サイズが事前に指定されていなかったり、後から広告が読み込まれたりする場合に多く発生します。画面が安定しないホームページはユーザーの信頼を損ねるため、視覚的な安定性の確保が欠かせません。
INP（Interaction to Next Paint）
INPは、ユーザーがリンクのクリックやメニューの開閉などの操作を行った際に、ブラウザが画面に反応を返すまでの速度を測定する指標です。200ミリ秒以下が良好、500ミリ秒以上は不良と評価されます。
以前はFID（First Input Delay）という指標が使われていましたが、FIDはページを開いた直後にユーザーが最初に行った操作の応答速度しか測定できませんでした。2024年3月にINPへ正式に切り替わり、ページ内で行われたすべての操作の中から最も遅いものが評価基準となったため、ユーザー体験をより正確に反映できるようになっています。
問い合わせフォームの送信やメニューの開閉など、日常的な操作がスムーズに動作するかどうかが問われる指標です。
コアウェブバイタルを計測できるツール
コアウェブバイタルのスコアを改善するには、まず現状を正しく把握する必要があります。ここでは、無料で使える代表的な計測ツールを紹介します。
PageSpeed Insights
PageSpeed Insightsは、Googleが提供する無料のパフォーマンス計測ツールです。URLを入力するだけで、LCP・CLS・INPのスコアをまとめて確認できます。
このツールの特徴は、実際のユーザーから収集したフィールドデータと、シミュレーションによるラボデータの両方を表示してくれる点にあります。フィールドデータは現実の利用環境での結果なので、より実態に近い評価が得られます。また、スコアが低い項目については改善の提案も表示されるため、何から手をつければいいかの判断材料になります。
コアウェブバイタルの計測に迷ったら、まずはこのツールから始めるのがおすすめです。
Googleサーチコンソール
Googleサーチコンソールでは、ウェブに関する主な指標からコアウェブバイタルの状態をページ単位で確認できます。
各ページは良好・改善が必要・不良の3段階で分類され、どのページにどの問題があるかを一覧で把握できるのが強みです。サイト全体の傾向を見たいときや、問題のあるページを特定したいときに役立ちます。
ただし、具体的な改善方法までは表示されないため、問題のあるページを見つけたらPageSpeed Insightsで詳細を確認するという使い分けが効果的です。
Lighthouse
Lighthouseは、Googleが提供するオープンソースの分析ツールで、Chrome拡張機能として利用できます。コアウェブバイタルに加えて、SEOやアクセシビリティなど複数の観点からスコアが表示されるため、ホームページの品質を総合的にチェックしたい場合に役立ちます。
PageSpeed Insightsのフィールドデータは過去28日間のユーザーデータを基にしているため、修正後すぐには数値に反映されません。その点Lighthouseは、ページを修正した直後にスコアの変化をその場で確認できるのが強みです。
ただし、計測結果はシミュレーションによるラボデータのみとなるため、実際のユーザー体験を反映したフィールドデータはPageSpeed InsightsやGoogleサーチコンソールで補完する必要があります。
コアウェブバイタルの改善方法
コアウェブバイタルのスコアを改善するには、指標ごとに原因を特定し、適切に対処することが大切です。ただし、改善にはHTMLやCSS、JavaScriptなど技術的な知識が求められるため、制作会社と連携して進めるのが現実的です。ここでは、LCP・CLS・INPそれぞれの改善方法を解説します。
LCPの改善方法
LCPの数値が悪い主な原因は、画像の読み込みとサーバーの応答速度です。
ホームページに掲載している画像のファイルサイズが大きいと、それだけ表示に時間がかかります。まずは不要な画像を削除し、残す画像もWebPなどの軽量なフォーマットに変換して容量を抑えるのが基本的な対策です。
サーバー側の対策としては、キャッシュの設定を見直すことで、再訪問時の読み込み速度を大幅に短縮できます。また、CSSやJavaScriptの中にレンダリングを妨げるコードがあると、ブラウザがページを表示するまでに余計な時間がかかるため、不要なコードの削除や非同期読み込みへの変更も効果的です。
CLSの改善方法
CLSのスコアが悪化する原因の多くは、画像や広告などで表示サイズが事前に指定されていないことにあります。ページの読み込み中にこれらの要素が後から挿入されると、既存のコンテンツが押し下げられてレイアウトがズレてしまいます。
対策としてまず取り組みたいのが、画像や動画、広告SNSにwidthとheightを指定して表示領域をあらかじめ確保することです。これだけでもレイアウトのズレは大きく軽減されます。Webフォントの読み込み遅延も原因になりやすいため、フォントのプレロード設定やfont-displayの指定も有効です。
INPの改善方法
INPの数値が悪い場合、主な原因はJavaScriptの処理負荷にあります。不要なスクリプトが多いと、ユーザーが操作してもブラウザの応答が遅くなり、画面が反応するまでに時間がかかります。
改善の基本は、使われていないJavaScriptを削除し、コード全体を軽量化することです。処理が重いスクリプトは、メインスレッドをブロックしないよう分割して実行する方法も有効です。また、CSSやJavaScriptを非同期で読み込む設定に変更すれば、ブラウザが操作への応答に集中できるようになります。
コアウェブバイタルに関するよくある質問
コアウェブバイタルについて、よく寄せられる質問とその回答をまとめました。
コアウェブバイタルはどのくらいの頻度で確認すべきですか？
月に1回程度の確認をおすすめします。
Googleサーチコンソールのウェブに関する主な指標は、問題が発生すると通知が届く仕組みになっているため、日常的にはサーチコンソールの通知を確認するだけで十分です。加えて、月に1回ほどPageSpeed Insightsで主要なページのスコアをチェックしておくと、問題の早期発見につながります。
また、ページの追加やデザインの変更、プラグインの導入といったホームページに手を加えたタイミングでは、その都度スコアに影響が出ていないかを確認するのが安全です。
コアウェブバイタルのスコアが低いと検索順位は下がりますか？
スコアが低いだけで検索順位が大幅に下がることはありません。Googleはコンテンツの質や検索意図との関連性を重視しており、コアウェブバイタルは数あるランキング要因の一つという位置づけです。
ただし、競合サイトとコンテンツの質が同程度の場合、コアウェブバイタルのスコアが検索順位の差を生む可能性があります。Googleも、同様のコンテンツを持つページが複数ある場合にはページエクスペリエンスの優れたホームページを優先すると公表しています。
直接的に検索順位を大きく動かす要素ではないものの、SEO対策で競合との差を詰めたい場面では無視できない指標です。
まとめ
コアウェブバイタルは、ホームページの表示速度や操作性、レイアウトの安定性をGoogleが評価するための指標です。スコアを改善することで、SEO効果の向上やユーザーの離脱防止が期待できます。
まずはPageSpeed InsightsやGoogleサーチコンソールで自社サイトの現状を確認し、スコアに問題があれば制作会社と相談しながら改善を進めてみてください。
