Core Web Vitalsとは？
小規模サイトで見るべき指標を解説
Core Web Vitals（コアウェブバイタル）は、 実際の利用者がページを開いたときの 「主要な内容が表示される速さ」 「クリックやタップへの反応」 「表示中の予期しないズレ」を測る3つの指標です。 現在はLCP、INP、CLSで構成され、 Google検索のランキングシステムでも利用されています。 ただし、数値を良好にすれば必ず検索順位が上がるわけではなく、 関連性の高い内容や分かりやすい導線を含む ページ全体の使いやすさが重要です。 本記事では、3指標の意味と良好の目安、 Search Console・PageSpeed Insightsで測る方法、 実ユーザーデータとテストデータの違い、 アクセス数の少ない小規模サイトでデータが表示されない場合の考え方、 画像・プラグイン・JavaScript・レイアウトを確認する優先順位まで解説します。
2.5秒以内
ページ内の大きな画像や見出しなど、主要コンテンツが表示される速さを測ります。
200ミリ秒以内
クリック・タップ・キーボード操作のあと、画面が反応するまでの応答性を測ります。
0.1以下
読み込み中や操作中に、文字・画像・ボタンが予期せず動いた量を測ります。
Core Web Vitalsは 実際の利用体験を3方向から測る指標
単なるページ容量や総読み込み時間ではなく、利用者が体感する重要な場面を測ります。
安定性
Core Web Vitalsは、 ウェブページに共通して重要となる利用体験を測る Web Vitalsの中核的な指標です。 現在は、読み込み性能を表すLCP、 応答性を表すINP、 視覚的な安定性を表すCLSの3つで構成されています。
Googleは、ページの訪問データを75パーセンタイルで評価します。 簡単に言えば、一部の高速な利用者だけではなく、 多くの利用者が良好な体験を得られているかを見る考え方です。 モバイルとパソコンは分けて測定されます。
Core Web VitalsはGoogle検索のランキングシステムで使われますが、 検索順位を決める唯一の要素ではありません。 Googleは関連性の高い有用なコンテンツを優先し、 Core Web Vitalsが良好でも上位表示を保証しないと案内しています。 完璧な点数を目指すより、利用者を困らせる問題を減らすことが大切です。
数値だけでなく 利用者がどこで困るかを理解する
LCP・INP・CLSは、それぞれ異なる体験の問題を表します。
ファーストビューの大きな画像、 メインビジュアル、見出し、本文ブロックなど、 画面内で最も大きな主要要素が表示されるまでを測ります。
「ページを開いたのに、いつまでも肝心な内容が見えない」という体験に関係します。メニューを開く、フォームを選ぶ、 ボタンを押すなどの操作から、 次の画面表示が描画されるまでの応答性を測ります。
「押したのに反応しない」「何度もタップしてしまう」という体験に関係します。画像、広告、埋め込み、Webフォントなどが後から表示され、 読んでいた文章や押そうとしたボタンが動いた量を測ります。
「別のボタンを誤って押した」「読んでいた位置を見失った」という体験に関係します。実ユーザーデータで状態を判断し テストデータで原因を調べる
Search Console、PageSpeed Insights、Lighthouseは役割が異なります。
ラボで診断
フィールドデータは、 実際のChrome利用者がさまざまな端末・通信環境で ページを利用した結果を集約したデータです。 Search ConsoleのCore Web Vitalsレポートや PageSpeed Insights上部の実際のユーザー環境データで確認できます。
ラボデータは、 決められた端末・ネットワーク条件で ページを読み込んだテスト結果です。 PageSpeed InsightsのLighthouse診断や Chrome DevToolsのLighthouseで確認でき、 改善候補を見つける作業に向いています。
同じページでも、実ユーザーの端末、通信、操作、 Cookie、ログイン状態、地域、外部サービスの状態によって結果は変わります。 そのためラボが良好でフィールドが低速、 またはその逆になることがあります。 どちらか一方を間違いと決めつけず、役割を分けて使います。
モバイル・パソコン別に、 低速・改善が必要・良好のURLグループを確認します。
LCP、INP、CLSのどれが悪いか、 類似テンプレートの代表URLを確認します。
モバイルとパソコンを切り替え、 実ユーザーデータとLighthouse診断を確認します。
LCP要素、長いJavaScript処理、 レイアウトシフトを発生させる要素などを確認します。
一度に多数の設定を変えず、 画像・プラグインなど項目ごとに改善効果を確認します。
ラボ結果はすぐ変わっても、 Search Consoleの実データには一定期間の利用状況が反映されます。
小規模サイトは全ページを追わず 重要テンプレートと問い合わせ導線から確認する
アクセス数が少なく実データが表示されない場合も、代表ページをラボ測定できます。
大きなメイン画像、スライダー、 動画、Webフォント、外部SNS埋め込みが集まりやすいページです。
検索流入や営業で案内するページを測り、 料金・実績・CTAが快適に表示されるか確認します。
フォーム、郵便番号検索、確認画面、 外部予約ツールなどの操作反応を重点的に確認します。
アイキャッチ、目次、関連記事、 広告、吹き出し、画像の遅延読み込みを確認します。
低速な回線や処理能力の低い端末ほど問題が出やすいため、 モバイル測定を先に確認します。
既に検索流入・問い合わせがあるページは、 改善の事業効果を見込みやすいため優先します。
悪い指標に対応する原因から 効果と安全性の高い順に改善する
画像圧縮だけですべての指標が改善するわけではありません。
表示サイズに近い画像を使い、 WebP・AVIFなど適切な形式と圧縮を検討します。
画面上部のLCP画像へ過度なlazy loadingを設定すると、 読み込み開始が遅れる場合があります。
使っていない機能、重複する計測タグ、 SNS・チャット・予約の外部スクリプトを確認します。
Lighthouseだけでなく、スマートフォンで連続操作し、 遅延・固まり・二重送信がないか確認します。
読み込み前から表示領域を確保し、 後から本文やボタンを押し下げないようにします。
読み込み後にページ上部へ要素を差し込まず、 固定領域やオーバーレイ表示を適切に設計します。
表示サイズより極端に大きな画像は、 LCPと通信量を悪化させる可能性があります。
圧縮・結合・遅延読み込みの競合で、 表示崩れや逆に遅くなる問題が起こることがあります。
メニュー、フォーム、決済、計測などが動かなくなる恐れがあるため、 機能ごとにテストします。
記事・サービス・問い合わせは構造が違うため、 代表テンプレートをそれぞれ確認します。
必要な写真・導線・機能を失わず、 利用者と事業への効果を見ながら改善します。
実ユーザーデータには反映まで時間が必要です。 ラボ確認と実データの追跡を分けます。
一回の点数や一つのURLだけで サイト全体を判断しない
実ユーザー・ラボ、モバイル・パソコン、URL・URLグループを区別します。
Search Consoleはデバイス別に表示します。 片方だけ良好でも、もう片方の問題は残ります。
全体ステータスだけでなく、 LCP・INP・CLSのどれが低速なのかを確認します。
同じ問題が複数ページに出るなら、 個別本文より共通テンプレートやプラグインを疑います。
表示速度だけでなく、 離脱、フォーム完了、電話・予約・問い合わせの変化を確認します。
重要ページから測定し 一つずつ修正して実データで確認する
数値を記録し、変更内容と結果を結び付けると改善を続けやすくなります。
トップ、主力サービス、問い合わせ、 代表記事を測定対象にします。
実データがある場合は、 モバイル・パソコン別に悪い指標を確認します。
LCP要素、JavaScript、画像、 レイアウトシフトなどの診断を確認します。
画像容量、画像寸法、不要プラグイン、 キャッシュ、外部埋め込みを優先します。
数値だけでなく、スマホでメニュー、 ボタン、電話、フォームが正常に動くか確認します。
PSIの測定値、変更内容、 Search Consoleの推移、問い合わせへの影響を残します。
数値を改善するだけでなく 読みやすく操作しやすい問い合わせ導線へ整える
表示速度、操作反応、レイアウト、コンテンツ、CTAを一つの体験として確認しましょう。
合わせて確認したい内容
- Search ConsoleのCore Web Vitals
- PageSpeed Insightsの実データとラボ診断
- ファーストビュー画像とLCP
- JavaScript・プラグインとINP
- 画像寸法・埋め込みとCLS
- サーバー・キャッシュ・外部読み込み
- スマートフォンの実機操作
- 問い合わせ・予約までの導線
※Core Web Vitalsの改善によって、 検索順位、アクセス数、問い合わせ数が 必ず向上することを保証するものではありません。 数値だけでなく、コンテンツの品質と実際の利用しやすさを合わせて改善してください。
表示速度の改善方法を見る →利用者を困らせる指標から直そう
Core Web Vitalsは、 LCP・INP・CLSの3指標で 表示速度、操作への反応、画面の安定性を測ります。 Search Consoleの実ユーザーデータで問題の傾向を確認し、 PageSpeed Insightsのラボ診断で原因を探します。 小規模サイトでは、トップ、主力サービス、問い合わせ、 代表記事を優先し、画像、プラグイン、JavaScript、 レイアウトの問題を一つずつ改善しましょう。
本記事は、2026年7月時点で公開されている Google検索セントラル、Search Console、PageSpeed Insights、 web.devの公式情報を参考に作成しています。 Core Web Vitalsの構成、しきい値、 Search Console・Lighthouseの仕様は変更される場合があります。 最新の公式情報と実際の測定画面を確認してください。
- Google検索セントラル：Core Web VitalsとGoogle検索結果
- Google検索セントラル：Google検索結果のページエクスペリエンス
- Search Console ヘルプ：Core Web Vitalsレポート
- web.dev：Web Vitals
- Google Developers：PageSpeed Insightsについて
- web.dev：ラボデータと実環境データの違い
- web.dev：Largest Contentful Paintを最適化する
- web.dev：Interaction to Next Paintを最適化する
- web.dev：Cumulative Layout Shiftを最適化する
