- コアウェブバイタル(LCP・INP・CLS)は2026年も検索順位に直結する重要指標であり、PageSpeed InsightsとGoogle Search Consoleで現状スコアを把握することが改善の第一歩
- LCP改善には画像のWebP変換・適切なサイズ指定・fetchpriority設定が効果大、INP改善には不要プラグインの削除とサードパーティスクリプトの最小化が有効
- CWV改善はSEO効果だけでなく離脱率低下・問い合わせ増加に直結するため、月次での計測と継続的な管理を習慣化することが重要
なぜ今「コアウェブバイタル」が中小企業のWeb担当者に重要なのか
「うちのサイト、なんとなく重い気がするけど、どこから手をつければいいのかわからない」——Web担当者の方からよくこういった声を聞きます。
Googleは2021年からコアウェブバイタル(Core Web Vitals、以下CWV)を検索順位の評価指標として正式採用しました。2026年現在もその重要性は増しており、サイトの表示速度や操作性が検索順位に直接影響を与えています。
中小企業にとってこれが切実な問題である理由は明確です。大手企業が潤沢な予算でサイト改善を続ける一方、限られたリソースで運営している中小企業のサイトは、対策が遅れると検索順位で差をつけられてしまいます。問い合わせや売上への影響は、決して小さくありません。
本記事では、専門的な開発知識がなくても理解できるよう、CWVの基本から具体的な改善アクションまでを順序立てて解説します。
コアウェブバイタルの3つの指標を正しく理解する
CWVは現在、以下の3つの指標で構成されています。それぞれが「ユーザーがサイトを使う体験」の異なる側面を測定します。
① LCP(Largest Contentful Paint):読み込みの速さ
ページを開いてから、最も大きなコンテンツ(メインのビジュアルや見出しテキストなど)が表示されるまでの時間です。
- 良好:2.5秒以内
- 改善が必要:2.5〜4.0秒
- 低評価:4.0秒超
訪問者がページを開いて「なかなか表示されない」と感じる時間がまさにLCPに相当します。この数値が悪いと、ユーザーが読み込みを待ちきれずに離脱する確率が高まります。
② INP(Interaction to Next Paint):操作への反応速度
2024年3月にFID(First Input Delay)から置き換わった指標です。ボタンのクリックやメニューのタップなど、ユーザーの操作に対してページがどれだけ素早く反応するかを測定します。
- 良好:200ミリ秒以内
- 改善が必要:200〜500ミリ秒
- 低評価:500ミリ秒超
「お問い合わせボタンを押したのに反応が遅い」という体験がINPの悪化につながります。問い合わせや購入などの重要なアクションに直結する指標です。
③ CLS(Cumulative Layout Shift):レイアウトのずれ
ページ読み込み中にコンテンツが突然ずれる現象(レイアウトシフト)の大きさを測定します。
- 良好:0.1以下
- 改善が必要:0.1〜0.25
- 低評価:0.25超
「読もうとしたテキストが急に下にずれた」「押そうとしたボタンが動いて別のものをタップしてしまった」といった体験がCLSの悪化によるものです。
まず現状を把握する:無料ツールでの計測方法
対策を始める前に、自社サイトの現状スコアを把握することが不可欠です。以下の無料ツールを活用してください。
PageSpeed Insights(最優先で確認)
Googleが提供する公式ツールです。URLを入力するだけで、モバイル・PCそれぞれのCWVスコアと、具体的な改善提案を確認できます。
確認のポイント:
- モバイルのスコアを優先して確認する(Googleはモバイルファーストインデックスを採用しているため)
- 「フィールドデータ」(実際のユーザーデータ)と「ラボデータ」(テスト環境データ)の両方を見る
- 「改善の機会」セクションに具体的な対策が表示される
Google Search Console
すでにGoogle Search Consoleを導入している場合、「ウェブに関する主な指標」レポートでサイト全体のCWV状況を確認できます。問題のあるページが一覧で表示されるため、優先順位をつけた改善が可能です。
Chrome DevTools
Googleブラウザの開発者ツール(F12キーで起動)のLighthouseタブからも計測できます。社内のテスト環境など、外部に公開していないページの確認に有効です。
LCP改善:表示速度を速くする具体的な手順
スコアを確認したら、いよいよ改善アクションです。まずはLCPから取り組みましょう。LCPの改善はユーザー体験への影響が最も大きく、効果を実感しやすい領域です。
画像の最適化(効果大・優先度高)
LCP悪化の原因の大半は画像の重さです。以下を順番に実施してください。
1. 画像フォーマットをWebPに変換する
WebP形式はJPEGやPNGより20〜30%ファイルサイズを削減できます。WordPressを使用している場合、「Smush」や「EWWW Image Optimizer」などのプラグインで自動変換が可能です。
2. 画像を適切なサイズにリサイズする
スマートフォンの画面幅(一般的に375〜430px程度)に対して、2000px幅の画像を配信していることがよくあります。表示サイズに合わせた画像を用意することで、データ量を大幅に削減できます。
3. メインビジュアルに「loading=eager」と「fetchpriority=high」を設定する
ファーストビューの最重要画像には、ブラウザに「この画像を最優先で読み込んで」と指示する属性を追加します。HTMLの画像タグにfetchpriority="high"を追記するだけで実装できます。
サーバーの応答速度改善
レンタルサーバーのプランを見直す
共有サーバーの低価格プランを長年使い続けている場合、サーバー自体の処理速度がボトルネックになっていることがあります。上位プランへの変更や、高速化に定評のあるサーバーへの移行を検討してください。
ブラウザキャッシュを活用する
一度訪問したユーザーが2回目以降アクセスした際に、画像やCSS・JavaScriptをブラウザに保存しておく設定です。WordPressなら「W3 Total Cache」「WP Super Cache」などのプラグインで設定できます。
レンダリングブロックの解消
CSSやJavaScriptの読み込みが、メインコンテンツの表示を遅らせていることがあります。
- 不要なプラグインやスクリプトを削除する
- JavaScriptに
defer属性を追加し、ページ描画後に読み込む設定にする - 使用していないCSSを削除する
INP改善:ボタンや操作への反応を速くする
INPの改善は、LCPに比べてやや技術的な対応が必要になる場合があります。まず以下を確認・実施してください。
JavaScriptの負荷を減らす
INP悪化の主な原因は、JavaScriptがメインスレッドを占有していることです。
- 不要なプラグインを無効化する:WordPressの場合、実際には使っていないプラグインが多数有効になっているケースがよくあります。10個以上のプラグインが稼働している場合は見直しの余地があります
- サードパーティスクリプトを最小限にする:チャットツール、マーケティングツール、ヒートマップツールなど、複数のサードパーティスクリプトを同時に読み込むとINPに影響します。本当に必要なものに絞り込みましょう
- JavaScriptを分割・遅延読み込みする:開発者に依頼して、すぐに不要なJavaScriptは後から読み込む(遅延ロード)設定にしてもらいます
アニメーションやエフェクトを見直す
スクロールに連動したアニメーションや複雑なホバーエフェクトは、INPを悪化させる場合があります。「見た目のリッチさ」と「操作性」のバランスを意識して、過度なアニメーションは整理することを推奨します。
CLS改善:レイアウトのずれを防ぐ
CLSはアプローチが比較的明確で、対策を実施すると数値が改善しやすい指標です。
画像・動画に縦横サイズを必ず指定する
HTMLの<img>タグや<video>タグにwidthとheight属性を明記することで、ブラウザが事前にスペースを確保でき、レイアウトシフトが防止されます。これはCLS改善の中で最も効果が高い対策です。
広告・バナーのスペースを事前に確保する
広告やバナーが後から読み込まれてコンテンツが押し下げられる現象は、CLSの典型的な発生パターンです。広告枠を配置する箇所には、あらかじめ固定サイズのプレースホルダー(空のスペース)を設けておきます。
Webフォントの読み込みを最適化する
Webフォントが読み込まれるタイミングで、テキストのサイズや位置が変わってレイアウトがずれることがあります。
- CSSに
font-display: optionalまたはfont-display: swapを設定する - 使用するフォントウェイト(太さ)の種類を最小限に絞る
中小企業が改善に取り組む際の優先順位と現実的なアプローチ
「やるべきことは分かったが、リソースが限られている」——これが中小企業のWeb担当者の現実です。すべてを一度に実施しようとせず、以下の優先順位で取り組むことを推奨します。
Phase 1:すぐに実施できること(工数:小)
- PageSpeed Insightsで現状スコアを計測・記録する
- 不要なWordPressプラグインを無効化・削除する
- 新たにアップロードする画像をWebP形式・適切なサイズに変換する習慣をつける
- Google Search Consoleでウェブに関する主な指標レポートを確認する
Phase 2:制作会社・エンジニアと連携して実施すること(工数:中)
- 既存の画像を一括でWebP変換・リサイズする
- メインビジュアルへの
fetchpriority="high"設定 - 画像タグへのwidth・height属性追記
- JavaScriptのdefer設定
- ブラウザキャッシュの設定
Phase 3:中長期で取り組む改善(工数:大)
- サーバー環境の見直し・移行
- JavaScriptのリファクタリング(コードの最適化)
- 不要なCSSの削除・コード全体の軽量化
CWV改善が問い合わせ増加につながるメカニズム
CWVの改善は単なる「Googleへのアピール」ではありません。表示速度と問い合わせ率には、明確な相関関係があります。
Googleの調査では、ページの読み込み時間が1秒から3秒になると直帰率が32%増加するとされています。また、読み込みに3秒以上かかるとモバイルユーザーの53%がサイトを離脱するというデータもあります。
Web担当者の方が直感的に理解できるよう言い換えると、「せっかく広告費や営業コストをかけてサイトに呼び込んだ見込み客が、遅い表示速度のせいで帰ってしまっている」状況です。CWVを改善することは、既存のアクセス数を活かして問い合わせ数を増やす、コスト効率の高い施策でもあります。
改善後の効果測定と継続的な管理
CWVの改善は一度実施したら終わりではありません。WordPressのテーマやプラグインのアップデート、新しいコンテンツの追加によって、スコアが変動することがあります。
定期的な計測習慣をつける
- 月1回、PageSpeed Insightsでスコアを確認・記録する
- Google Search Consoleのウェブに関する主な指標レポートを月次でチェックする
- 大規模なサイト更新やプラグイン追加後は必ず計測する
スコアと問い合わせ数を紐づけて評価する
CWVのスコア改善と、Google Analyticsの問い合わせコンバージョン数の変化を合わせて確認しましょう。「スコアが改善されたが問い合わせが増えていない」場合は、CTAの配置やページ内容の見直しなど、別の課題が存在する可能性があります。
まとめ:今日から始める一歩を踏み出す
コアウェブバイタルの対策は、「やることが多くて難しそう」と後回しにされがちです。しかし、現状スコアを把握することから始めれば、優先して取り組むべき課題が明確になります。
本記事のポイントを整理します。
- CWVはLCP・INP・CLSの3指標で構成され、2026年も検索順位に直結している
- まずPageSpeed InsightsとGoogle Search Consoleで現状を計測する
- 画像の最適化(WebP変換・サイズ指定)はコストパフォーマンスが高く優先度が高い
- 不要なプラグインやスクリプトの削除は自社でもすぐに実施できる
- 改善は月次で継続的に計測・管理することが重要
「どこから手をつけるべきか判断できない」「技術的な対応を外部に依頼したいが、何を依頼すればいいかわからない」という場合は、専門家への相談が有効です。
SOAでは、WebサイトのCWV診断から改善施策の立案・実装支援まで、御社の状況に合わせたご提案が可能です。お気軽にお問い合わせ・ご相談ください。