より良いSEOとUXのためにコアWebバイタルを最適化する方法

公開: 2022-03-10

TL; DR：Googleは、2022年3月末までにページエクスペリエンスがデスクトップ検索のランキング要素になることを発表しました。コアウェブバイタルのシグナルを監視して、顧客エクスペリエンスを向上させ、コンバージョン率を保護します。

セクションにジャンプします：

  • デスクトップページエクスペリエンスの更新とは何ですか？
  • 他のランキング要素と比較して、ページエクスペリエンスはどのくらい重要ですか？
  • ページエクスペリエンスのビジネスへの影響は何ですか？
  • GoogleのコアWebバイタルメトリクス
  • Core Web Vitalsメトリックはどこにありますか？
  • BotifyでコアWebバイタルを監視する
  • GSCのコアWebバイタルレポート
  • Googleのアルゴリズムの既存のページエクスペリエンスシグナル
  • ページエクスペリエンスを最適化するにはどうすればよいですか？

ページエクスペリエンスの更新とは何ですか？

優れたWebページエクスペリエンスと「まあ」のエクスペリエンスのどちらかを選択できるので、毎回優れたWebページエクスペリエンスを選択します。

メニューが開くまで8秒待たなければならなかったことがありますか？ または、ページ要素が突然移動したために誤って何かをクリックしましたか？

Googleから。

もちろんあります。 私たちは皆持っています。

Googleは、このようなやり取りがどれだけWebサイトのエクスペリエンスを損なう可能性があるかを知っています。 そのため、ページの速度やモバイルフレンドリーなど、長年にわたってランキング要素として経験関連の基準を追加してきました。

しかし、2020年11月、Googleは1つの包括的なページエクスペリエンスランキング要素を作成する意向を発表しました。 このアップデートでは、既存のページエクスペリエンスシグナル（モバイル対応、侵入型インタースティシャルの普及など）を統合すると同時に、ページ速度、応答性、視覚的安定性に関連する属性を測定するCore Web Vitals（CWV）メトリックを組み込みます。

Googleから。

これらの更新は2021年6月にモバイル検索にヒットしました。ページエクスペリエンスのランキング要素のおかげで、サイトはトップストーリーの結果でランク付けするためにAccelerated Mobile Pages（AMP）を必要としなくなりました。 ページがページエクスペリエンスのしきい値を満たしている限り、モバイル検索での優先順位付けの対象となりました。

現在、Googleはページエクスペリエンスの更新を拡張してデスクトップ検索を含めています。 ロールアウトは2022年3月末までに完了する必要があります。

他のランキング要素と比較して、ページエクスペリエンスはどのくらい重要ですか？

ページエクスペリエンスは、高品質で関連性の高いコンテンツを持つことほど重要ではありません。 Google自身の言葉では、「ページエクスペリエンスの一部の側面が劣っていても、全体的に最高の情報を備えたページを優先します。」

それはあなたにとってどういう意味ですか？ つまり、コンテンツの品質と関連性が競合他社と同じであるが、その競合他社のページエクスペリエンスの指標が優れている場合、競合他社のページがあなたのページを上回っている可能性があります。

ページエクスペリエンスのビジネスへの影響は何ですか？

最適化されたページエクスペリエンスは、検索でのランキングだけでなく、コンバージョンや顧客がブランドをどのように体験するかに直接影響します。 Googleは、サイトがCWVの最小しきい値を満たしている場合、ユーザーが「ページの読み込みを放棄する可能性が24％低い」ことを発見しました。 それは重要です。

ページの放棄がない場合でも、読み込み時間が遅いと変換に悪影響を与える可能性があります。 2021年のデジタルエクスペリエンスベンチマークレポートで、Contentsquareのパートナーは、「ウェブの読み込み時間が100ミリ秒低下しても、コンバージョン率が7％低下する可能性がある」ことを明らかにしています。

これらの傾向に照らして、ユーザーエクスペリエンスは、デジタルトラフィックに大きく依存しているeコマースサイトやその他のサイトにとって最優先事項になっています。 ハブデイで、AlltricksのCMOであるYohan Michel氏は、自転車およびランニング機器の小売業者がWebアプリ技術を合理化して、「常にコンバージョン率を高めることを目的として、非常に高速に読み込まれるさらにスムーズなモバイルサイト」を実現すると述べました。

Core Web Vitalsは、ポジティブなページエクスペリエンスを実現するために不可欠な部分であるため、それらが何であるか、およびそれらを最適化する方法を理解することが重要です。

GoogleのコアWebバイタルメトリクス

Googleの新しいページエクスペリエンスランキングファクターは、既存のページエクスペリエンスシグナルをCore Web Vitalsメトリックと組み合わせますが、Core Web Vitalsとは何ですか？

Googleは、2020年5月5日に、長年にわたって追加してきたユーザーエクスペリエンスシグナルに関するすべてのガイダンスを統合および合理化する方法として、CoreWebVitalsを導入しました。

優れたユーザーエクスペリエンスには多くの要素が含まれますが、Googleはすべてのサイトが持つべき3つの基本的な要素を特定しました。

  • 読み込みエクスペリエンス：Googleは、メトリック「Largest Contentful Paint」（LCP）を使用して、ユーザーの知覚される読み込み速度を測定します。 LCPは、ページのメインコンテンツが完全に読み込まれた時点を示します。 もっと詳しく知る。
  • 双方向性：Googleは、指標「First Input Delay」（FID）を使用して、ユーザーがページを操作する方法を測定します。 FIDは、ページの応答性などを測定し、ユーザーがページをナビゲートしてアクションを実行しようとしたときにどのように感じるかを最も定量化できる測定値です。 もっと詳しく知る。
  • 視覚的安定性：Googleは、指標「累積レイアウトシフト」（CLS）を使用して、ページのレイアウトがどれだけ安定しているかを測定します。 つまり、ユーザーにとって予想外にレイアウトがどの程度変化するのでしょうか。 もっと詳しく知る。

Googleは、これらの指標は他の指標の組み合わせであると説明しています。これも、ページエクスペリエンスの指標を合理化する方法です。 たとえば、First Contentful Paint（FCP）とTime to First Byte（TTFB）が不十分な場合、LCPを適切に設定することはできません。 Core Web Vitalsメトリックは、外挿データ（別名「ラボデータ」）ではなく、実際の使用状況データ（別名「フィールドデータ」）に基づいているため、信頼できる指標です。 このフィールドデータは、Chromeユーザーエクスペリエンス（CrUX）レポートから取得されます。このレポートは、ページにアクセスした実際のユーザーのパフォーマンス時間に関する匿名化された指標を収集します。

Core Web Vitalsメトリックはどこにありますか？

Googleによれば、人気のある開発ツールはすべて、CoreWebVitalsの測定に使用できるようになりました。

PageSpeedInsightsツールの新しいメトリックの例を次に示します。

そして、Web.Dev Measure Toolでは：

CoreWebVitalsの情報は次の場所にあります。

  • Lighthouse ：Chrome用のLighthouse拡張機能をダウンロードするか、Chrome DevToolsの[監査]タブを使用します（URLで[検査]をクリックし、[監査]タブをクリックします）。
  • PageSpeed Insights ：PageSpeed Insightsツールにアクセスして、通常どおりレポートを実行します。 新しいCoreWebVitalsメトリックは、レポートの上部に目立つように表示されます。
  • Web Vitals Chrome拡張機能：Googleは、WebページのLCP、FID、およびCLSの測定を支援するための専用の拡張機能全体を作成しました。 Chrome用のWebVitals拡張機能をダウンロードします。
  • Chrome UXレポートAPI ：Chromeユーザーエクスペリエンスレポートのすべての指標はAPIを利用しています。 サイト所有者は、これらの同じAPIを使用して、これらのパフォーマンスメトリックのURLレベルの分析を収集できます。 Chrome UXReportAPIに関するGoogleのドキュメントはこちらからご覧ください。
  • Web.dev測定ツール：https：//web.dev/measure/にアクセスして、ツールを介して実行する任意のURLのコアWebVitalsデータを確認します。
  • Google検索コンソール：GSCの「コアウェブバイタル」レポートは、ステータス、指標タイプ、URLタイプごとにパフォーマンスをグループ化します。
  • Botify ：2022年2月の時点で、Botify Analyticsには、ページタイプごとにセグメント化されたトレンドレポートとCWVデータを備えたCoreWebVitalsダッシュボードが含まれています。

BotifyでコアWebバイタルを監視する

Botifyは、CWVデータをGoogleのAPIを介してCrUXレポートから直接取得し、信頼性が高く、サードパーティのレポートとの整合性を確保します。 ただし、Botifyを使用してCWVを監視することにはいくつかのメリットがあります。

Core Web VitalsデータはBotify内に格納されているため、プラットフォームを切り替えることなくページエクスペリエンスを簡単に管理できます。

それだけでなく、ページタイプごとにデータをセグメント化して、CWVの問題がコンバージョンデータに表示される前に、どのページカテゴリでCWVの問題が発生しているかを明らかにすることもできます。

ダッシュボードには、時間の経過に伴うCWVメトリックの変化を示す多数のトレンドレポートもあります。 これは、ページのエクスペリエンスに影響を与えた可能性のあるサイトの変更を特定するのに役立ちます。

ただし、SEOはGSCに最も精通しており、日常のワークフローの一部としてGSCを組み込んでいる可能性が高いため、そのレポートを具体的に見ていきましょう。 他のレポートを使用してCoreWebVitalsデータを検索する方法の詳細については、web.dev/vitals-toolsにアクセスしてください。

Google検索コンソールのコアWebバイタルレポート

Google Search Consoleで監査するプロパティに移動し、左側のナビゲーションで[CoreWebVitals]をクリックします。

そこに到達すると、モバイルとデスクトップの両方のパフォーマンスのグラフが表示されます。

これらのチャートには、次の3つのカテゴリのいずれかに分類されるURLが含まれています。

  • 不良：LCPが4秒を超え、FIDが300ミリ秒を超え、CLSが0.25を超える場合、URLは「不良」と見なされます。
  • 改善の必要性：URLのLCPが2.5〜4秒、FIDが100ms〜300ms、CLSが0.1〜0.25の場合、URLは「改善が必要」と見なされます。
  • 良好：URLは、LCPが2.5秒未満、FIDが100ミリ秒未満、CLSが0.1未満の場合、「良好」とラベル付けされます。

このレポートはフィールドデータを使用するため、URLに十分な実世界のデータがない場合、GSCはそのデータをレポートから除外します。

GSCのCoreWebVitalsレポートは、URLグループごとに問題を分類します。これは、URLのグループ全体での単一の問題が単一の広範な問題によって引き起こされる可能性があるため便利です。 これにより、根本的な問題が複数の個別のページにどのように現れるかではなく、根本的な問題に焦点を当てることができます。

Googleは、URLのグループのステータスを提供して、検証したURL、検証していないURL、およびそれらのテストの進行状況を追跡できるようにします。GSCのコアWebバイタルレポートの詳細については、検索にアクセスしてください。完全なドキュメントを読むには、コンソールヘルプセンターを参照してください。

既存のGoogleページエクスペリエンスシグナル

Googleの新しいページエクスペリエンスのランキング要素に含まれる要素は、コアWebVitalsメトリックだけではありません。 また、次のような既存のページエクスペリエンスシグナルも組み込まれます。

  • モバイルフレンドリー：2015年に発表されたモバイルフレンドリーは、モバイルデバイスで見やすいコンテンツを優先するランキングシグナルです。 ここで、ページがモバイルフレンドリーかどうかをテストできます。 Google検索コンソールでモバイルユーザビリティを監視することもできます。
  • 安全な閲覧：ウェブマスターは、サイトで見つかったセキュリティの問題を修正する必要があります。この問題には、Google検索コンソールのセキュリティの問題レポートでアクセスできます。 セキュリティの問題には、マルウェア、不正なページ、有害なダウンロード、まれなダウンロードなどがあります。
  • HTTPSセキュリティ：HTTPS /トランスポート層セキュリティは、コンテンツ品質のシグナルよりも重みが少ないわずかなランキングシグナルですが、Webマスターは、ランキングに役立つだけでなく、訪問者にとってより安全であるという理由で、すべてのURLをHTTPSに移行する必要があります。

煩わしいインタースティシャルガイドライン：ウェブマスターは、ページのメインコンテンツをカバーするポップアップを表示したり、ユーザーがメインコンテンツにアクセスする前に閉じる必要のあるスタンドアロンのインタースティシャルを表示したり、ウェブページの折り畳み部分を次のように見せたりしないようにする必要があります。フォールドの下にメインコンテンツがある場合のスタンドアロンインタースティシャル。

次のステップ：ページエクスペリエンスを最適化するにはどうすればよいですか？

ページエクスペリエンスがデスクトップ検索とモバイル検索の両方のランキング要素になっているので、それをSEO戦略に組み込むことを開始することをお勧めします。

Googleは、ページエクスペリエンスを最適化するために次のワークフローを提案しています。

  1. GoogleSearchConsoleでCoreWebVitalsレポートを開き、注意が必要なページのグループを特定します。 最初に「不良」カテゴリのURLに焦点を当て、次に「改善が必要」に焦点を当てます。
  2. このレポートをエンジニアリングチームと共有するか（Web開発者と通信するためのヒントを読んでください）、以下でさらに診断を続けてください。
  3. 最も注意が必要なページを十分に把握したら、それらのページをPageSpeed Insightsで実行して、対処する必要のあるCoreWebVitalsメトリックの低下に寄与する特定の問題を診断します。
  4. これらのページをLighthouse監査で実行するか、Web Vitals Chrome拡張機能を使用して、修正が必要な問題に関するより実用的なガイダンスを入手してください。

Googleは、次のようなページエクスペリエンスのベストプラクティスも提供しています。

  • 各ページのサイズを500KB未満（ページ+すべてのリソース）に削減します。
  • 1ページあたりのリソースの総数を50未満に抑えます（モバイルに最適）。
  • AMPの実装を検討してください。これにより、モバイルとデスクトップの両方で多くのページ読み込みの問題を修正できます。

あなたやあなたのウェブ開発者がページエクスペリエンスの修正を実装し始めると、Googleは28日間の監視セッションを開始する「追跡の開始」ボタンを使用することをお勧めします。 なぜ28日？ Googleによると、その28日以内に問題のインスタンスが再発しない場合は、問題が修正されたと見なすことができます。

強化されたページエクスペリエンスのランキング要素は、SEOとUXをブレンドする方向へのもう1つのステップです。 時間が経つにつれて、人間にとって最善のことをすることは、Googleにとっても最善であるように思われます。

これが、訪問者に可能な限り最高の体験を提供し、それに対して報われることです。

Botifyの詳細については、お問い合わせください。企業のWebサイトが、オーガニック検索をトラフィックと収益の両方の成長のための効率的で測定可能で持続可能なチャネルに変えるのに役立っています。