コアWebバイタルとそれらを改善するためのトップテクニックを理解する

公開: 2022-05-11

2020年5月、Googleは新しいプログラムWeb Vitalsを導入しました。これは、高品質の信号のガイダンスを提供するイニシアチブです。 Googleは、これらの指標がウェブ上で優れたユーザーエクスペリエンスを提供するために不可欠であると考えています。

グーグルは何年にもわたって私たちにいくつかのツールを提供してきました(グーグルアナリティクス、検索コンソール、そしてページスピードインサイトは人気のあるもののいくつかです)、そしてこれらはしばしばそれらが進化するにつれて追いつくのが難しいかもしれません。

ただし、Webサイトが提供するユーザーエクスペリエンスの品質を理解するために、パフォーマンスウィザードである必要はありません。 Web Vitalsはこれを簡素化することを目的としており、最も重要なメトリックであるCoreWebVitalsに焦点を当てることができます。

デジタルマーケティングの大学院プログラム

パデュー大学とFacebookとの共同作成今すぐ登録
デジタルマーケティングの大学院プログラム

コアWebバイタルとは何ですか?

Core Web Vitalsは、すべてのWebページに適用されるWebVitalsのサブセットです。 各コアWebバイタルは、実際のエクスペリエンスを反映し、ユーザーエクスペリエンスの明確な側面を表しています。 Googleでは、これらの指標をすべてのサイト所有者が測定することをお勧めします。

Core Web Vitalsを構成するメトリックは時間の経過とともに進化しますが、この記事の執筆時点では、一連のメトリックはユーザーエクスペリエンスの3つの主要な側面に焦点を当てています。

  • 読み込み中
  • 双方向性
  • 視覚的安定性

最大のコンテンツフルペイント(LCP)とは何ですか?

最大のコンテンツフルペイント(LCP)は、ユーザーエクスペリエンスの最初の側面である読み込みパフォーマンスを測定します。 これは、ページのメインコンテンツの読み込みが完了した可能性が高い読み込みタイムラインのポイントを示します。 最大のコンテンツフルペイントが高速であるほど、ユーザーがそのページを便利だと感じることをGoogleに安心させることができます。

ウェブページで優れたユーザーエクスペリエンスを提供するには、ページの読み込みが最初に開始されてから2.5秒以内にLCPが発生する必要があります。

最大のコンテンツフルペイントのガイドラインを満たすことの重要性を強調するために、ページの読み込みが速くなると、ユーザーはWebサイトでより多くの時間を費やすようになります。 実際、ユーザーは、読み込み時間が2秒の場合(LCPの2.5秒の推奨値を満たす)で8.9ページにアクセスしますが、読み込み時間が8秒の場合は3.3ページにアクセスします。

無料の高度なSEO認定プログラム

重要な概念とスキルを習得し、SEOプロになる今すぐ登録
無料の高度なSEO認定プログラム

First Input Delay(FID)とは何ですか?

First Input Delay(FID)は、ユーザーエクスペリエンスの2番目の側面である対話性を測定します。 これは、応答のないページを操作しようとしたときにユーザーが感じるエクスペリエンスを定量化します。

FIDは、ユーザーが最初にページを操作してから(リンクをクリックしたり、ボタンをタップしたりするなど)、ブラウザーがユーザーのアクションに応じてイベントハンドラーの処理を開始するまでの時間を測定します。

優れたユーザーエクスペリエンスを提供するには、ページの最初の入力遅延を100ミリ秒以下にする必要があります。 FIDを低くすると、ページを確実に使用できるようになります。

累積レイアウトシフト(CLS)とは何ですか?

累積レイアウトシフト(CLS)は、ユーザーエクスペリエンスの3番目の側面である視覚的な安定性を測定します。 これは、ユーザーが予期しないレイアウト変更を経験する頻度を定量化するのに役立ちます。 CLSを低くすると、ページが不格好にならないようにするのに役立ちます。

優れたユーザーエクスペリエンスを提供するには、ページの累積レイアウトシフトを0.1以下に維持する必要があります。 これは、LCPやFIDのような時間の測定ではなく、スコアです。

LCSスコアは、ブラウザにビューポートのサイズと、レンダリングされた2つのフレーム間のビューポート内の不安定な要素の移動を確認させることによって計算されます。

コアWebバイタルを改善する方法

質の高いユーザーエクスペリエンスを最適化することは、Webサイトの成功の鍵であり、Googleは、コアWebバイタルがすべてのWebエクスペリエンスにとって重要であると考えています。 そのため、できるだけ多くのページでユーザーエクスペリエンスを向上させる機会を特定することが重要です。

ウェブサイトのユーザーに推奨される目標を確実に達成するために、LCP、FID、およびCLSメトリックを測定するための適切なしきい値は、ページ読み込みの75パーセンタイルです。 WebサイトがCoreWebVitalsに準拠していると見なすには、これらのメトリックの75パーセンタイルで推奨される目標を満たしている場合にページが通過することを検討してください。

コアWebバイタルメトリックを改善し、Webサイトが優れたユーザーエクスペリエンスを提供できるようにするためのいくつかの方法を次に示します。

ページの読み込み速度を向上させる

この時点で、Webページがすばやく読み込まれると、ユーザーエクスペリエンスが向上することは言うまでもありません。 2〜3秒は、バウンス率が急上昇するターニングポイントです。 消費者の40%は、サイトを離れることを決定する前に3秒以内に待機します。

PageSpeed Insightsを使用して、入力したWebページのスコアを取得し、ツールの提案を活用して、ページの読み込みを高速化します。 おそらく、読み込み時間がCore Web Vitalsのガイドラインを満たしていない場合があります。この場合、動画、画像、または読み込みが遅くなる可能性のあるその他の問題を確認する必要があります。

最大のコンテンツフルペイントを最適化

Largest Contentful Paint(LCP)は、Core Web Vitalsの全体的なスコアに大きな影響を与えるため、このメトリックに合わせて最適化することをお勧めします。 LCPスコアが低い場合、リソースの読み込み時間が一般的な違反となるため、Googleが推奨するいくつかの事項を次に示します。

  • 画像の最適化と圧縮
  • 重要なリソースをプリロードする
  • テキストファイルを圧縮する
  • アダプティブサービングを使用する
  • ServiceWorkerを使用してアセットをキャッシュする

無料のGoogleAnalyticsコース

強力なGoogleAnalyticsFoundationを構築して今すぐ学習を開始
無料のGoogleAnalyticsコース

バウンス率を下げる

バウンス率は、ユーザーがWebサイトを放棄する率を示しており、この割合をできるだけ低くする必要があります。

たとえば、Google Analyticsは、アクセスされたWebサイトの任意のページのバウンス率を表示します。 これは、ページが応答しない場合やモバイルデバイスに正しく読み込まれていない場合などの問題を特定するのに役立ちます。

バウンス率が高い場合は、ユーザーが必要なものを見つけていないことを示している可能性もあります。これは、ページが検索結果に表示されるクエリに関連していないことをGoogleに通知する場合があります。 バウンス率が高い場合は、インタースティシャル、ポップアップ、その他の邪魔な要素によるユーザーエクスペリエンスの低下を示している可能性もあります。

予期しないレイアウトシフトを排除する

テキストまたはボタンがページ上の別の位置に突然移動した場合(多くの場合、読み込みの問題が原因)、これは予期しないレイアウトシフトと呼ばれます。 それはユーザーにとってイライラする可能性があり、ユーザーが混乱したり、間違ったものをクリックしたりする原因になります。

予期しないレイアウトシフトを回避または排除するには、次の手順を実行します。

  • 既存のコンテンツの上にコンテンツを挿入しないでください
  • トランジションがコンテキストと継続性のためにアニメーション化されていることを確認します
  • 画像や動画にサイズ属性を含める
あなたはデジタルマーケティングの本質的な分野を習得したいですか? 今すぐデジタルマーケティングスペシャリストコースをチェックしてください。

SEOとコアWebバイタルの利点を解き放ちたいですか?

SEOとGoogleのコアウェブバイタルは、あらゆるデジタルマーケティング戦略に不可欠です。 私たちの検索エンジン最適化(SEO)トレーニングコースは、あなたをフルスタックのSEOプロフェッショナルに変え、あなたのWebサイトの最も重要なマーケティングチャネルで持続的な成長を推進します。 このコースでは、キーワードリサーチ、テクニカルSEO、リンク構築、分析など、SEOのさまざまな側面をマスターします。

SEOを超えたスキルを備えたフルスタックのデジタルマーケティング担当者になることに興味がある場合は、デジタルマーケティングの大学院プログラムをご覧ください。 この包括的なプログラムでは、パデュー大学と提携して提供され、Facebookと共同で作成され、実践的なプロジェクト、ライブオンライン指導、パデュー大学の教員によるマスタークラス、専門家を通じて、デジタルマーケティングの専門家として成功するために知っておくべきすべてのことを学びます。 Facebookでは、ハーバードビジネスパブリッシングのケーススタディなどがあります。