英語からAIを使用して翻訳されました
この記事はAI技術を使用して翻訳されたことにご注意ください。正確性を維持するよう努めていますが、一部の詳細は元のテキストを完全に反映していない場合があります。情報に不明な点がある場合は、英語版を参照してください。
使用される機能: ダッシュボード、リアルユーザーモニタリング(Core Web Vitals)および合成速度テストと監視。
時間: 20分。
ダッシュボードはさまざまなニーズに合わせて作成されており、ウェブサイトのエラーと速度を簡単に監視し、それがビジネスにどのように影響するかを迅速に理解できます。
ここでは、ダッシュボードについてもっと学ぶことができ、最初のダッシュボードを設定する方法を学ぶことができます。
KPI監視の一般的な使用例
以下に、KPI監視の一般的な使用例を表すさまざまなタイプのダッシュボードのいくつかの例を示します。
エラー監視
継続的なウェブサイトのエラー監視のためのダッシュボードを作成することで、パターンを見つけ、問題を早期に発見し、ユーザーエクスペリエンスを改善し、オンライン業務への中断を最小限に抑えるための情報に基づいた意思決定を行うことができます。
設定
1. セグメントモジュールに移動してエラーセグメントを設定します。
以下は、シンプルなエラーセグメントのいくつかの例です。エラー条件を使用して作成できます:
- 任意のページを訪れ、任意のJSエラーを経験したユーザーのセグメント。
- 特定のページ(例: カート)を訪れ、特定のJSエラーを経験したユーザーのセグメント。
2. 通常のダッシュボードを設定します。メニューの「ダッシュボード」をクリックし、「通常のダッシュボード」オプションを選択します。
3. セッション数とエラーのあるセッションの割合を見ながら、サイト全体の折れ線グラフから始めます。JSエラーとAPIエラーのための別のウィジェットを作成できます。
4. 次に、ページレベルでウィジェットを作成し、サイトの主要なページでのエラーとエラーのあるセッションの割合を測定できるようにします。
5. オプション。 異なるエラーのトレンドを折れ線グラフでプロットして比較します。
6. オプション。 各エラーセグメントのための単一値ウィジェットを追加して、指定した期間中のセッションの総数を表示します。
404エラーの監視のために構成されたダッシュボードの例
404ページへの訪問数を追跡するサイト全体の折れ線グラフと、訪問数(全体、デスクトップ、モバイル)、離脱率(全体、デスクトップ、モバイル)、直帰率(全体、デスクトップ、モバイル)、さまざまな獲得ソースからの訪問数(直接、メール、PPC、SEO)、および404ページを表示したかどうかによる訪問者のコンバージョン率(モバイル、デスクトップ)を表示するページレベルの単一値ウィジェットを含みます。
4. オプション。 Alertsモジュールからアラートを作成するか、Dashboardsのショートカットを使用して、異常な動作があるときにメールを受け取ることができます。
ここで、エラーを監視するためのアラートとDashboardsの設定方法について詳しく学ぶことができます。
Core Web Vitalsの監視
サイト全体の主要なウェブパフォーマンスKPIを継続的に監視するために専用のDashboardsを設定することで、ユーザー満足度や検索エンジンランキングに影響を与える問題に対処し、一貫性がありユーザーフレンドリーなウェブサイトを維持するのに役立ちます。
設定
1. ダッシュボードモジュールに移動して、ワークスペースを作成します。「+ 新しいダッシュボード」をクリックし、「完全にカスタマイズ可能」を選択します。
2. ダッシュボードのパラメータで「交差」を選択します。
3. 各Web Vitalのウィジェットグループを設定するために「ページグループビュー」ウィジェットを使用して、Web Vitalsウィジェットを設定します。各ウィジェットグループをWeb Vitalに専念させます。
4. 「ページグループプレビュー」ウィジェットを使用します。ページグループを選択する代わりに画像をアップロードできます。
5. 単一値ウィジェットを追加します。リストからメトリックを選択し、すべてのデバイス、すべてのユーザーを選択します。通常、75パーセンタイルを監視することをお勧めします。
6. 同じメトリックの75パーセンタイルを持つ「折れ線グラフ」ウィジェットを追加します。すべてのページ、すべてのデバイス。
7. 新しいWeb Vitalを追加するには、グループを複製します。次に、ウィジェットを変更して別のメトリックを指すことができます。
8. 次のメトリックを分析し、主に75パーセンタイルに焦点を当てます:
- 累積レイアウトシフト (CLS)
- 最大コンテンツ塗りつぶし (LCP)
- 最初の入力遅延 (FID)
モバイルとデスクトップのパフォーマンスコアWeb Vitalsを監視するために構成されたダッシュボードの例
LCPパフォーマンス(75パーセンタイル)を追跡する単一値ウィジェット、時間の経過に伴うLCPパフォーマンス(75パーセンタイル)の折れ線グラフ、CLSパフォーマンス(75パーセンタイル)を追跡する単一値ウィジェット、時間の経過に伴うCLSパフォーマンス(75パーセンタイル)の折れ線グラフ。
ランディングページのWebパフォーマンス (RUM)
専用のダッシュボードを持つことで、ユーザーがウェブサイトにアクセスしたときの体験と、主要なパフォーマンスKPIとの相関関係を理解するのに役立ちます。
設定
1. ダッシュボードモジュールに移動して、ワークスペースを作成します。「+ 新しいダッシュボード」をクリックし、「完全にカスタマイズ可能」を選択します。
2. ダッシュボードの設定を開き、「交差」をクリックして「適用」をクリックします。
3. 各Web Vitalのウィジェットグループを設定するために「ページグループビュー」ウィジェットを使用して、Web Vitalsウィジェットを設定します。
4. グループを作成したら、単一値または折れ線グラフウィジェットを使用して関連するウィジェットを追加できます。
5. 追跡しているウェブパフォーマンスKPIに応じてさまざまなセグメントを作成し、次の項目で比較します:
- 訪問数
- 直帰率
- 離脱率
- コンバージョン率
- 引き付け率
ランディングページのウェブパフォーマンスに設定されたダッシュボードの例
エントリーページのLCPの異なるレベルを持つセグメントの訪問の割合を表示するサイト全体の単一値ウィジェット(「良好」、「改善が必要」、「不良」、「すべての訪問者」)、エントリーページのLCPの異なるレベルを持つセグメントの直帰率を示すサイト全体の単一値ウィジェット(「良好」、「改善が必要」、「不良」)、エントリーページの同じLCPセグメント(「良好」、「改善が必要」、「不良」)のセッションの割合と直帰率の傾向を時間の経過とともに比較する折れ線グラフ
ダッシュボードを使用したウェブバイタルの監視について詳しく学ぶ
ウェブパフォーマンスのベンチマーク(合成)
スピード分析ラボを使用することで、あなたのウェブパフォーマンスを類似のウェブサイトと簡単に比較し、改善が必要な領域を特定できます。
設定
1. メインメニューからスピード分析ラボを選択します。
2. 複数のテストを実行したら、 'レポート' タブに移動して、レポートの完全なリストを表示します。
3. 比較したいレポートのチェックボックスをオンにします(最大12件までチェックできます)、'比較'をクリックし、次の項目を確認します:
- 比較したページ間のパフォーマンス概要を確認し、どのページがより良いパフォーマンスを発揮しているかを特定します。
- 棒グラフ - タイミング。あなたのパフォーマンス指標が競合他社のそれとどのように比較されるかを確認します。特定の指標が著しく異なりますか?
- 棒グラフ - 重量。2つのページ間の画像の重さを比較します。あるタイプの画像が他のものよりもかなり重いですか?
- ビデオ比較。ビデオ比較を視聴して、指標を分析することなくウェブページのパフォーマンスの違いを視覚的に評価します。
2つの場所で実施されたA/Bテストの2つのバージョンの比較レポートの例
イギリスのサイトで実施されたテストは、'USA-East'サイトで実施されたテストと比較して、構造分析スコアが59%と低く、フラグが付けられた問題が多く(17対15)、改善点も多い(16対14)です。
競合他社とあなたのウェブサイトのページを比較する
あなたの重要なページのパフォーマンスを競合他社と比較したい場合は、2つの異なるURLを比較して比較レポートを生成してください。
1. そのためには、Comparisonタブに移動し、'Page A URL'フィールドにあなたのウェブサイトのページのURL(例:ホームページ)を貼り付け、'Page B URL'フィールドに競合他社のホームページのURLを入力します。
5. モバイルまたはデスクトップテストのいずれかを選択し、2つのテストを実行する場所を選択します。'Compare'をクリックし、次の内容を確認します:
- 比較されたページ間のパフォーマンス概要を確認し、どのページがより良いパフォーマンスを発揮しているかを特定します。
- 棒グラフ - タイミング。あなたのパフォーマンス指標が競合他社のそれとどのように比較されるかを確認します。特定の指標が著しく異なりますか?
- 棒グラフ - 重量。2つのページ間の画像の重さを比較します。あるタイプの画像が他のものよりも著しく重いですか?
- ビデオ比較。ビデオ比較を視聴して、メトリクスを分析することなくウェブページのパフォーマンスの違いを視覚的に評価します。
Speed Analysis Reportについて、さまざまなKPIの解釈方法を学ぶ。
さらに進む
以下のCS大学のコースを探索して、Speed Analysis LapやSpeed Analysis Real User Monitoring (RUM)についてもっと学びましょう。