Core Web Vitals 改善 WordPress完全ガイド【2026年最新】

Core Web Vitals 改善 WordPressについて調べている方は、「PageSpeed Insightsの点数が低い」「Search Consoleで不良URLが出ている」「プラグインを入れても改善しない」といった課題を感じているのではないでしょうか。

結論から言えば、WordPressのCore Web Vitals改善では、まずLCP・INP・CLSのどれが悪いのかを特定し、その原因に合わせて画像、CSS、JavaScript、プラグイン、サーバー、フォント、広告タグを順番に見直すことが重要です。Core Web Vitalsは、読み込み速度、操作への反応、視覚的な安定性を測る主要指標で、現在はLCP・INP・CLSの3つで構成されています。citeturn228890view2turn387700search0

ただし、Core Web Vitalsの数値を改善すれば必ず検索順位が上がるわけではありません。GoogleはCore Web Vitalsをランキングシステムで使用すると説明する一方、Search Consoleや第三者ツールで良い結果が出ても検索上位が保証されるわけではないとも説明しています。SEO全体の基礎は、先に SEO対策とは？初心者でもわかる完全ガイド もあわせて確認してください。citeturn228890view3

Core Web Vitalsとは何か

Core Web Vitalsとは、ユーザーがWebページを利用するときの体験品質を測るための指標群です。Googleは、Core Web VitalsをすべてのWeb体験に重要な共通のパフォーマンスシグナルと説明しており、PageSpeed InsightsではLCP・INP・CLSの3指標をページ単位またはオリジン単位で評価します。citeturn228890view2

WordPressサイトでは、テーマ、プラグイン、画像、広告タグ、計測タグ、フォント、サーバー設定などが複雑に関係するため、Core Web Vitalsが悪化しやすい傾向があります。特に、ノーコードで機能を追加しやすい反面、不要なCSSやJavaScriptが増え、ページ表示や操作反応に影響することがあります。

指標	見る内容	WordPressで多い原因
LCP	主要コンテンツが表示されるまでの速さ	大きなアイキャッチ、重いファーストビュー、遅いサーバー
INP	クリックやタップに対する反応の速さ	重いJavaScript、過剰なプラグイン、タグの読み込み過多
CLS	読み込み中のレイアウトのずれ	画像サイズ未指定、広告枠、Webフォント、埋め込みコンテンツ

なお、以前はFIDという操作反応の指標が使われていましたが、2024年3月にINPがCore Web Vitalsの一部としてFIDを置き換えました。2026年時点でWordPressの速度改善を行う場合は、LCP・INP・CLSの3つを前提に確認しましょう。citeturn758607search5turn758607search21

主な指標の見方

Core Web Vitalsでは、LCPは2.5秒以内、INPは200ミリ秒以下、CLSは0.1以下が良好な目安とされています。また、評価ではモバイルとデスクトップを分け、ページ読み込みの75パーセンタイルを見る考え方が使われます。citeturn387700search0turn228890view2

初心者が混乱しやすいのは、PageSpeed Insightsの「実際のユーザーの環境データ」と「ラボデータ」の違いです。実際のユーザーの環境データは、Chrome UX Reportに基づく過去28日間のユーザー体験を示します。一方、ラボデータはLighthouseによる一定条件下の診断で、改善点を探すために役立ちます。PageSpeed Insightsは、フィールドデータとラボ診断の両方を提示します。citeturn228890view2

指標	良好の目安	改善が必要な状態	主な対策
LCP	2.5秒以下	メイン画像や見出しの表示が遅い	画像軽量化、キャッシュ、サーバー改善、CSS最適化
INP	200ms以下	ボタンやメニュー操作の反応が遅い	不要JS削減、プラグイン整理、タグ読み込み改善
CLS	0.1以下	読み込み中に画像や広告で画面がずれる	画像寸法指定、広告枠確保、フォント表示改善

Search ConsoleとPageSpeed Insightsの使い分け

• Search Console: サイト全体で問題があるURL群を把握する
• PageSpeed Insights: 個別URLの原因と改善候補を確認する
• Lighthouse: 開発・検証環境で再現しながら改善点を探す
• Chrome DevTools: 読み込み順、JavaScript、CSS、画像の実態を確認する

まずSearch Consoleで「不良」「改善が必要」のURLグループを見つけ、代表URLをPageSpeed Insightsで診断します。いきなり全ページを直そうとせず、テンプレートが共通するページ群から改善するのが効率的です。

WordPressで遅くなる主な原因

WordPressは更新しやすく拡張性が高い一方、テーマやプラグインの組み合わせによってページ速度が大きく変わります。Core Web Vitalsが悪い場合、原因は1つとは限らず、画像、CSS、JavaScript、フォント、サーバー、広告、計測タグが重なっていることが多いです。

よくある原因一覧

原因	悪化しやすい指標	確認ポイント
大きすぎる画像	LCP	アイキャッチやメインビジュアルが数MBになっていないか
不要なCSS	LCP	使っていないテーマCSSやブロックCSSが多くないか
重いJavaScript	INP	スライダー、ポップアップ、チャット、広告タグが多くないか
プラグイン過多	LCP・INP	同じ機能のプラグインが重複していないか
画像や広告の寸法未指定	CLS	読み込み中にレイアウトがずれていないか
低速なサーバー	LCP	TTFBが遅く、初期応答に時間がかかっていないか

Web.devのCore Web Vitals改善ガイドでは、すべての最適化を一度に行うのではなく、実装しやすく、現実的で、実サイトへの影響が大きい改善から始めることが重要だと説明されています。WordPress運用でも、点数の細かい差より、ユーザーに影響しやすいテンプレートと主要ページから優先する考え方が実務的です。citeturn228890view1

画像とCSSの改善方法

WordPressのLCP改善で最初に確認すべきなのは、ファーストビューの画像です。トップページのメインビジュアル、記事のアイキャッチ、サービスページのヒーロー画像が大きすぎると、主要コンテンツの表示が遅れやすくなります。

画像改善の手順

1. PageSpeed InsightsでLCP要素が何かを確認する
2. LCP要素が画像なら、表示サイズと実ファイルサイズを確認する
3. 横幅をテーマの表示幅に合わせてリサイズする
4. WebPやAVIFなど、適切な画像形式を検討する
5. ファーストビュー画像は遅延読み込み対象から外す
6. 画面下部の画像にはlazy loadingを適切に使う
7. width・heightまたはaspect-ratioを指定し、CLSも同時に防ぐ

CLSについては、Web.devが画像、広告、iframe、動的に挿入されるコンテンツ、Webフォントなどを主な原因として挙げています。特に画像や広告枠に寸法がない場合、読み込み後に要素が差し込まれ、読者が見ている画面がずれることがあります。citeturn228890view4

CSS改善の手順

1. 不要なテーマ機能やブロック機能を停止する
2. 使っていないCSSを削減する
3. クリティカルCSSを検討する
4. CSSの圧縮・結合は表示崩れを確認しながら行う
5. ファーストビューに不要なCSS読み込みを遅らせる
6. ページビルダー由来の過剰なCSSがないか確認する

改善対象	改善内容	注意点
アイキャッチ画像	リサイズ、WebP化、圧縮	文字入り画像は圧縮しすぎると読みにくくなる
ヒーロー画像	適切なサイズ、preload、遅延読み込み除外	スマホ表示で見切れないか確認する
CSS	不要CSS削減、圧縮、読み込み順見直し	結合や遅延でデザイン崩れが起きる場合がある
フォント	使用種類削減、読み込み最適化、font-display設定	ブランド表現と速度のバランスを取る

CSSやJavaScriptを一括で圧縮・結合すると、テーマやプラグインによってはメニュー、スライダー、フォーム、ポップアップが動かなくなる場合があります。改善作業は必ずバックアップを取り、ステージング環境またはアクセスが少ない時間帯で確認しながら進めましょう。

プラグインの使い方

WordPressのCore Web Vitals改善では、プラグインを活用することでキャッシュ、画像圧縮、遅延読み込み、CSS・JavaScript最適化を効率化できます。ただし、プラグインを増やしすぎると、逆に処理が重くなったり、機能が競合したりすることがあります。

代表的な改善領域は、キャッシュ、画像最適化、CSS・JavaScript最適化、データベース最適化、CDN連携です。プラグイン名としては、WP Rocket、LiteSpeed Cache、Autoptimize、EWWW Image Optimizer、ShortPixel、Smush、Perfmattersなどが候補になりますが、サーバー環境やテーマとの相性を確認して選びます。

プラグインで改善できる主な領域

領域	主な機能	注意点
ページキャッシュ	HTMLを静的化し、表示を速くする	会員サイトやカート機能では除外設定が必要な場合がある
画像最適化	圧縮、WebP化、遅延読み込み	元画像のバックアップと画質確認を行う
CSS最適化	圧縮、不要CSS削除、遅延読み込み	デザイン崩れやファーストビュー崩れに注意する
JavaScript最適化	遅延、延期、不要スクリプト停止	フォーム、メニュー、計測タグの動作確認が必要
CDN連携	画像や静的ファイルを近い拠点から配信	キャッシュ反映やSSL設定を確認する

プラグイン導入の手順

1. 改善前のPageSpeed InsightsとSearch Consoleの状態を保存する
2. バックアップを取る
3. キャッシュ系、画像系、最適化系の役割を整理する
4. 同じ機能のプラグインを複数入れない
5. 1つ設定を変更したら、画面表示とフォーム動作を確認する
6. モバイル表示、PC表示、主要ブラウザで崩れがないか確認する
7. 数日から数週間単位でSearch Consoleの変化を見る

特にJavaScriptの遅延・延期設定は、INP改善に役立つ場合がありますが、問い合わせフォーム、予約カレンダー、決済、チャット、分析タグに影響する可能性があります。CVに関わる機能が正常に動くかを必ず確認してください。

改善後の確認方法

Core Web Vitals改善では、作業直後のPageSpeed Insightsスコアだけで判断しないことが大切です。PageSpeed Insightsのラボデータはすぐ変化しますが、実際のユーザーの環境データは過去28日間のデータをもとにするため、Search Console上の反映には時間がかかる場合があります。citeturn228890view2

改善後に確認する項目

• PageSpeed InsightsでLCP要素が変わったか
• LCP、INP、CLSのラボ診断に改善傾向があるか
• Search ConsoleのCore Web Vitalsレポートで対象URLが減っているか
• スマートフォン表示でデザイン崩れがないか
• 問い合わせフォーム、予約ボタン、電話リンクが動作するか
• GA4、広告タグ、ヒートマップ、LINEタグなどが計測できているか
• キャッシュにより古いページが表示されていないか

確認タイミング	確認内容	使うツール
作業直後	表示崩れ、フォーム動作、主要ページの速度	PageSpeed Insights、Chrome DevTools、実機確認
数日後	キャッシュ、計測タグ、ユーザー行動の異常	GA4、広告管理画面、ヒートマップ
数週間後	実データでCore Web Vitalsが改善しているか	Search Console、PageSpeed Insightsのフィールドデータ

改善後に点数が上がっても、CVが下がっていないか確認する必要があります。たとえば、表示速度のためにチャットボタンや追従CTAを停止した結果、問い合わせ数が下がる可能性もあります。SEOとUX、CV導線のバランスを見ながら改善しましょう。

改善の優先順位

Core Web Vitals改善では、すべてを一気に直そうとすると作業量が大きくなり、かえって運用が止まりやすくなります。中小企業のWordPressサイトでは、成果に近いページ、アクセスが多いページ、テンプレート共通部分から優先するのが現実的です。

優先順位の考え方

1. Search Consoleで問題URLのグループを確認する
2. アクセス数とCV貢献度が高いページを優先する
3. LCP・INP・CLSのうち、最も悪い指標を特定する
4. 画像、サーバー、CSS、JavaScript、プラグインの順で原因を切り分ける
5. トップページや記事テンプレートなど、横展開できる箇所から直す
6. 改善前後の数値とCVへの影響を記録する

優先度	改善対象	理由
高	トップページ、サービスページ、問い合わせ前ページ	CVへの影響が大きく、改善効果を実感しやすい
高	記事テンプレート、ヘッダー、フッター	1回の改善で多数ページへ横展開できる
中	アクセス上位記事	自然検索流入への影響を確認しやすい
中	画像が多い事例ページ、ギャラリー、LP	画像最適化でLCP改善が見込める場合がある
低	流入が少ない古い記事	リライトや統合と合わせて判断する

また、完璧なスコアを追いすぎないことも重要です。Googleは、Core Web Vitalsの良好な結果を推奨する一方、SEO目的だけで完璧なスコアを目指すことが最善とは限らないと説明しています。ユーザー体験、コンテンツ品質、問い合わせ導線、事業成果を総合的に見ながら改善しましょう。citeturn228890view3

よくある質問

Core Web Vitalsを改善すれば検索順位は上がりますか？

必ず上がるとは言えません。GoogleはCore Web Vitalsをランキングシステムで使用すると説明していますが、良好なCore Web Vitalsだけで上位表示が保証されるわけではありません。検索意図に合った本文、E-E-A-T、内部リンク、外部評価、ページ体験を総合的に整える必要があります。

WordPressではプラグインを入れれば十分ですか？

プラグインは有効な手段ですが、それだけで十分とは限りません。画像が大きすぎる、テーマが重い、広告タグが多い、サーバーが遅い、ページビルダーのCSSが肥大化している場合は、プラグインだけでは改善しにくいことがあります。原因を見極めて、画像、CSS、JavaScript、サーバー、テンプレートを順番に確認しましょう。

PageSpeed Insightsの点数は何点を目指すべきですか？

ラボデータの点数だけを目的にするより、LCP・INP・CLSの実データを良好に近づけることを優先しましょう。PageSpeed Insightsでは90点以上が良好とされますが、SEOやCVの実務では、点数よりもユーザーが快適に読めるか、問い合わせ導線が機能しているか、主要ページで大きな問題がないかが重要です。citeturn228890view2

まとめ

Core Web Vitals 改善 WordPressの基本は、LCP・INP・CLSのどれが悪いのかを特定し、原因に合わせて優先順位を付けることです。LCPが悪い場合は画像、サーバー、CSSを確認し、INPが悪い場合はJavaScriptやプラグインを見直します。CLSが悪い場合は、画像・広告・iframe・フォントによるレイアウトずれを確認しましょう。

実務では、まずSearch Consoleで問題URLのグループを確認し、代表URLをPageSpeed Insightsで診断します。次に、トップページ、サービスページ、記事テンプレート、アクセス上位記事から改善します。画像のWebP化、不要CSS削減、キャッシュ設定、プラグイン整理、JavaScript最適化を順番に行い、改善後は表示崩れとCV導線も必ず確認してください。

Core Web VitalsはSEOの重要な基礎ですが、単独で成果を保証するものではありません。検索意図に合った記事、内部リンク、構造化データ、E-E-A-T、外部対策と組み合わせて運用することで、検索ユーザーにとって使いやすいサイトへ近づけられます。SEO全体の考え方は、SEO対策とは？初心者でもわかる完全ガイド を起点に整理しておきましょう。