Core Web Vitalsとは？LCP・INP・CLSの見方とSEOでの改善方法

Core Web Vitalsは、 Webページを実際に利用したときの ユーザー体験を測るための指標です。

現在は、 読み込み性能を測るLCP、 操作への応答性を測るINP、 レイアウトの安定性を測るCLSの 3つで構成されています。

単純な「ページ速度」だけではなく、 読み始められるまでの体感、 操作したときの反応、 表示中のズレまで含めて見るのが特徴です。

Googleでは、 Core Web Vitalsを ページエクスペリエンスに関する要素の一つとして扱っています。

ただし、 Core Web Vitalsだけで 検索順位が決まるわけではありません。

検索意図に合った内容、 情報の有用性、 サイト構造など、 他の要素と合わせて考える必要があります。

Core Web Vitalsを確認するときに よく使われるのがPageSpeed Insightsです。

URLを入力すると、 実際のユーザー環境から得られたフィールドデータと、 Lighthouseによるラボデータを確認できます。

この2つは役割が違うため、 同じものとして見ないことが重要です。

Search Consoleにも、 Core Web Vitalsレポートがあります。

ここでは、 実際の使用状況データをもとに、 URLを「良好」「改善が必要」「不良」などの状態で確認できます。

類似するページはURLグループとしてまとめて表示されるため、 サイト全体の問題傾向を確認するときに向いています。

LCPでは、 ファーストビュー付近の 大きな画像や見出しなどが対象になることがあります。

特に、 高解像度すぎるヒーロー画像、 遅いサーバー応答、 重いCSSやJavaScriptなどが 表示開始を遅らせる原因になります。

INPは、 ユーザーがクリックやタップ、 キーボード入力などをしたあと、 次の描画までにどれくらい時間がかかったかを見る指標です。

JavaScriptの重い処理や、 一度に大量の処理が走るページでは、 操作したのに反応がないように感じることがあります。

CLSは、 ページ表示中に起きる 意図しないレイアウト移動を測る指標です。

画像が後から読み込まれて文章を押し下げたり、 広告やバナーが途中から差し込まれたりすると、 ユーザーが読もうとしていた位置が動きます。

WordPressでは、 テーマやプラグイン、 画像、 フォント、 外部タグなどが組み合わさって パフォーマンスへ影響します。

「高速化プラグインを入れれば終わり」 ではなく、 何がLCP・INP・CLSへ影響しているかを見てから改善します。