Google Core Web Vitalsとは

Google Core Web Vitalsは、Webページにおける実際のユーザー体験を測定するためにGoogleが開発した一連の指標です。Core Web Vitalsのスコアが高いと、優れたユーザー体験が保証され、Googleの検索エンジン結果ページのランキングを向上させるのに役立ちます。

Core Web Vitalsには次のものがあります。

• Largest Contentful Paint（LCP）：閲覧者が見るWebページの一部に最大のコンテンツ要素が完全にレンダリングされるまでにかかる時間を表します。この指標は、ユーザーがページの読み込み速度をどのように認識しているかを開発チームが把握するのに役立ちます。良好なLCPスコアは、2.5秒またはそれより速いと考えられています。
• Cumulative Layout Shift（CLS）：閲覧者が体験するページレイアウトの予期しないずれや変化の量を測定します。これは視覚的な安定性の指標です。良好なCLSスコアは0.1未満です。
• Interaction to Next Paint（INP）：ページの存続期間中におけるすべてのクリック、タップ、キーボード操作のレイテンシーを測定し、すべてのインタラクションが満たすべき単一の指標を報告します。これは応答性に関する指標であり、ページがほとんどのユーザーに対して一貫してすばやく応答できるかどうかを示します。INPは、2024年3月にFirst Input Delay（FID）に置き換わりました。

これらの指標を理解して最適化することで、開発チームはより応答性が高く魅力的なWebページやWebサイトを構築することができます。

デジタルの世界では、Webサイトとのユーザーインタラクションの品質はビジネスの成功と密接に関係しています。ユーザーと顧客は、Webサイトが迅速に読み込まれ、視覚的に美しく、簡単に操作でき、シームレスな機能性とインタラクティブ性が提供されることを期待しています。Webサイトの読み込みが遅すぎてパフォーマンスが低下すると、ユーザーは他のサイトで情報を入手したり、商品を購入したりする可能性があります。その結果、パフォーマンスの低いサイトはユーザー満足度を低下させ、ブランド認知度を低下させ、収益に悪影響を及ぼします。

Google Core Web Vitalsのパフォーマンス指標を監視して最適化することで、サイト所有者は可能な限り最高のユーザー体験を提供できます。さらに、Googleなどの検索エンジンはCore Web Vitalsのデータをランキングに組み込むため、これらの指標に合わせて最適化することで、オーガニック検索を増やし、顧客ベースを拡大することができます。

Google Core Web Vitalsに基づく機能強化は、エンドユーザーのページ体験の向上に必然的につながります。

• ページ読み込みの高速化。ユーザーは読み込みが速いページにより関心を持つようになる可能性があります。
• ページの応答性の向上。これにより、サイトの反応を待つ時間が短くなるため、よりスムーズで満足度の高いユーザー体験が実現します。
• ページが視覚的に安定。Cumulative Layout Shiftの最適化により、ページの読み込み時にページ内のページ要素が移動しないようにすることで、より快適なブラウジング体験を実現します。
• サイトのモバイルフレンドリー化。Core Web Vitalsは、モバイルデバイスで表示されるページにとって特に重要です。モバイルデバイスで表示されるWebページビューの割合は急速に増加しています。

Google Core Web Vitalsを最適化すると、いくつかの理由により検索エンジンの結果ページ（SERP）におけるページのランキングを向上させることができます。

直接的なランキング要因。Googleは、SERPでページをランク付けする際にCore Web Vitalsを採用していると明示的に述べています。その理由の1つは、読み込みが高速で、より優れたユーザー体験を提供するWebサイトは、ユーザーのエンゲージメントを維持する可能性が高いためです。

より優れた体験の提供。ポジティブな体験は直帰率を低下させ、Webサイトがより高品質で関連性が高いことを検索エンジンに伝えます。

より高いコンバージョン率。Core Web Vitalsで最適化されたサイトはコンバージョン率が高くなる傾向があります。これは、検索エンジンがSEOランキングを決定する際に使用する指標です。

検索エンジンクローラーに適合。Core Web Vitals向けに最適化することで、読み込み時間の高速化とサイトアーキテクチャの効率化が可能になります。これにより、検索エンジンクローラーはより多くのページを迅速にインデックス化し、検索結果の可視性を高めることができます。

Google Core Web Vitalsは、Webサイト監視ツールとして、リアルユーザー監視（RUM）およびシンセティックテストソリューションなど、さまざまなツールで測定できます。

RUM

RUMツールは、Webサイトとユーザーのすべてのインタラクションを取得して分析し、実際の閲覧状況における実際のユーザーのふるまいからデータを収集します。これにより、さまざまな地域、ネットワーク状況、デバイスで、実際のユーザーがWebサイトでどのように体験しているかを正確に把握できます。

シンセティックテスト

シンセティックテストでは、制御された環境でユーザーのふるまいをシミュレートするスクリプトを使用して、ベースラインパフォーマンスを確立し、実際のユーザーに影響が及ぶ前にCore Web Vitalsの潜在的な問題を特定します。開発チームは、変更を加え、時間をかけてテストを繰り返すことで、本番前のパフォーマンスを最適化できます。

Core Web Vitalsの測定と追跡を行うGoogleのツールには、次のようなものがあります。

• Chrome User Experience Report（CrUX）：このソリューションは、Core Web Vitals指標に関する実際のユーザー体験データを提供します。CrUXデータは、閲覧履歴と使用状況の統計情報のレポートをオプトインしたGoogle Chromeユーザーから収集されます。
• PageSpeed Insights：このツールは、Webページのコンテンツを分析し、CrUXのデータを使用して、改善が必要な領域を特定し、ページを高速化するための提案を生成します。
• RUMツール：Akamai mPulseなどのさまざまなリアルユーザー監視ツールは、Webサイトのすべてのユーザーを対象としたCore Web Vitalsの集約された指標を収集して表示します。
• Google Search ConsoleのCore Web Vitalsレポート：このレポートでは、実際の使用状況データやフィールドデータに基づいて、サイトのパフォーマンスを包括的に把握できます。
• LighthouseおよびChrome DevTools：これらのサービスは、開発者が問題を診断し、Webサイトでのユーザー体験を向上させるのに役立つラボデータを提供します。LighthouseはCore Web Vitalごとにスコアを提供し、Chrome DevToolsはより詳細な分析を提供します。

Core Web Vitalsの改善には、多くの場合、Webの開発と設計に対する総合的なアプローチが必要です。

• Largest Contentful Paint（LCP）の最適化：サーバーの応答時間（最初の1バイトが到達するまでの時間）の最適化、コンテンツ・デリバリー・ネットワーク（CDN）の活用、画像と動画形式の最適化、不要なサードパーティスクリプトの削除などにより、読み込み速度を改善します。画像やその他のリソースの遅延読み込みなどの手法では、ユーザーがページをスクロールするときに必要なコンテンツのみを読み込むことで、LCP時間を大幅に短縮できます。
• Interaction to Next Paint（INP）の改善：メインのJavaScriptスレッドに長時間のタスクが発生しないようにすることで、入力遅延の軽減を試みます。Webワーカーを使用すると、ブラウザーのレンダリングに影響を与えないバックグラウンドスレッドに長時間のタスクをオフロードできます。さらに、処理を最小限に抑え、レイアウトを簡素化することで、Webサイトがユーザーのインタラクションに即座に応答できるようにします。
• Cumulative Layout Shift（CLS）の改善：画像要素と動画要素（またはCSSアスペクト比ボックス）にサイズ属性を追加することで、視覚的な安定性を確保します。既存のコンテンツの上にコンテンツを挿入しないようにし、レイアウトのずれを引き起こすアニメーションを最小限に抑えます。

モバイルユーザーにとっては、Webサイトをより小さな画面や低速なネットワーク接続向けに最適化することが重要です。これらの要因がCore Web Vitalsのスコアに大きく影響する可能性があるためです。