Webサイト / デジタルマーケティング
Core Web Vitalsとは？LCP・INP・CLSの基準と改善の進め方
Core Web Vitalsとは何かをわかりやすく解説
Core Web Vitals（コアウェブバイタルズ）は、Googleがウェブサイトのユーザー体験（UX）を評価するために定めた一連の指標です。これらは単なる技術的なパフォーマンス指標ではなく、ユーザーが実際に感じるサイトの使いやすさや快適さを数値化するものとして注目されています。
具体的には、ページの読み込み速度、インタラクティブ性、視覚の安定性という3つの主要な要素を測定しています。これによりウェブサイトが「速く」「使いやすく」「見やすい」かどうかを評価します。Google は「Google のランキング システムでは Core Web Vitals が使用されます」と説明しています。
Core Web Vitalsが注目される背景には、スマートフォンやモバイルデバイスの普及により、ユーザーが快適に情報を得る体験の重要性が増したことが挙げられます。遅いページや操作がスムーズでないサイトは、訪れた人が離れやすくなります。Google もサイトの所有者に Core Web Vitals の改善をすすめています。
Core Web Vitals の 3 つの指標と、Google での扱い
Core Web Vitals は、LCP（Largest Contentful Paint）、INP（Interaction to Next Paint）、CLS（Cumulative Layout Shift）の 3 つの指標で構成されています。それぞれ、読み込みの速さ、操作への反応、表示の安定性という、異なる側面からユーザー体験を測ります。
Core Web Vitalsの主要指標
LCP（Largest Contentful Paint）は、ページのメインコンテンツがどれだけ速く表示されるかを測ります。画面に表示される最も大きな要素が描画されるまでの時間で、2.5 秒以下が「良好」とされています。
INP（Interaction to Next Paint）は、クリックやタップ、キー入力などの操作をしてから、画面が反応するまでの時間を測ります。200 ミリ秒以下が「良好」とされています。INP は 2024 年 3 月 12 日に、それまでの FID（First Input Delay）に代わって Core Web Vitals の指標になりました。
CLS（Cumulative Layout Shift）は、ページの表示がどれだけ安定しているかを示す指標で、突然レイアウトがずれる視覚的な不快感の度合いを測ります。0.1以下が理想で、広告や画像の読み込みによるレイアウトのズレを抑えることが求められます。
Google は Core Web Vitals をどう扱っているか
Google は、Core Web Vitals を、ほかのページ エクスペリエンスの要素とともに、検索のランキングを決めるシステムが考慮する要素の一つとしています。良い数値は、検索した人に快適なページを提供するための目安です。数値が良ければ必ず上位に表示される、というものではありません。
対策のポイント
対策では、LCP、INP、CLS のそれぞれを把握し、ページごとに数値の改善に取り組みます。たとえば、画像や動画の最適化、JavaScript の効率化、レイアウトの安定化を意識した設計などです。
結果として、Core Web Vitalsの改善はユーザー満足度を高め、離脱率を下げると同時に、検索での評価にも関わるため、SEO の面でも取り組む価値があります。
内部対策としてのCore Web Vitals改善ポイント
Core Web Vitalsのスコア向上は、Webサイトの内部対策がカギを握ります。主にページ速度の改善、画像の最適化、そしてコードの軽量化がその中心となり、これらを適切に実施することでユーザー体験の質を大きく高めることが可能です。ここでは具体的に取り組みやすい改善ポイントを解説します。
ページ速度の改善
まず、LCP（Largest Contentful Paint）に直結するページの表示速度を上げることが重要です。サーバーの応答時間（TTFB：Time To First Byte）を短縮するために、高性能なサーバーの選定やCDN（コンテンツ配信ネットワーク）の導入が効果的です。CDNを使うことで、ユーザーの地理的な場所にかかわらず高速にコンテンツを配信できます。
また、不要なリダイレクトを避けることもポイントです。ページが多重リダイレクトしたり、過剰なAPI呼び出しがあると読み込み速度が悪化しLCPのスコアに悪影響を与えます。
画像の最適化
画像はWebページ内で大きな容量を占める要素の一つです。適切なサイズで最適なフォーマット（WebPやAVIFなど）を利用し、必要に応じて圧縮することで読み込み時間を大幅に削減できます。さらに、遅延読み込み（lazy loading）を取り入れることで、画面に表示される範囲に限定して画像を読み込む仕組みを導入すると、初期表示速度が向上します。
コードの軽量化と最適化
JavaScriptやCSSの最適化も欠かせない改善点です。特に INP（Interaction to Next Paint）に影響を与えるのが JavaScript の処理時間で、不要なスクリプトの削減やコードの非同期・遅延読み込みによって、操作に対する反応を速くできます。
また、CSSは必要なスタイルのみを抽出してインライン化したり、不要なスタイルを削除することで視覚の安定性を保ち、CLS（Cumulative Layout Shift）の改善につなげます。
レイアウトシフトの抑制
CLS改善のためには、広告や画像、動画などの動的要素が読み込み時にレイアウトを大きく変えないように、あらかじめ表示領域のサイズを指定することが効果的です。これによりユーザーが不意にスクロール位置を失うなどの不快感を減らせます。
実行しやすい改善フロー
改善策は一度に全てを完璧にするのではなく、PageSpeed Insightsなどのツールでスコアを測定し、ボトルネックとなる要素から優先して対応していくのがおすすめです。特にLCPはページ内で最も大きい要素に影響されるため、その要素（一般的にヒーロー画像やメインテキスト）の読み込みを優先させる工夫もポイントになります。
これらの内部対策はつまり「速く、安定して、スムーズな体験」をユーザーに提供し、Core Web Vitals の基準を満たすための基本的な手法です。Core Web Vitals を意識したこれらの内部施策は、SEO の基本的な取り組みの一つです。
外部対策とCore Web Vitalsの関係性
SEO の外部対策は、主にほかのサイトからのリンク（被リンク）や言及を通じて、サイトの評価を高める取り組みです。Core Web Vitals はサイト内部の表示や操作の指標で、二つは別の施策です。
Core Web Vitals を改善すると被リンクが増える、という因果関係を示す Google の説明やデータは、確認できていません。運用上の考え方として言えるのは、外部のメディアや SNS で紹介されて訪れた人にとっても、表示が速く操作しやすいページのほうが内容を読んでもらいやすい、ということまでです。
外部対策と Core Web Vitals の改善は、どちらかで他方を補えるものではないので、それぞれ別に取り組みます。
MEO（Googleビジネスプロフィール）とCore Web Vitalsの活用法
MEO（Map Engine Optimization）は、ローカルビジネスがGoogle検索やGoogleマップで地域ユーザーに目立つ存在になるための施策です。中心になるのは、Googleビジネスプロフィール（旧Googleマイビジネス）の活用です。ここでは、プロフィールから自社のサイトに来た人が迷わず行動できるか、という面から Core Web Vitals との関係を整理します。
Core Web VitalsがMEOに与える影響
Google は、ローカル検索の結果は主に「関連性」「距離」「知名度」の 3 つの要素をもとに表示されると説明しており、サイトの表示速度や Core Web Vitals をローカル検索の要素としては挙げていません。一方で、Googleビジネスプロフィールから自社のサイトに来た人が、予約や問い合わせまで迷わず進めるかは、サイトの使いやすさに左右されます。
たとえば、店舗の詳細情報や予約ページ、問い合わせフォームへのリンク先のページが、速く快適に閲覧できれば、訪問した人の利便性が上がります。
地域検索でのUX改善の具体策
MEOにおけるCore Web Vitals改善では、まずモバイルフレンドリーな設計が不可欠です。多くのユーザーはスマートフォンでローカル検索を行うため、モバイルの読み込み速度や画面レイアウトの安定性（CLS）に配慮したサイト作りが求められます。
また、店舗の魅力を伝える画像を最適化し、重要な情報がすぐに表示されるようLCPを意識してページ構成することもポイントです。フォームやボタンの操作への反応（INP）も、問い合わせや予約のしやすさに関わります。
Googleビジネスプロフィール活用時の注意点
Googleビジネスプロフィール自体は直接Core Web Vitalsのスコアに影響しませんが、プロフィール内の「ウェブサイト」のリンク先が快適に使えるかどうかは、プロフィールから来た人が予約や問い合わせに進めるかを左右します。プロフィール情報の正確さとあわせて、リンク先のサイトの使いやすさも確認しておきます。
さらに、口コミ対応や投稿を通じたユーザーエンゲージメントも地域評価には欠かせません。良好なユーザー体験を提供するWebサイトと結びつけることで、信頼性と利便性が高まり、他の競合店との差別化要因となります。
このように、Core Web Vitals はローカル検索の順位の要素としては挙げられていませんが、プロフィールから来た人がその先で行動できるかに関わります。Googleビジネスプロフィールの活用とあわせて、リンク先のサイトの使いやすさにも目を向けておくとよいでしょう。
Core Web Vitalsに関するよくある質問（FAQ）
Core Web VitalsはSEOやUX改善で注目されている指標ですが、実際の運用や対策においては多くの疑問や誤解が生じやすい分野でもあります。ここでは現場でよく挙がる質問をピックアップし、実務担当者が押さえておきたいポイントをわかりやすく解説します。
Q1: Core Web Vitalsはどのように測定すればいいですか？
Core Web Vitalsの測定にはGoogle提供の様々なツールが利用可能です。代表的なのは「Google PageSpeed Insights」で、URL を入力すると、LCP、INP、CLS の数値や改善の提案が表示されます。また、Chromeブラウザのデベロッパーツール内「Lighthouse」や「Web Vitals拡張機能」も手軽に計測可能です。さらに、Google Search Console の Core Web Vitals のレポート（左メニューの「エクスペリエンス」→「ウェブに関する主な指標」）は、サイト全体の問題を把握するのに役立ちます。
Q2: Core Web Vitalsの改善はどの指標から優先すべきですか？
改善の優先順位は、サイトの現状や主要なユーザー行動に応じて変わりますが、一般的にはLCPの改善が最優先です。これはページの主要コンテンツが速く表示されることが最もユーザーの満足度に直結し、離脱率の改善にもつながりやすいためです。そのうえで、INP と CLS のうち「改善が必要」「不良」のものから取り組みます（Search Console の日本語の画面の表記。Google の日本語ヘルプでは「不良」にあたる区分を「低速」と書いています）。
Q3: Core Web Vitalsが悪くてもコンテンツが良ければSEOに問題はない？
コンテンツの内容が中心であることに変わりはありません。Google は「ページ エクスペリエンスが平均を下回るコンテンツも含め、常に最も関連性の高いコンテンツが表示されるように設計されています」と説明しています。一方で、表示が遅いページは訪れた人が離れやすく、問い合わせなどの成果にも関わるため、改善する価値はあります。
Q4: Core Web VitalsはPC版とモバイル版で異なる評価を受けますか？
Search Console の Core Web Vitals レポートでは、モバイルとパソコンのデータが分かれて表示されます。端末の性能や通信環境が違うため、数値が異なることはよくあります。スマートフォンからの訪問が多いサイトでは、モバイルの結果から確認するとよいでしょう。
Q5: CLS（レイアウトシフト）はどうやって改善すればいいですか？
CLSの主な原因は画像や広告、埋め込みコンテンツ等の読み込み時のサイズ指定不足です。改善には、レイアウト内での要素サイズを固定し、遅延ロードする広告や画像にも事前にスペースを確保することが有効です。また、動的に変わる要素の挿入は可能な限り抑えることも重要です。
Q6: Core Web Vitalsの改善はどのくらいで効果が出ますか？
Search Console の Core Web Vitals レポートは、過去 28 日間の実際の利用データにもとづいて評価されます。そのため、サイトを直してから数値に表れるまでには時間がかかります。修正の確認を始めると、28 日間のモニタリングが行われます。PageSpeed Insights のラボデータで修正の効果を先に確かめ、レポートで実際の数値の変化を追うのが現実的です。
これらはCore Web Vitalsに関する代表的なFAQですが、実際の対策ではツールの活用や現状分析をしっかり行い、段階的に改善に取り組むことが成功のポイントです。UXの質を高めることで、SEO効果だけでなくユーザー満足度の向上も図れるため、Core Web Vitalsは今後のWeb運営に欠かせない指標と言えるでしょう。
参考にした公式情報（確認日：2026年10月24日）
- Core Web Vitals と Google 検索の検索結果について（Google 検索セントラル）
- Google 検索の検索結果におけるページ エクスペリエンスについて（Google 検索セントラル）
- Core Web Vitals レポート（Search Console ヘルプ。区分名はヘルプでは「低速」、画面では「不良」）
- Interaction to Next Paint becomes a Core Web Vital on March 12（web.dev）
- Google のローカル検索結果のランキングを改善する（Google ビジネス プロフィール ヘルプ）