ユーザーエクスペリエンスは、どのWebサイトでも成功するための鍵です。 ただし、歴史的には、UXは常に主観的に測定されてきました。 Googleは、ユーザーエクスペリエンスをより適切に定量化するためにWebサイトを導入しました Webバイタル、イニシアチブは、ユーザーエクスペリエンスに関連する品質信号に関する一貫したガイダンスを提供します。
これらの各情報の意味を理解しましょう。パフォーマンスがどのように測定されるかを理解するのに役立ちます。
このガイドの内容:
コアオンラインバイタルとは何ですか?
医者を訪ねるとき、これらを重要な兆候と考えてください。
これらは、ユーザーエクスペリエンスの脈動をすばやくチェックし、サイトのパフォーマンスがどの程度健全であるかを測定する測定値です。
コアオンラインバイタルサインは、オンラインバイタリストの最も重要なサブセットであり、すべてのインターネットページに適用される次元でもあります。
各CoreWeb Vitalは、ページエクスペリエンスの個別のセクションを参照します。 これらは時間とともに進化しますが、 グーグル発表 2021年5月に投資要素として導入される3つのコアネットワークの重要なもの。これらの3つの重要なものは、負荷、対話性、および視覚的安定性を示しています。
この投資要因は、サイトのセキュリティ、侵入型インタースティシャル、モバイルへの配慮に関してGoogleが導入した他の要因と類似している可能性があります。 Googleは引き続き、ユーザーのクエリに対して最良の検索結果を表示しようとします。 コアウェブバイタルのしきい値を超える傾向があるページでは、Googleも優れたユーザーエクスペリエンスの提供に努めているため、ランキングがわずかに上昇する可能性があります。
核バイタルレポート
基本的なページバスを使用して、サイトのパフォーマンスを評価し、問題固有の内訳を取得できます Google検索コンソール。 このレポートは、実際の使用状況データまたはフィールドデータに基づいて、ページのパフォーマンスを示します。
Core Web Vitalsレポートには、次の3つの指標が表示されます。
- 最大コンテンツ目標(LCP)
- 最初のフィード遅延(FID)
- 累積レイアウト転送(CLS)
画像提供: Googleサポート
これらの指標の意味と、それらがユーザーエクスペリエンスにどのように影響するかについての詳細をご覧ください。
読み込み:最大コンテンツ目標(LCP)
ダウンロードがユーザーエクスペリエンスにどのように影響するかを測定するコアネットワークは、Maximum Content Goal(LCP)と呼ばれます。 最大のコンテンツペイントは、基本的にブラウザでペイントされる最大の要素であり、メインコンテンツがユーザーに表示される可能性が高いときにページが読み込まれるポイントを示します。
ページのLCPが発生する必要があります 2.5秒以内。
相互作用:最初の収入の遅れ(FID)
対話性のコアネットワークは、First Input Delay(FID)と呼ばれます。 フィード遅延は応答性を測定します。 FIDは、コンテンツがページに読み込まれる速度を測定する代わりに、ユーザーがそのコンテンツを操作できる速度を測定するように設計されています。
通常、入力遅延は、ブラウザのメインスレッドが他の処理でビジー状態である場合に発生するため、ユーザーの操作にまだ応答できません。
FIDの問題の原因は何ですか?
ここでは通常、JavaScriptが大きな原因です。ブラウザが大きなJavaScriptファイルの解析や、バックグラウンドでのスタイルシートの読み込みでビジー状態の場合、ユーザーの操作への応答が遅れる可能性があります。
次のタイムラインを検討してください。
- コンテンツはユーザーによって要求されます
- サーバーが応答し、データの送信を開始します(最初のバイトまでの時間)
- ブラウザが画面にコードのペイントを開始します(First Contentful Paint)
- 他のネットワークリクエストはバックグラウンドで実行されます
- ユーザーが要素をクリックします
- オンラインリクエストは終了し、コンテンツは最終的にインタラクティブになります(Time to Interactive)
ユーザーが最初に何かをクリックしたり、何かを操作したりしてから、ページが最終的にインタラクティブになり、応答できるようになるまでの遅延はFIDです。
FIDは 100ミリ秒未満。
視覚的安定性:累積レイアウト変更(CLS)
視覚的な安定性を測定するために設計された重要なネットワークは、累積レイアウト設定(CLS)です。
視覚的な安定性は正確に聞こえます:コンテンツがページ上を移動するとき。 読んだ内容の上に広告や画像を読み込んで、コンテンツを画面の下に移動するためだけに記事を読んだことがありますか? さらに悪いことに、何かを読み込んでリンクを移動させるためだけにリンクをクリックすることは絶対にしないでください。つまり、間違ったものをクリックしたのでしょうか。
CLSの目的は、予期しないレイアウト変更の測定値を提供して、コンテンツが画面上を移動するときにユーザーがユーザーエクスペリエンスを低下させる頻度をWebマスターが監視できるようにすることです。
CLSの測定は、ページが読み込まれたときに2つの異なるフレーム間で不安定な要素がどのように表示されるか、およびこれらの要素が画面サイズに対してシフトした距離を計算するため、複雑に聞こえる場合があります。
これらの測定値を乗算すると、CLSスコアが生成されます。 合格するCLSスコアは 0.1未満。
コアネットワーク値の測定
Core Web Vitalsを測定するには、ラボデータ(1回限りのテスト)とフィールドデータ(経時的な合計UX測定値)の両方の組み合わせに依存することが重要です。
ラボデータの場合、Googleは次のようなコアネットワーキングツールを提供します 灯台とPageSpeedの洞察。 フィールド情報については、Chromeチームに依存することを検討してください Chromeユーザーエクスペリエンスダッシュボード、時間の経過に伴うユーザーエクスペリエンスの集計測定を提供します。
重要な兆候を確認する
Core Web Vitalsが何であるかがわかったので、ここからどこに行くのか疑問に思うかもしれません。 医師のオフィスに戻ってください。ウェブサイトで重要な兆候がないか定期的に確認してください。 改善は繰り返し行われることを忘れないでください。
ツールを使用してWebVitalsを経時的に測定し、ダウンロード、インタラクティブ性、および視覚的な安定性の向上がユーザーエクスペリエンス全般にどのように影響するかをよりよく理解します。
Webサイトのエラーの診断または修正についてサポートが必要ですか? ご連絡いただければ、技術的なSEOチームのお手伝いをいたします。