ページ速度とSEOの関係。Core Web Vitalsを初心者向けに整理する

「Core Web Vitals（コアウェブバイタル）」という言葉を聞いたことはあっても、何を測っているのか・どうすれば改善できるのか、分からないまま放置している方は多いです。Googleが検索順位の評価基準として使っているこの指標、基本を理解するだけで何を改善すべきかが見えてきます。

Core Web Vitalsは、Googleが2021年からランキング要因として採用している「ページ体験の品質指標」です。ページの読み込み速度・視覚的な安定性・インタラクションへの応答速度の3つを数値で評価します。PageSpeed InsightsにサイトのURLを入力すると、これらのスコアを無料で確認できます。

---

この記事で分かること

・Core Web Vitalsの3つの指標（LCP・INP・CLS）の意味

・PageSpeed Insightsでの確認方法

・スコアが悪いときの主な原因と対処法

・WordPressで今日から取り組める改善策

・サーチコンソールでの定期確認の方法

---

Core Web Vitalsの3つの指標

01. LCP（Largest Contentful Paint）——最大コンテンツの表示速度

ページを開いてから、一番大きな要素（メイン画像・大きなテキストブロックなど）が表示されるまでの時間です。目安は2.5秒以内がGood、4秒を超えるとPoor（要改善）とされています。LCPが遅い主な原因は「画像ファイルが重い」「サーバーの応答が遅い」「不要なJavaScriptの読み込み」です。

02. INP（Interaction to Next Paint）——操作への応答速度

ボタンをクリックしたりフォームに入力したりしたとき、画面が反応するまでの時間です。目安は200ミリ秒以内がGood、500ミリ秒を超えるとPoorです。「クリックしたのに反応が遅い」という体験がこれに相当します。重いJavaScriptやサードパーティのスクリプト（チャットツール・広告タグなど）が原因になることが多いです。

03. CLS（Cumulative Layout Shift）——視覚的な安定性

ページを読んでいる途中で、要素が突然ずれて文章が読みにくくなる現象を数値化したものです。「読んでいたら画像が読み込まれて文字が下にずれた」「広告が表示されてボタンの位置が変わった」という体験がCLSの問題です。目安は0.1以内がGood、0.25を超えるとPoorです。

PageSpeed Insightsでの確認方法

1. PageSpeed Insightsを開いてURLを入力する

「PageSpeed Insights」で検索してGoogleの公式ツールにアクセスし、確認したいページのURLを入力して「分析」をクリックします。数十秒で結果が表示されます。

2. 「モバイル」タブのスコアを最優先で確認する

PCとモバイルのタブがありますが、Googleはモバイルのスコアをより重視しています。モバイルスコアが50点以下の場合は早急な改善が必要です。90点以上を目指します。

3. 「診断」セクションで具体的な問題を確認する

スコアの下に「改善できる項目」「診断」というセクションがあり、具体的な問題（「レンダリングを妨げるリソースを排除してください」「適切なサイズの画像」など）が表示されます。赤・オレンジで表示される項目を優先的に対処します。

WordPressで今日から取り組める改善策

■LCPが遅い

主な原因：トップ画像が重い・サーバーが遅い

対処方法：画像をWebP形式に変換・EWWW Image Optimizerで圧縮・キャッシュプラグイン導入

■INPが遅い

主な原因：重いJavaScript・サードパーティスクリプト

対処方法：不要なプラグインを削除・チャットウィジェットなどの遅延読み込みを設定

■CLSが大きい

主な原因：サイズ指定なしの画像・広告の挿入

対処方法：img要素にwidth・height属性を指定・広告スペースのサイズを事前に確保

サーチコンソールでの定期確認

サーチコンソールの「エクスペリエンス」→「ウェブに関する主な指標」では、サイト全体のCore Web Vitalsの状況を一覧で確認できます。「不良」「改善が必要」のURLが増えていないかを月1回確認するルーティンを作ることをおすすめします。問題が発生したURLについてはPageSpeed Insightsで個別に詳細を確認します。

Core Web Vitalsは「お客様がページを使っていて気持ちいいか」をGoogleが数値化したものです。スコア改善はSEOのためだけでなく、お客様の体験を良くするために取り組むものです。

✔ PageSpeed InsightsでモバイルスコアのLCP・INP・CLSを確認したか

✔ トップページの画像を圧縮・WebP化しているか

✔ 不要なプラグインを削除してJavaScriptの読み込みを減らしているか

✔ img要素にwidth・height属性が設定されているか

✔ サーチコンソールの「ウェブに関する主な指標」を月1回確認しているか

ページ速度・Core Web Vitalsの改善もご相談いただけます

現状のスコア確認から改善の優先順位まで、一緒に整理します。