Pagespeed Palの紹介：GoogleDataStudioでのコアWebバイタルの視覚化

公開: 2022-04-29

フルサービスのデジタルマーケティングエージェンシーとして、明確かつ簡潔な方法で視覚化できる、クライアントおよび競合他社のURLのコアWebバイタルに関する情報を迅速かつ簡単に収集する方法が必要でした。

既存のソリューションを調べた後、私たちはすぐに、私たちが望んでいたことを正確に実行するツールがないことに気付きました。

そこで、自分たちで作ることにしました。 一番良いところ？ それは無料です–デジタルマーケターのためにデジタルマーケターによって構築されました。

コアWebバイタルが重要なのはなぜですか？

2021年6月の時点で、CoreWebVitalsがサイトの公式ランキング要素になりました。 それは最大の貢献者ではありませんが、サイトのランキングを高くする可能性を最大限に高めたい場合は、デスクトップとモバイルの両方でWebサイトがどのように機能するかを理解することがますます重要になっています。 どうすればこれを行うことができますか？ 問題が発生する可能性のある場所を特定し、成功の度合いを定量化するために、First Input Delay（FID）、Cumulative Layout Shift（CLS）、Largest Contentful Paint（LCP）などのランキングメトリックを経時的に追跡および監視できる必要があります。実装されたソリューションはです。

Pagespeed Palの紹介– Semetricalによって開発された無料のツールで、Core Web Vitalsを簡単に追跡、整理、視覚化したい人のために特別に設計されています。

では、Pagespeed Palとは何ですか？

このツールは、Pagespeed Insights APIを使用して、次のフィールド、オリジン、ラボの指標を取得します。

  • FCP Ms –フィールド
  • LCP Ms –フィールド
  • CLS Ms –フィールド
  • FID Ms –フィールド
  • FCP Ms –オリジン
  • LCP Ms –オリジン
  • CLS Ms –オリジン
  • FID Ms –オリジン
  • パフォーマンススコア–ラボ
  • FCP Ms –ラボ
  • LCP Ms –ラボ
  • CLS –ラボ
  • インタラクティブなMsへの時間–ラボ
  • 合計ブロッキング時間Ms–ラボ
  • スピードインデックスさん–ラボ
  • 最初のバイトMsまでの時間–ラボ
  • FID Ms –ラボ

Pagespeed Palが取得できるメトリックについて説明したので、各メトリックが示すことを簡単に説明し、フィールド、オリジン、ラボのデータの主な違いについて概説します。

メトリックの定義

  • LCP=これは読み込みパフォーマンスを測定します。 優れたユーザーエクスペリエンスを提供するには、ページの読み込みが最初に開始されてから2.5秒以内にLCPが発生する必要があります。
  • CLS=これは視覚的な安定性を測定します。 優れたユーザーエクスペリエンスを提供するには、ページでCLSを0.1未満に維持する必要があります。
  • FID=これは対話性を測定します。 優れたユーザーエクスペリエンスを提供するには、ページのFIDが100ミリ秒未満である必要があります。
  • FCP =これは、ページの読み込み速度、つまりページの読み込みが開始されてからそのページのコンテンツの一部が画面に表示されるまでの時間を測定します。
  • インタラクティブまでの時間=ページの読み込みが開始されてから完全にインタラクティブになるまでの時間を測定するラボ指標。
  • 合計ブロッキング時間=FirstContentful Paint（FCP）とTime To Interactive（TTI）の間の合計時間をミリ秒単位で測定するラボメトリック。
  • SpeedIndex=ページの読み込み中にページのコンテンツが目に見える形で表示される速度を測定するラボの指標。
  • 最初のバイトまでの時間=ブラウザがページを要求してからサーバーから情報の最初のバイトを受信するまでの時間を測定するラボメトリック。

データ型の定義

  • フィールドデータ=実際のユーザーの訪問に基づく、これは提供されたURLに特に関連するスコアであり、Googleがページをランク付けするときに考慮します。
  • オリジンデータ=これは、サイトで測定できるすべてのURLからのスコアの集計であり、サイト全体のパフォーマンスの有用な指標を提供します。
  • ラボデータ=これは、事前定義されたネットワークおよびデバイス条件のセットを使用して、制御された環境にページをロードします。

それぞれが提供しなければならないさまざまな視点から利益を得るために、これらの3つのデータ型を引き出すことに着手しました。

Pagespeed Palが取得できるURLの数と、それらはどのくらいの頻度で更新されますか？

これらのスコアはPagespeedInsightsAPIによって毎日更新されるため、ツールは1日に1回だけスコアを取得し、自動的に実行されて最新の状態に保たれます。ユーザーは、ユーザーを通じてこれが発生するタイミングをスケジュールできます。以下に示すインターフェース。

Googleは、毎日スケジュールされて実行できるURLの数に制限を設けています。

無料のGoogleアカウントを持っているユーザーは、エラーが発生する前に約35のURLをスケジュールできますが、Workspaceアカウントを持っているユーザーは、約100のURLをクエリできます。

ただし、Googleは、すぐに実行されるURLの数に制限を設けていません。 Pagespeed Palアドオンメニューの「クエリの実行」メニューを使用して、1,600以上のURLのデータを正常にフェッチすることができました。

生データはどのように表示されますか？

レポートを簡単にするために、これらのスコアは日付、デバイス、クライアント、ページグループ、およびURLごとに分けられています。 Googleスプレッドシートに入力したときの外観については、以下をご覧ください。

この形式の主な目的は、データの視覚化を合理化することです。これにより、Google Data Studio内で、自社のクライアントと競合他社のページの両方に対して強力なビューを簡単に作成できます。

視覚化すると、これはどのように見えますか？

このスプレッドシートをDataStudioに直接リンクされたデータソースとして使用すると、データを次のように視覚化できます。

クライアント、ページグループ、URLなどの関連するディメンションに基づいてフィルターを追加することで、これらを高い柔軟性で評価できます。 参照線機能を使用してメトリックのしきい値を提供し、全体的なパフォーマンスを簡単に識別できるようにします。

これは素晴らしいことです。レポートにPagespeedPalを使用するにはどうすればよいですか？

ツールに最終的な変更を加えた後、Google WorkspaceMarketplaceを介してPagespeedPalを公開し、公開されたらブログを更新します。

Pagespeed Palが公開されると、GoogleWorkspaceMarketplaceを介してツールを簡単に追加できます。 ダウンロードしたら、[Googleスプレッドシート]>[拡張機能]>[アドオン]に移動します。 提供された手順に従って取得できるAPIキーをダウンロードするように求められます。 これを取得したら、貼り付けて、開始する準備ができました。 以下の短いビデオは、インストール後にツールを正しく開始する方法を示しています。

ご不明な点がございましたら、お問い合わせフォームからお問い合わせください。