Core Web Vitalsとは?LCP・INP・CLSからブログの表示体験を理解する

ブログのSEOについて調べていると、表示速度と一緒によく登場するのがCore Web Vitals(コアウェブバイタル)です。

Google Search Consoleでも「ウェブに関する主な指標」として確認できますが、LCP・INP・CLSとアルファベットが並ぶため、最初は少し分かりにくく感じます。

しかし意味は比較的シンプルです。

LCP=主要コンテンツが表示される速さ
INP=操作したときの反応の良さ
CLS=表示中のレイアウトの安定性

つまりCore Web Vitalsは、単純な「サイトの速さ」ではなく、ページを実際に利用するときの快適さを測るための指標です。

目次

この記事で分かること

  • Core Web Vitalsの基本
  • LCP・INP・CLSの意味
  • それぞれの良好とされる目安
  • PageSpeed InsightsとSearch Consoleの違い
  • WordPressで改善するときの考え方

Core Web Vitalsとは?

Core Web Vitalsは、Webページのユーザー体験を測るためにGoogleが定めている指標です。

現在の中心となるのは、LCP・INP・CLSの3つです。

GoogleはCore Web Vitalsを、読み込みパフォーマンス、ユーザー操作への応答性、視覚的な安定性といったユーザー体験を測る指標として説明しています。

単に「ページ全体が何秒で読み込まれたか」だけではなく、表示・操作・安定性という3方向から使いやすさを見るわけです。

LCP|主要コンテンツが表示される速さ

LCPはLargest Contentful Paintの略です。

ページを開いたとき、画面内にある主要な大きなコンテンツが表示されるまでの時間を測ります。

ブログでは、大きなアイキャッチ画像やメインビジュアル、テキストブロックなどがLCPの対象になることがあります。

例えば、メニューは表示されているのに記事上部の大きな画像がなかなか出てこなければ、ユーザーは「まだ読み込み中」と感じます。

Googleが示す良好な目安は、LCP 2.5秒以内です。評価では、実際のページ読み込みの75パーセンタイルを見ることが推奨されています。

LCP改善では画像を確認する

WordPressブログで確認しやすいのが画像です。

必要以上に大きな画像や重いファイルを使っている場合は、適切なサイズへの変更や圧縮、WebP・AVIFなどの利用を検討できます。

ただし、画面を開いてすぐ表示される重要な画像まで遅延読み込みすると、逆にLCPを悪化させる場合があります。

目的は「WebPを使うこと」ではなく、読者を主要コンテンツまで待たせないことです。

INP|操作したときの反応の良さ

INPはInteraction to Next Paintの略です。

メニューをクリックする、ボタンを押す、フォームを操作するといったユーザーの操作に対して、ページがどれくらい素早く反応できたかを測ります。

Googleが示す良好な目安は、INP 200ミリ秒以下です。

以前Core Web Vitalsを学んだことがある場合、「FID」という指標を見たことがあるかもしれません。

現在はINPがFIDに代わるCore Web Vitalsとなっています。INPは2024年3月に正式なCore Web Vitalsとなりました。

WordPressでは、JavaScript、広告、計測タグ、外部サービス、複雑なアニメーションなどが操作時の負荷に関係する場合があります。

プラグインについても単純な個数ではなく、実際にどの処理が負荷になっているかを見ることが重要です。

CLS|表示中の画面のズレ

CLSはCumulative Layout Shiftの略で、ページ表示中に発生する予期しないレイアウトのズレを測ります。

例えば文章を読んでいる途中で画像や広告が表示され、本文が突然下へ移動するケースです。

ボタンを押そうとした瞬間に位置がずれれば、別の場所を誤って押してしまうこともあります。

Googleが示す良好な目安は、CLS 0.1以下です。

CLSは表示速度そのものではありません。

ページが高速でも、読み込み途中で画面が何度も動けば快適とは言えないため、Core Web Vitalsでは視覚的な安定性も評価しています。

3つをまとめると何を測っている?

LCP・INP・CLSを難しい専門用語として覚えるより、ユーザーの行動に置き換えると理解しやすくなります。

LCP:すぐ読めるか
INP:操作したらすぐ反応するか
CLS:読んでいる途中で画面が動かないか

この3つを見ることで、単なる読み込み時間では分からないWebページの使いやすさを確認できます。

Core Web VitalsはSEOに影響する?

GoogleはCore Web Vitalsをランキングシステムで利用していると説明しています。

ただし、Googleは同時に、Core Web Vitalsが良好でも検索上位が保証されるわけではないと明記しています。

例えば、検索意図へ十分に答えている記事より、内容が乏しい記事が「表示速度だけ速い」という理由で必ず上位になるわけではありません。

SEOでは検索ユーザーに役立つコンテンツが土台にあり、Core Web Vitalsはそのコンテンツを快適に利用できる状態へ整えるための要素と考えるのが分かりやすいでしょう。

PageSpeed Insightsでは何を見る?

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

PageSpeed Insights

URLを入力すると、Core Web Vitalsやページのパフォーマンス、改善候補などを確認できます。

ただし、PageSpeed Insightsの点数=GoogleのSEO点数ではありません。

PageSpeed Insightsでは、利用可能な場合は実際のChromeユーザーから集められたフィールドデータと、Lighthouseによるテスト環境のラボデータを確認できます。

そのため、一度測って「70点だったからSEOに弱い」と判断するのではなく、問題を見つけるための診断材料として利用します。

Search Consoleとの違い

Search ConsoleのCore Web Vitalsレポートでは、実際の利用データをもとにURLが「良好」「改善が必要」「不良」などに分類されます。

モバイルとデスクトップも分けて確認できます。

ただし、開設直後のブログなどでは十分な実測データが集まっておらず、Core Web Vitalsの情報が表示されない場合があります。

そのため、データがない=サイトに問題があるという意味ではありません。

改善するときは3つを分けて考える

Core Web Vitalsに問題が見つかったら、「サイトが遅い」と一括りにせず、どの指標が悪いのかを確認します。

LCPなら画像やサーバー応答、読み込み順などを確認する。INPならJavaScriptや操作時の重い処理を調べる。CLSなら画像・広告・埋め込みコンテンツなどによる画面のズレを確認する。

原因によって対策は異なります。

高速化プラグインを追加する前に、何が問題なのかを切り分けることが重要です。

まとめ

Core Web Vitalsは、Webページを利用するときの体験を数値で確認するための指標です。

良好とされる目安は、

LCP:2.5秒以内
INP:200ミリ秒以下
CLS:0.1以下

です。

ただし、これらの数値を達成すれば検索順位が上がると保証されるものではありません。

SEOでは検索意図へ答えるコンテンツを作ることが基本です。そのうえで、すぐ読める・操作すれば反応する・読んでいる途中で画面が動かない状態を目指します。

PageSpeed Insightsで100点を取ることではなく、せっかく作った記事を表示体験の悪さで読者に離脱されないようにする。

Core Web Vitalsは、そんなブログの当たり前の使いやすさを確認するための指標として理解すると分かりやすいでしょう。

よかったらシェアしてね!
  • URLをコピーしました!
  • URLをコピーしました!

この記事を書いた人

目次