ホームページの表示速度とSEOの関係｜Core Web Vitals完全ガイド

「ホームページが遅いと検索順位が下がるって本当？」「Core Web Vitalsって何？」

最近、Googleが「表示速度を検索順位の評価に使う」と発表してから、サイトの速度を気にされるお客様が増えました。ただ、PageSpeed Insightsで測定してみたものの、「スコアの意味がわからない」「何を改善すればいいのかわからない」という声もよく聞きます。

この記事では、Core Web Vitals（コアウェブバイタルズ）を中小企業のWeb担当者にもわかるように、できるだけ平易に解説します。

先に結論をお伝えすると、中小企業のコーポレートサイトでは、表示速度だけでSEOの成否は決まりません。ただし、最低限のラインを下回っていると確実にマイナス評価を受けます。その「最低限のライン」と改善方法を、この記事で明確にします。

---

Core Web Vitalsとは？── 3つの「体験指標」

Core Web Vitals（コアウェブバイタルズ）は、Googleが定めた「ユーザー体験の質」を測る3つの指標です。2021年からGoogle検索のランキング要因（検索順位を決める評価項目）に組み込まれています。

難しく考える必要はありません。要するに、「このサイトを見た人が快適だったか？」を数値で測る仕組みです。

3つの指標の概要

指標	正式名称	測定する内容	合格ライン
LCP	Largest Contentful Paint	ページの主要コンテンツが表示されるまでの時間	2.5秒以内
INP	Interaction to Next Paint	ユーザーの操作に対する応答速度	200ミリ秒以内
CLS	Cumulative Layout Shift	ページ表示中のレイアウトのずれ	0.1以下

以下、それぞれをわかりやすく解説します。

---

3つの指標を詳しく理解する

LCP（ラージェスト・コンテンツフル・ペイント）── 「メインの表示、遅くない？」

LCPとは何か

LCPは、ページの中で最も大きなコンテンツ（画像やテキストブロック）が表示されるまでの時間を測定する指標です。

たとえるなら、レストランに入って「メニューが出てくるまでの待ち時間」です。メニューが出てくるのが遅いと、お客様はイライラしますよね。同じように、ページのメインコンテンツが表示されるのが遅いと、ユーザーは離脱してしまいます。

評価基準

評価	LCPの値	意味
良好（緑）	2.5秒以内	ユーザー体験が良い
改善が必要（黄）	2.5〜4.0秒	やや遅い、改善の余地あり
不良（赤）	4.0秒以上	遅すぎる、早急な改善が必要

LCPが遅くなる主な原因

1. 画像ファイルが大きすぎる ── 最も多い原因。スマホで撮った高解像度写真をそのまま使っている
2. サーバーの応答が遅い ── 安いレンタルサーバーや海外サーバーを使っている
3. JavaScriptが多すぎる ── 不要なプラグインやスクリプトが読み込まれている

INP（インタラクション・トゥ・ネクスト・ペイント）── 「ボタン押したのに反応遅くない？」

INPとは何か

INP（旧FID＝First Input Delay）は、ユーザーがボタンをクリックしたり、リンクをタップした時に、サイトが反応するまでの時間を測定する指標です。

2024年3月にFID（ファースト・インプット・ディレイ）からINPに切り替わりました。FIDは「最初の操作」の反応速度だけを測定していましたが、INPはページ上のすべての操作の反応速度を測定するため、より実態に近い評価になっています。

たとえるなら、「店員さんを呼んでから来てくれるまでの時間」です。呼んでもなかなか来てくれない店は、いくら料理が美味しくても印象が悪いですよね。

評価基準

評価	INPの値	意味
良好（緑）	200ミリ秒以内	操作に対する反応が速い
改善が必要（黄）	200〜500ミリ秒	やや遅い
不良（赤）	500ミリ秒以上	反応が鈍く、ストレスを感じる

INPが悪くなる主な原因

1. JavaScriptの処理が重い ── アニメーションやインタラクティブな要素が多すぎる
2. 不要なプラグインが多い ── WordPressで大量のプラグインを入れている
3. サードパーティスクリプト ── 広告、アクセス解析、チャットツールなどの外部スクリプトが影響

正直に言うと、中小企業のコーポレートサイトでINPが問題になることはまれです。ECサイトやWebアプリケーションなど、ユーザーの操作が多いサイトで特に重要な指標です。

CLS（キュムレイティブ・レイアウト・シフト）── 「読んでたら画面がガクッとずれた！」

CLSとは何か

CLSは、ページの表示中にレイアウトが予期しない動きをする（ずれる）量を測定する指標です。

たとえるなら、「本を読んでいたら、急にページが勝手にめくれる」ような体験です。記事を読んでいる最中に、画像の読み込みや広告の表示によって文章の位置がガクッとずれる──これは非常にストレスフルな体験です。

評価基準

評価	CLSの値	意味
良好（緑）	0.1以下	レイアウトのずれがほぼない
改善が必要（黄）	0.1〜0.25	時々ずれが発生する
不良（赤）	0.25以上	頻繁にずれが発生し、体感が悪い

CLSが悪くなる主な原因

1. 画像にサイズ指定がない ── 画像が読み込まれた瞬間にレイアウトが変わる
2. 広告が後から表示される ── 広告枠のサイズが事前に確保されていない
3. Webフォントの読み込み ── フォントの切り替わりで文字サイズが変わる

CLSは中小企業のサイトでも発生しやすい問題です。特に画像にwidth/height属性（幅と高さの指定）を入れ忘れるケースが多いです。

---

---

Core Web VitalsはSEOにどれくらい影響する？

正直に言うと、影響は「限定的」

ここで制作者の本音をお伝えします。

Core Web VitalsはGoogle検索のランキング要因の一つですが、コンテンツの質やサイトの構成と比べると、SEOへの影響は限定的です。

Googleは公式に「ページエクスペリエンス（表示体験）は多くのランキング要因の一つであり、関連性の高いコンテンツが引き続き最も重要」と明言しています。

つまり、Core Web Vitalsのスコアが完璧でも、コンテンツが薄ければ上位表示はされません。逆に、良質なコンテンツがあれば、Core Web Vitalsのスコアが多少悪くても上位に表示されるケースはあります。

ただし「最低限のライン」は守るべき

とはいえ、Core Web Vitalsが「不良（赤）」のままでは、確実にマイナス評価を受けます。

特に、同じキーワードで競合するサイトのコンテンツの質が同程度の場合、Core Web Vitalsの差が順位の差になる可能性は十分にあります。「致命的ではないが、対応しておくべき」というのが正直な結論です。

SEOにおける優先順位

中小企業のSEO対策において、優先すべき順序は以下の通りです。

1. コンテンツの質と量 ── 最重要。ユーザーが求める情報を提供できているか
2. サイトの構成 ── 適切なURL構造、内部リンク、メタタグの設定
3. 被リンク（外部サイトからのリンク） ── サイトの信頼性を示す指標
4. Core Web Vitals ── 上記3つができた上で取り組むべき項目

---

測定と改善の方法

PageSpeed Insightsの使い方と読み方

PageSpeed Insightsとは

PageSpeed Insights（ページスピードインサイツ）は、Googleが無料で提供しているWebサイトの表示速度測定ツールです。URLを入力するだけで、Core Web Vitalsのスコアと改善提案が表示されます。

URL: https://pagespeed.web.dev/

測定結果の見方

測定結果には2種類のデータが表示されます。

データの種類	内容	信頼度
フィールドデータ	実際のユーザーの利用データ（過去28日間）	◎ 最も信頼できる
ラボデータ	測定ツールによるシミュレーション結果	○ 参考値

フィールドデータがある場合は、フィールドデータを優先して見てください。 ラボデータは測定環境によってスコアが変動するため、あくまで参考値です。

スコアの目安

スコア	評価	中小企業サイトの目標
90〜100	高速（緑）	理想的。Next.jsサイトの典型
50〜89	平均（黄）	多くのWordPressサイトがここ。70点以上なら問題なし
0〜49	低速（赤）	改善が必要

正直に言うと、中小企業のコーポレートサイトであれば、モバイルで70点以上あれば実用上の問題はありません。100点を目指す必要はなく、むしろコンテンツの充実に時間を使うべきです。

Core Web Vitalsの改善方法｜すぐにできる対策

LCPの改善方法

1. 画像を最適化する（最も効果的）

• 画像をWebP（ウェッピー）形式に変換する（ファイルサイズが大幅に削減される）
• 画像の解像度を適切なサイズに縮小する（横幅1920px以下で十分）
• WordPressなら「EWWW Image Optimizer」などの画像最適化プラグインを使う

WebPへの変換は、当社の無料WebP変換ツール（First CH Tools）でも行えます。ブラウザ上で完結するため、プラグインを入れる前に効果を試したいときにも便利です。

2. サーバーを改善する

• 高速なレンタルサーバーを使う（国内シェア上位の高速レンタルサーバーなど）
• CDN（コンテンツデリバリーネットワーク＝世界中のサーバーにデータを分散配置する仕組み）を導入する

3. 不要なプラグイン・スクリプトを削除する

• 使っていないWordPressプラグインを削除する
• 不要なJavaScriptファイルの読み込みを遅延させる

INPの改善方法

1. 不要なJavaScriptを削減する

• 使っていないプラグインを無効化・削除する
• 外部スクリプト（チャットツール、広告タグなど）の数を最小限にする

2. JavaScriptの実行を最適化する

• スクリプトの読み込みを遅延させる（defer/async属性を使う）
• 長い処理をメインスレッド（ブラウザの主要な処理ライン）から分離する

CLSの改善方法

1. 画像にサイズを指定する

• すべての画像にwidth属性とheight属性を指定する
• WordPressの場合、メディアライブラリからの挿入で自動的に指定されることが多い

2. 広告やウィジェットのスペースを事前に確保する

• 広告枠のサイズをCSSで事前に定義しておく
• 遅延読み込みするコンテンツの表示領域を事前に確保する

3. Webフォントの読み込みを最適化する

• font-display: swap を使い、フォント読み込み中はシステムフォントを表示する
• 使用するWebフォントの数を最小限にする

---

WordPress（Swell）での具体的な改善手順

私がWordPress（Swellテーマ）で制作する際に、標準的に行っている速度最適化の手順をご紹介します。

Swellの内蔵機能を活用する

Swellテーマには速度最適化機能が内蔵されています。

• コンテンツの遅延読み込み ── 画面外の画像を後から読み込む
• CSS/JavaScriptの最適化 ── 不要なコードの読み込みを制御
• フォントの最適化 ── Webフォントの読み込み方式を最適化

これらの設定を適切に行うだけで、モバイルで80〜90点台のスコアが出るケースがほとんどです。

おすすめのプラグイン構成

プラグイン	用途	効果
EWWW Image Optimizer	画像の自動最適化	LCPの改善
SEO SIMPLE PACK	SEO設定（Swellとの相性が良い）	メタタグの最適化

Swellテーマの場合、キャッシュプラグインは不要です。テーマ側の最適化機能と競合する可能性があるため、Swellの公式ドキュメントでも推奨されていません。

---

よくある質問とまとめ

PageSpeedスコアが低いと検索順位は下がる？

Core Web Vitalsが「不良（赤）」の場合はマイナス評価を受ける可能性があります。ただし、スコアが70点と90点の差がそのまま検索順位の差になるわけではありません。コンテンツの質の方がはるかに重要です。

モバイルとPCのスコアが全然違うのはなぜ？

PageSpeed Insightsは、モバイルの測定で低スペックのスマートフォンをシミュレーションしています。そのため、PCのスコアよりモバイルのスコアの方が低く出るのが一般的です。Googleの評価はモバイルのスコアが基準なので、モバイルの改善を優先してください。

測定するたびにスコアが変わるのはなぜ？

これはよくある現象です。ラボデータ（シミュレーション）は測定環境やネットワーク状況によって変動します。5〜10点程度の変動は正常です。何度か測定して平均値を参考にしてください。

スコア100点を目指すべき？

いいえ。100点を目指すのはコストパフォーマンスが悪いです。70点→90点にするのと、90点→100点にするのでは、後者の方がはるかに手間とコストがかかります。中小企業のサイトであれば、モバイル70点以上、PC85点以上を目標にすれば十分です。

まとめ｜Core Web Vitalsは「減点されない」ことが重要

指標	合格ライン	改善の優先度
LCP	2.5秒以内	◎ 最優先（画像最適化で大幅改善可能）
INP	200ms以内	○ 中小企業サイトでは問題になりにくい
CLS	0.1以下	○ 画像サイズ指定で簡単に改善

Core Web Vitalsで大切なのは、「満点を取る」ことではなく、「不合格にならない」ことです。

最低限のラインを守りつつ、本当にSEOに効くのは良質なコンテンツの作成です。表示速度の改善に100時間かけるよりも、お客様の役に立つ記事を10本書く方が、SEOの成果につながります。

「速度は大事だけど、それだけではない」──これが、SEOと表示速度の正直な関係です。

---

「うちのサイト、PageSpeedスコアが低いんだけど大丈夫？」──サイトの速度診断と改善提案は、お問い合わせいただければ無料でお伝えします。