DEX Core Web Vitals

Core Web Vitals（CWV）は、ウェブ上のユーザー体験の重要な側面を測定するために Google が導入した一連のパフォーマンス指標です。これらの指標は、読み込み速度、インタラクティビティ、視覚的安定性に焦点を当て、よりスムーズでユーザーフレンドリーな体験を保証します。Core Web Vitals を理解し最適化することは、検索順位の改善とユーザー満足度の向上にとって極めて重要です。

主要指標

1. Largest Contentful Paint（LCP）: 読み込みパフォーマンスを測定します。LCP は、最も大きな可視コンテンツ要素（例: 画像やテキストブロック）がビューポートに表示されるまでの時間を表します。
   • 目標: LCP はページの読み込みが最初に開始されてから 2.5 秒以内に発生する必要があります。
2. Cumulative Layout Shift（CLS）: 視覚的安定性を測定します。CLS は読み込みプロセス中にレイアウトがどれだけシフトするかを追跡します。予期しないシフトが最小限のページは、より良い体験を提供します。
   • 目標: CLS スコアが 0.1 未満。
3. Interaction to Next Paint（INP）: インタラクティビティを測定します。INP は、ウェブページがクリックやキーボードイベントなどのユーザー入力に対してどれだけ素早く応答するかを評価します。
   • 目標: INP は 200 ミリ秒未満である必要があります。

Core Web Vitals の重要性

Core Web Vitals は Google の総合的なページ体験シグナルの一部であり、ユーザーがウェブページとのインタラクションでどのように体験を認識するかを評価します。Core Web Vitals で良いスコアを獲得するウェブサイトは、検索順位でより良いパフォーマンスを発揮し、改善されたユーザーエンゲージメントを提供する傾向があります。これらの指標を最適化することで、直帰率の低減、コンバージョンの向上、SEO パフォーマンスの改善につなげることができます。

Core Web Vitals をモニタリングするためのツール

1. Google Analytics Google Analytics は主にウェブサイト訪問者の追跡と行動の理解に使用されます。Core Web Vitals に直接焦点を当てるツールではありませんが、直帰率やセッション時間など、間接的にパフォーマンスに影響を与える可能性のあるユーザーエンゲージメント指標の追跡に有用です。
   • ユースケース: トラフィックの追跡、オーディエンスインサイト、ユーザー行動、コンバージョン追跡、Eコマースパフォーマンス。
   • Core Web Vitals: 明示的に追跡されないものの、ユーザーエンゲージメント指標がパフォーマンス関連の問題を明らかにすることがあります。
   • 短所: データのサンプリングにより精度が低下する可能性があり、カスタム指標のリアルタイムレポートは限定的です。
2. Google Search Console Google Search Console（GSC）は、Google 検索における私たちのウェブサイトのパフォーマンスを追跡するための重要なツールです。Core Web Vitals に関する具体的なインサイトを提供し、LCP、CLS、INP を直接モニタリングできます。GSC はサイトの可視性に影響を与える SEO 関連の問題を特定し修正するのに特に役立ちます。
   • ユースケース: 検索パフォーマンスの追跡、インデックスのモニタリング、サイトマップの送信、SEO 問題の特定、Core Web Vitals の追跡。
   • Core Web Vitals: LCP、CLS、INP を直接追跡します。
   • 短所: 履歴データに限りがあり、データ更新が 1 ～ 2 日遅れます。
3. ContentKing ContentKing は、Core Web Vitals を含むサイトの SEO ヘルスのリアルタイム追跡を提供する SEO モニタリングツールです。順位に影響を及ぼす前に問題をキャッチし、ページ上の変更を時間とともに追跡するのに最適です。
   • ユースケース: リアルタイム SEO モニタリング、変更追跡、ページ内監査、チームコラボレーション、Core Web Vitals モニタリング。
   • Core Web Vitals: LCP、CLS、INP を直接追跡します。
   • 短所: 主に SEO に焦点を当てており、詳細なユーザー行動やトラフィックインサイトは提供しません。
4. DebugBear DebugBear は、ページ速度と Core Web Vitals を追跡するために調整されたパフォーマンスモニタリングツールです。ウェブ開発者やパフォーマンスを重視するユーザー向けに設計されており、ページ上のさまざまな要素が読み込み時間とユーザー体験にどう影響するかについての深いインサイトを提供します。
   • ユースケース: Core Web Vitals のモニタリング、ページ速度の分析、異なるネットワーク条件のシミュレーション、パフォーマンスアラートの設定。
   • Core Web Vitals: LCP、CLS、INP を直接追跡します。
   • 短所: SEO とユーザートラフィックのインサイトが欠けており、他のツールとの統合が限定的です。

CWV テスト手順

CWV に影響を与える可能性のある変更を加える際には、変更の影響を測定するために前後のテストを実施することが極めて重要です。プロセスは次のとおりです:

1. 連絡先:

   • CWV 指標に影響を与え得る変更を実装する場合は、マージリクエスト（MR）内で Hanif に連絡してください。
   • 変更の性質と CWV に影響を与える理由を明確に説明してください。

2. 前後のテスト:

   • Hanif が、変更が CWV に与える影響を評価するための前後のテストセットを作成します。
   • テストは、サイト全体のコンテンツと構造を代表する 3 つの URL で実施されます。
   • テストは CWV のモニタリングに信頼できるツールである DebugBear を使用して実施されます。DevTools の Lighthouse は使用しないでください。これは不一致が知られており、一貫性のある正確な結果を提供しない可能性があります。
   • 目標は、変更前後でこれらの URL の CWV 指標を比較することです。

3. Google Search Console でのモニタリング:

   • 重要な変更の場合、変更がマージされてから Google Search Console が実際のユーザーデータに基づいて CWV への影響を反映するまで、約 1 週間 かかる可能性があります。
   • Google Search Console でこれらの指標をモニタリングすることは、変更が実際のサイトユーザーに対して期待された効果を持ったかどうかを確認するのに役立ちます。

レポーティングとフォローアップ

• テストが完了した後、結果はドキュメント化されチームと共有されます。
• テスト結果に基づく必要な調整やさらなる最適化について議論し、それに従って実装します。

ベストプラクティス

• 読み込みパフォーマンス、インタラクティビティ、視覚的安定性に影響を与える可能性のある変更については、常に CWV テストを開始してください。
• DevTools の Lighthouse の不一致を避け、信頼性のあるモニタリングのために DebugBear を活用してください。
• CWV 指標の予期しない変化がないか、Google Search Console を定期的にモニタリングしてください。

これらのガイドラインに従うことで、ウェブサイトに加えられたすべての変更がユーザー体験への影響を徹底的にテストされ、すべてのページで CWV の高い基準を維持できます。

ページのソースコードを見る - ページの編集 - please contribute.