メイン コンテンツへスキップする
ダッシュボードに移動
何から始めればよいかわからない方は、簡単なクイズに答えて、パーソナライズされたおすすめを参照してください。
レッスン 3 件 5 件
ウェブに関する主な指標で訪問者のエンゲージメントを維持する
5 分完了する

ウェブに関する主な指標で訪問者のエンゲージメントを維持する

webdev

自社のニュースサイトで優れたユーザー エクスペリエンスを提供する

webdev

ウェブに関する主な指標とは

GNI_Data_Presentation (1)

ウェブに関する指標とは Google によるイニシアチブの一つで、ウェブ上での優れたユーザー エクスペリエンスの提供に欠かすことのできない品質シグナルに関する統一的なガイダンスの提供を目的としています。

ウェブに関する主な指標とは、ウェブに関する指標の中の 3 つの指標のことです。ウェブに関する主な指標のしきい値を満たすサイトの場合、ユーザーがそのページを離脱する可能性が 24% 低くなることが調査で示されています

ウェブに関する主な指標では以下が重視されます。

  • 読み込み時間
  • インタラクティブ性
  • 視覚的な安定性
GNI_Data_Presentation (1)

ウェブに関する主な指標の測定を始める

GNI_Data_Analytics

データの収集は、ウェブに関する主な指標を改善するための最初のステップです。

  • PageSpeed Insights は、モバイルとデスクトップ デバイスの両方でページのユーザー エクスペリエンスの測定、レポートを行い、ページを改善する方法に関する最適化案を提供します。

  • Search Console は、オーディエンスのサイトの利用方法に基づいて、ページがウェブに関する主な指標のしきい値をどの程度満たしているかを測定してレポートします。

  • Web Vitals Chrome Extension は、ウェブに関する主な指標のパフォーマンスの測定、レポートをすべてのページを対象としてリアルタイムで行うもので、デベロッパーに最適です。

💡ベスト プラクティス: これらのツールから提供される最適化案をデベロッパーと共有します。

GNI_Data_Analytics

読み込み時間

GNI_Audience_engagement_Blank

読み込み時間が速いと、そのページが有益であるという安心感をオーディエンスに与えることができます。

  • ユーザーの 50% が、読み込みに 3 秒以上かかる場合にそのサイトを離脱する
  • ユーザーの 47% が、ウェブページが 2 秒以内に読み込まれることを期待している
  • ユーザーの 52% が、そのブランドを気に入るかどうかに関して、読み込み時間が重要であると回答している

読み込み時間は、Largest Contentful Paint(LCP)で測定されます。これは、最も大きい画像またはテキスト ブロックを表示するのにかかる時間です。

ウェブに関する主な指標のしきい値を満たすには、ページの 75% で読み込み時間を 2.5 秒以内にする必要があります。

💡ベスト プラクティス

  • 遅延読み込みを有効にする
  • サイズの大きな GIF ではなく動画を使用する
  • 使用されていないコードを削除する
GNI_Audience_engagement_Blank

インタラクティブ性

screenshot-2023-02-23-at-54241-pm

読み込み時間では、サイトがコンテンツを表示する速さが測定されますが、インタラクティブ性では、ユーザーが記事の選択などのアクションを実行したときのサイトの応答性が測定されます。

インタラクティブ性は、初回入力遅延(FID)で測定されます。これは、ユーザーがリンクやボタンをクリックしてからそのアクションの処理がサイトで開始されるまでにどの程度の時間がかかるかを示します。

ウェブに関する主な指標のしきい値を満たすには、ページの 75% で、クリックの処理を開始するまでの時間を 0.1 秒以内 にする必要があります。

💡ベスト プラクティス

  • コードをより小さなタスクに分割する遅延読み込みを有効にする
  • そのページで必要なコードを最初に読み込む
  • データを取得するコードを減らす
screenshot-2023-02-23-at-54241-pm

視覚的な安定性

blue-data-screen

記事を読み始めて、文を読み終える前にテキストが動いてしまって、読んでいた箇所がわからなくなってしまった経験はありますか?

ほとんどの場合で、このような現象は単に煩わしいだけのものですが、実害が発生する可能性もあります。

視覚的な安定性は、Cumulative Layout Shift(CLS)で測定されます。これは、一度に発生するコンテンツ シフト(コンテンツのずれ)の最大数です。

ウェブに関する主な指標のしきい値を満たすには、ページの 75% でスコアを 0.1 以下にする必要があります。

💡ベスト プラクティス

  • 画像や動画にアスペクト比やディメンションを設定する
  • 過去の広告に基づいて、最も適した広告サイズを選択する

ページの先頭に表示される広告を避ける

blue-data-screen
このレッスンに対する評価をお聞かせください。
お問い合わせいただいたフィードバックは、レッスンの向上に役立てさせていただきます。
レッスンを完了するには、この質問にお答えください。
ウェブに関する主な指標で重視されていることは何ですか?
送信
checklist (8)
クイズが完了しました
おめでとうございます!これで終了です Keep visitors engaged with Core Web Vitals
レッスンを復習して再挑戦してください
in progress
Recommended for you
Leave and lose progress?
By leaving this page you will lose all progress on your current lesson. Are you sure you want to continue and lose your progress?