Core Web Vitals

Core Web Vitalsとは？

Core Web Vitals（コアウェブバイタルズ）は、Googleが定義した「ウェブサイトのユーザー体験を測定する3つの重要指標」です。 具体的には、「LCP（読み込み速度）」「INP（反応速度、旧FID）」「CLS（視覚的安定性）」から構成されています。

これらの指標は、実際のユーザーがサイトを使う際に「どれぐらい快適か」を数値化します。Googleは2021年からこれらの指標を検索ランキングのアルゴリズムに組み込んでおり、Web制作者にとって無視できない存在になっています。

ひとことで言うと： Core Web Vitals は、「あなたのWebサイトは、ユーザーにとってどれぐらい快適に使えるか」の通知表です。

ポイントまとめ：

• 何をするものか： Webページのユーザー体験品質を測定する3つの指標の総称
• なぜ必要か： SEOランキングに直結し、ユーザー満足度にも影響するから
• 誰が使うか： Webサイト運営者、Web開発者、マーケター

計算方法と目安

Core Web Vitals は3つの指標から構成されています。

LCP（Largest Contentful Paint：最大コンテンツティルペイント）

計算方法：ページが読み込み始めてから、画面に表示される最大要素（テキストや画像）が完全に読み込まれるまでの時間

目安：2.5秒以下で「良好」、4秒以上は「改善が必要」

INP（Interaction to Next Paint：インタラクション～ネクストペイント）

計算方法：ユーザーがページをクリック・タップしてから、次の画面が表示されるまでの時間

目安：200ミリ秒以下で「良好」、500ミリ秒以上は「改善が必要」

CLS（Cumulative Layout Shift：累積レイアウトシフト）

計算方法：ページが読み込まれている最中に、レイアウト要素がどれぐらい移動するか（広告挿入、画像読み込み遅延など）

目安：0.1未満で「良好」、0.25以上は「改善が必要」

Googleが提供する「PageSpeed Insights」「Search Console」などのツールで、これらの指標を測定できます。

なぜ重要か

Core Web Vitals は、ユーザーエクスペリエンスの品質を定量的に測定できる唯一の公式指標です。Googleの検索ランキングに影響するため、SEOやオーガニック流入に直結します。

例えば、LCP が4秒だと、2.5秒と比較して「検索順位が下がる可能性がある」ため、ビジネス面での影響は大きいです。さらに、ユーザー心理学的には「ページの読み込みが遅い＝このサイトはダメ」という判定をされやすく、離脱率が高まります。

仕組みをわかりやすく解説

Core Web Vitals の測定は、実際のユーザーの行動データに基づいています。

第1ステップは、データ収集です。Googleが提供する JavaScript ライブラリ（Web Vitals ライブラリ）がサイトに埋め込まれ、実際のユーザーがサイトを使う際の各種メトリクスを記録します。

第2ステップは、データ送信です。収集されたデータは Google サーバーに送信され、集計されます。これを CrUX（Chrome User Experience Report）と呼びます。

第3ステップは、分析と改善です。PageSpeed Insights や Search Console から「あなたのサイトのスコア」が確認できます。不合格項目に対して、開発チームが改善を行います。改善例としては、画像の最適化、JavaScript の遅延読み込み、サーバーのレスポンス時間短縮などがあります。

実際の活用シーン

ECサイトのコンバージョン率向上

大手ファッションECが Core Web Vitals を改善し、LCP を4秒から2秒に短縮しました。結果、直帰率が20%低下し、コンバージョン率が15%向上。同時にSEOランキングも改善され、オーガニック流入が30%増えました。

新聞社のページビュー増加

ニュースサイトがページレイアウトの安定化（CLS改善）と読み込み速度高速化に取り組みました。改善前はCLS が0.5だったものを0.08に改善。その結果、1ユーザーあたりの記事閲覧数が平均2.3ページから3.5ページに増加しました。

企業サイトのユーザー満足度向上

B2B企業がCore Web Vitals のスコアを「良好」レベルに揃えることで、「このサイトは信頼できる」というユーザー心理が働き、お問い合わせ率が向上しました。

メリットと注意点

Core Web Vitals の最大のメリットは、Googleが公式に定めた指標なので、SEO対策の優先順位が明確になることです。何をすべきか分かりやすく、改善効果も測定しやすいです。

また、ユーザー体験の向上が数値化されるため、開発チームへの改善の必要性を説得しやすくなります。

一方、注意点として、Core Web Vitals の改善には技術的な知識が必要です。特に INP（反応速度）の改善には、JavaScript の最適化が必要で、専門家の手を借りることが多いです。また、改善には時間がかかり、すぐに効果が出ないため、長期的な視点が必要です。

関連用語

• ページスピード — Core Web Vitals の一部（LCP）を含む、ページ読み込み速度の総称です。
• ユーザーエクスペリエンス（UX） — Core Web Vitals が測定する品質です。
• SEO — Core Web Vitals はSEOランキング要因の1つです。
• PageSpeed Insights — Core Web Vitals を測定するGoogleの公式ツールです。
• CrUX — Chrome User Experience Report。Core Web Vitals データの情報源です。

よくある質問

Q: Core Web Vitals が悪いと順位は落ちますか？

A: 直接的に落ちる可能性があります。Googleは「Core Web Vitals が検索ランキングに影響する」と明言しています。ただし、コンテンツの品質が非常に高い場合は、ある程度カバーされることもあります。

Q: Core Web Vitals を改善するには、何から始めるべき？

A: PageSpeed Insights で「改善が必要」の項目を確認し、改善の優先度を決めることをお勧めします。一般的には、画像最適化は効果が大きく、実装も比較的簡単なため、最初の取組にお勧めです。

Q: モバイルとデスクトップで別々に改善すべき？

A: はい。ユーザーの環境が異なるため、スコアも異なることが多いです。Googleのツールでは「モバイル」と「デスクトップ」で分けて表示されるため、両方の改善に取り組むことが重要です。