Core Web Vitals入門｜LCP・INP・CLSをやさしく解説
Core Web Vitalsの3指標LCP・INP・CLSを初心者向けに解説。2026年最新の目標値、計測方法、改善の優先順位を実践レベルでまとめました。
Core Web Vitals入門｜LCP・INP・CLSをやさしく解説
この記事の結論: Core Web VitalsはLCP（表示速度）・INP（操作反応）・CLS（レイアウト安定性）の3指標です。それぞれ2.5秒以下、200ms以下、0.1以下が目標値で、Search Consoleで計測できます。
最終更新日: 2026-05-04
はじめに
「ページ速度がSEOに効くって聞いたけど、何を測るの？」という疑問に答える記事です。Googleが2020年に発表したCore Web Vitalsの3指標を、初心者向けに分かりやすく解説します。改善の優先順位や計測ツールも紹介します。
Core Web Vitalsとは
Core Web VitalsはGoogleが定義したUX（ユーザー体験）の核心指標で、ページがどれだけ「気持ちよく」使えるかを定量化したものです。2021年6月からランキングシグナルとして組み込まれ、2024年3月からは指標が更新されました。
3つの指標で構成されます。
LCP（Largest Contentful Paint）
LCPは、ページ内で最も大きいコンテンツ（通常はメインビジュアルやヒーロー画像）が表示完了するまでの時間です。
LCPを改善する方法
- 画像の最適化（WebP/AVIF形式、適切なサイズ）
- 画像のlazy-loading（ただしLCP要素はeager）
- CDN利用
- サーバー応答時間（TTFB）の改善
- レンダリングブロッキングなJavaScript・CSSの除去
- フォントの最適化（preload、font-display: swap）
ポイント: LCP要素の画像には
fetchpriority="high"を指定すると優先読み込みされます。
INP（Interaction to Next Paint）
INPは、ユーザーがクリック・タップ・キー入力をしてから、画面が応答（描画更新）するまでの時間です。2024年3月にFID（First Input Delay）から置き換えられました。
INPはページ滞在中の全インタラクションを評価します。FIDが「最初の操作だけ」だったのに対し、INPは「最悪のケース」を見るので、より厳しい指標です。
INPを改善する方法
- JavaScriptの実行時間を短縮
- メインスレッドのブロックを減らす（Web Workerの活用）
- 重いイベントハンドラの分割
- 不要なサードパーティスクリプトの削除
- React/Vueなどのコンポーネント最適化
CLS（Cumulative Layout Shift）
CLSは、ページ読み込み中に予期せぬレイアウト崩れがどれだけ起きたかの累積値です。「読もうとした瞬間に広告が割り込んでクリック誤爆」のような体験を防ぐための指標です。
CLSを改善する方法
- 画像・iframe・動画にwidth/height属性を必ず指定
- 広告枠の高さを事前に確保
- フォントの遅延読み込みを最適化（FOIT/FOUTの削減）
- 動的に挿入されるコンテンツは既存要素の上に配置しない
計測ツール
Core Web Vitalsの状態は次のツールで計測できます。
| ツール | 種類 | 用途 |
|---|---|---|
| Search Console | 実測値 | サイト全体のページグループ別 |
| PageSpeed Insights | 両方 | 個別URLの詳細分析 |
| Chrome DevTools | ラボ環境 | 開発中のチェック |
| CrUX Dashboard | 実測値 | 過去28日のトレンド |
| Web Vitals Extension | 実測値 | リアルタイム測定 |
「ラボデータ」（理論値）と「フィールドデータ」（実ユーザーの値）の両方を見ることが重要です。Googleがランキングに使うのはフィールドデータです。
改善の優先順位
すべて完璧にする必要はありません。優先順位は次が一般的です。
- CLSが0.25超 → 即対応（ユーザー離脱が多い）
- LCPが4秒超 → 高優先度
- INPが500ms超 → 高優先度
- その他「要改善」レベル → 余力で対応
SEOへの影響
Googleは「Core Web Vitalsはランキング要素だが、コンテンツの関連性ほど強くはない」と公式発表しています。ただし、競合と内容が拮抗している場合は決定打になります。
また、Core Web Vitalsが悪いとユーザーの離脱率が上がり、間接的に直帰率やCTRに影響します。
2026年のトレンド
2026年現在、注目されているのは次の点です。
- INPがFIDの代替として完全定着
- モバイル中心の評価がさらに強化
- AIエージェントによる自動診断ツールの普及
将来的には新指標が追加される可能性もあるため、Google Search Centralブログを定期的にチェックしましょう。
よくある質問
Q1. WordPressでCore Web Vitalsを改善するには？
A. 軽量テーマの選択、画像最適化プラグイン（WebP Express等）、キャッシュプラグイン（WP Rocket等）の導入が基本です。
Q2. ページ速度はランキング1位を取れる要因ですか？
A. 単独では難しいです。コンテンツの質・E-E-A-T・被リンクが土台で、Core Web Vitalsはその上の最適化要素です。
Q3. PageSpeed Insightsとフィールドデータでスコアが違うのはなぜ？
A. ラボは理想環境、フィールドは実ユーザーの環境（端末・回線）で測定するためです。Googleが評価するのはフィールド値です。
Q4. LCPを2.5秒以下にできない場合、SEOに不利ですか？
A. 競合と比較して相対的に評価されるため、競合も遅ければ大きな差にはなりません。ただし改善努力は必要です。
関連用語
関連記事
参考文献・出典
- web.dev — Core Web Vitals — 公式ドキュメント
- Google Search Central — ページエクスペリエンス — Google公式
- web.dev — INP — INP指標の詳細
- Chrome User Experience Report (CrUX) — 実測データ
関連用語
- INP（Interaction to Next Paint）
INPとは、ユーザーがクリック・タップ・キー入力したあと、次の画面更新までの遅延時間を測る指標。「操作のサクサク感」を表し、200ms以内が良好とされます。2024年3月にFIDから置き換わりました。
- E-E-A-T
E-E-A-Tとは、Googleがコンテンツ品質を評価する4つの観点「Experience（経験）・Expertise（専門性）・Authoritativeness（権威性）・Trustworthiness（信頼性）」のこと。SEOとLLMO両方で最重要の概念です。
- LCP（Largest Contentful Paint）
LCPとは、ページ内で最も大きいコンテンツ（画像・動画・テキストブロック）が画面に表示されるまでの時間。読み込み体感速度を表す指標で、2.5秒以内が「良好」とされます。
- Core Web Vitals
Core Web Vitalsとは、Googleが定めるWebページのユーザー体験を測る3つの指標群（LCP・INP・CLS）。読み込み速度・応答性・視覚的安定性をスコア化し、ランキング要素にも組み込まれています。
- CLS（Cumulative Layout Shift）
CLSとは、ページ表示中にレイアウトが意図せずズレる量の累積スコア。「読んでいた場所がいきなり動いて誤タップした」体験を防ぐための指標で、0.1以下が良好とされます。
- 直帰率
直帰率とは、最初に訪問したページだけを見て他のページを見ずに離脱したセッションの割合。高すぎると検索意図とコンテンツのズレを示すサインで、SEO改善のヒントになります。