Core Web Vitals Guide
Core Web Vitalsとは・改善方法
Core Web Vitalsは、Googleがページエクスペリエンスの評価に使う3つの重要指標です。LCP・INP・CLSをすべて「良好」に保つことが、SEO評価とユーザー体験の両方に重要です。
Key Points
押さえておくべきポイント
LCP(最大コンテンツの描画)を2.5秒以内にする
ページ内で最も大きなコンテンツ要素(ヒーロー画像・大見出し等)が表示されるまでの時間です。next/imageの最適化・WebP形式の採用・CDN利用で改善できます。
INP(次のペイントへの遅延)を200ms以内にする
ユーザーの操作(クリック・タップ等)に対する応答性の指標です。不要なJavaScriptの削除・コード分割・メインスレッドの処理軽量化が改善の鍵です。
CLS(累積レイアウトシフト)を0.1以下にする
ページ読み込み中に要素が突然動く現象の指標です。画像のサイズ属性設定・広告スペースの事前確保・フォント読み込み最適化(font-display: swap)で改善できます。
Google Search ConsoleでCore Web Vitalsを確認する
Search ConsoleのCore Web Vitalsレポートで、サイト全体のページをURLごとに「良好」「改善が必要」「不良」で確認できます。「不良」なページから優先的に改善しましょう。
PageSpeed Insightsで詳細な診断と改善提案を得る
pagespeed.web.dev でURLを入力すると、Core Web Vitalsのスコアと具体的な改善提案が得られます。「機会」セクションの提案を上から順に対応することが効率的です。
Checklist
確認チェックリスト
よくある質問
はい、Googleはページエクスペリエンスシグナルの一部としてCore Web Vitalsを順位決定に使っています。特に同じ品質のコンテンツ同士を比較する際の差別化要素になります。
技術的な知識が必要ですが、主要な問題(画像最適化・不要なJavascript削除など)を対応するだけで大幅に改善するケースも多いです。専門家に診断してもらうことをお勧めします。
モバイルのスコアが重要です。Googleのモバイルファーストインデックスにより、モバイルでの指標がSEO評価の基準となります。デスクトップは良くてもモバイルが低いと問題です。
最も多い原因はヒーロー画像の最適化不足です。WebP形式への変換・適切なサイズへの圧縮・「loading=eager」と「fetchpriority=high」の設定が効果的です。CDNの導入も有効です。
読んでいるテキストが突然ズレたり、タップしようとしたボタンが動いて別の要素をクリックしてしまったりする現象が起きます。特にスマホでの操作性に大きな悪影響を与えます。
実際のユーザー体験データ(フィールドデータ)に基づいており、LCPは2.5秒・INPは200ms・CLSは0.1を良好の閾値としています。PageSpeed InsightsとSearch Consoleで確認できます。
WP Rocketなどのキャッシュプラグイン・画像最適化プラグイン(Imagify等)・テーマの軽量化が有効です。重量級のプラグインやスライダーがCLSやINPの低下原因になることも多いです。
ペナルティというよりも、同品質のコンテンツ競合と比べた際の評価が下がります。コンテンツの品質が低い場合はCore Web Vitalsよりコンテンツ改善を優先し、両方を段階的に取り組むことが重要です。
専門家にご相談ください
ガイドを読んで自社に当てはめた戦略を知りたい方は、無料相談でお気軽にご相談ください。