Core Web Vitals の改善方法｜LCP・INP・CLSの基準と直し方
Core Web Vitalsは、ページ体験の質を測るためにGoogleが定めた指標です。 順位に影響しますが、影響の大きさを誤解している方が非常に多い領域でもあります。
先に結論を書きます。 内容が検索意図に合っていないページを高速化しても、順位は上がりません。 Core Web Vitals は「同程度に良い内容が並んだときの差」として働きます。 まずキーワード設計とコンテンツを固めてから取り組んでください。 順番を間違えると、労力の割に成果が出ません。
3つの指標と基準値
| 指標 | 測るもの | 良好 | 要改善 | 不良 |
|---|---|---|---|---|
| LCP | 主要コンテンツが表示されるまでの時間 | 2.5秒以下 | 2.5〜4.0秒 | 4.0秒超 |
| INP | 操作に対する反応の速さ | 200ms以下 | 200〜500ms | 500ms超 |
| CLS | 表示中のレイアウトのズレ | 0.1以下 | 0.1〜0.25 | 0.25超 |
INPはFIDの後継指標です。 2024年3月に FID（First Input Delay）に代わって正式指標になりました。 FIDが最初の操作の遅延だけを見ていたのに対し、 INPはページ滞在中のすべての操作を評価します。 そのため、FIDでは「良好」だったサイトがINPでは「要改善」になるケースが多く発生しました。
「75パーセンタイル」で判定される
Core Web Vitals は平均値ではなく、実ユーザーの75%が達成している値で評価されます。 つまり4人に3人が2.5秒以内に表示できていれば、LCPは「良好」です。
自分のPCで速く表示されても意味がありません。 回線の遅い環境や古いスマートフォンでの体験が数値に含まれます。
計測ツールの使い分け
| ツール | データの種類 | 使いどころ |
|---|---|---|
| Search Console 「ウェブに関する主な指標」 |
実ユーザーデータ（フィールド） | これが評価対象。まずここを見る |
| PageSpeed Insights | 実ユーザー＋シミュレーション | 個別URLの診断と改善提案 |
| Lighthouse （Chrome DevTools） |
シミュレーション（ラボ） | 改善作業中の確認用 |
Lighthouseのスコア100点を目指す必要はありません。 Lighthouseは特定条件でのシミュレーション値であり、 Googleが評価するのは実ユーザーのデータ（Search Consoleに表示されるもの）です。 スコアを上げることが目的化すると、費用対効果の悪い作業に時間を使うことになります。
LCPの改善方法
LCPは画面内で最も大きな要素（多くはメインビジュアルか見出し）が表示されるまでの時間です。 3指標のなかで最も改善効果が体感しやすく、離脱率にも直結します。
悪化する主な原因と対処
| 原因 | 対処 | 難易度 |
|---|---|---|
| 画像が大きすぎる | WebP／AVIFに変換、表示サイズに合わせてリサイズ | 低 |
| ファーストビューの画像に lazy load | 画面内の画像には loading="lazy" を付けない | 低 |
| Webフォントの読み込み待ち | font-display: swap、またはシステムフォントを使う | 低 |
| CSS/JSの読み込みでブロック | JSに defer、不要なCSSを削減 | 中 |
| サーバーの応答が遅い | キャッシュ設定、サーバー移転、CDN導入 | 高 |
| 外部スクリプトが多い | 不要なタグを削除、非同期読み込みに変更 | 中 |
中小事業者のサイトで最も効くのは、上から3つです。 とくに画像の最適化だけでLCPが劇的に改善するケースが多くあります。 デジカメやスマホで撮った写真をそのまま載せていると、1枚5MBということが実際にあります。 表示サイズに合わせてリサイズし、WebPに変換するだけで10分の1以下になります。
Webフォントについて
日本語のWebフォントは、欧文と比べてファイルサイズが桁違いに大きいのが特徴です。 デザイン上の理由がなければ、システムフォント（游ゴシック、ヒラギノなど）で十分です。
※このサイトもシステムフォントのみで構成し、Webフォントを一切読み込んでいません。
INPの改善方法
INPはボタンを押してから画面が変化するまでの時間です。 JavaScriptの実行がメインスレッドを占有していると悪化します。
| 原因 | 対処 |
|---|---|
| 重いJSライブラリの多用 | 本当に必要か見直す。jQueryプラグインの積み重ねに注意 |
| タグマネージャに大量のタグ | 使っていないタグを削除する |
| クリック時の重い処理 | 処理を分割し、描画を先に行う |
| サードパーティのウィジェット | チャット、SNS埋め込みなどを遅延読み込みに |
| WordPressのプラグイン過多 | 使っていないプラグインを停止・削除 |
WordPressサイトで最も多い原因はプラグインです。 「入れたけれど使っていない」プラグインが10個以上あるサイトは珍しくありません。 停止するだけでINPが改善することがあります。 まず管理画面のプラグイン一覧を確認してください。
CLSの改善方法
CLSは読み込み中に要素がガタッとずれる現象です。 「押そうとしたボタンが動いて、別のリンクを押してしまった」という体験が典型例です。
| 原因 | 対処 |
|---|---|
| 画像にサイズ指定がない | width / height 属性、または aspect-ratio を指定 |
| 広告・埋め込みの領域が未確保 | あらかじめ min-height で場所を空けておく |
| Webフォント切り替え時のズレ | size-adjust の調整、またはシステムフォント |
| 後から挿入されるバナー | 既存コンテンツを押し下げない配置にする |
CLSは3指標のなかで最も直しやすい指標です。
すべての <img> に width と height を書くだけで、
大半のサイトは「良好」に入ります。
作業自体は単純で、効果が確実に出ます。
SEO全体のなかでの優先度
冒頭にも書きましたが、これが最も重要な話です。
| 要素 | 影響度 | 着手順 |
|---|---|---|
| インデックスされているか | 前提条件 | 1番目 |
| キーワード選定 | 非常に大きい | 2番目 |
| 検索意図との一致 | 非常に大きい | 3番目 |
| E-E-A-T（信頼性） | 大きい | 4番目 |
| 内部リンク構造 | 中 | 5番目 |
| Core Web Vitals | 小〜中 | 6番目 |
ただし、順位以外の効果は大きい
順位への直接効果は限定的でも、表示速度は離脱率と問い合わせ率に明確に影響します。
とくにiPhone修理や雨漏り修理のように 緊急性の高い検索では、表示が遅いだけで別の業者に流れます。 順位のためでなく、取りこぼしを防ぐためと考えると優先度の判断がしやすくなります。
地域名を含む複合キーワードなら、空き状況をその場で確認できます。
1キーワード月額5,000円（税抜）、キーワードが未定でもご提案します。
よくある質問
PageSpeed Insights のスコアは何点を目指すべきですか？
スコアそのものを目標にしないでください。評価対象はSearch Consoleに表示される実ユーザーデータです。PageSpeed Insightsの上部に「実際のユーザーの環境で評価する」という欄があれば、そちらを見てください。データが表示されない場合はアクセス数が少ないためで、その場合は下部のシミュレーション値を参考に改善します。
WordPressで手軽に改善する方法はありますか？
効果が出やすい順に3つ。
- 使っていないプラグインを停止・削除する（INP改善）
- 画像最適化プラグインでWebP変換・圧縮を行う（LCP改善）
- キャッシュプラグインを導入する（LCP改善）
ただしプラグインを増やすと逆効果になることもあります。導入前後で必ずPageSpeed Insightsを計測し、悪化していないか確認してください。
Search Console に「不良」と出ています。順位は下がりますか？
それだけで大きく下がることは通常ありません。ただし競合と内容が拮抗している場合の差にはなります。まずは「不良」のURLがどのページか確認し、そのページが実際に順位を取りたいページかどうかで優先度を判断してください。順位が下がった原因の切り分け手順はこちら。
見出しを画像で作っているのですが、これも速度に影響しますか？
影響します。画像ファイルの読み込みが発生するため、テキストより表示が遅くなります。加えてその文字は検索エンジンに1文字も伝わりません。速度とSEOの両面でマイナスなので、テキスト＋CSS装飾に置き換えてください。2010年代前半に作られたサイトで特に多い問題です。
Core Web Vitals とは何ですか？
ページ体験の質を測るためにGoogleが定めた指標群です。2026年時点ではLCP（主要コンテンツの表示速度／2.5秒以下が良好）、INP（操作への反応の速さ／200ミリ秒以下が良好）、CLS（表示中のレイアウトのズレ／0.1以下が良好）の3つで構成されます。
Core Web Vitals を改善すれば順位は上がりますか？
それだけでは上がりません。Core Web Vitalsは、内容が同程度に良いページが並んだときの差として働きます。検索意図に合っていないページを高速化しても順位は変わりません。まずコンテンツとキーワード設計を固めてから取り組んでください。
INPとは何ですか。FIDとの違いは？
INP（Interaction to Next Paint）は、ページ上のあらゆる操作に対して画面が反応するまでの時間を測る指標です。2024年3月にFID（First Input Delay）に代わってCore Web Vitalsの正式指標となりました。FIDが最初の操作の遅延だけを見ていたのに対し、INPはページ滞在中のすべての操作を評価するため、より実態に近い指標とされています。