Google CoreWebVitalsについて知っておくべきこと

公開: 2021-05-08

Googleの新しいCoreWebVitalsについて聞いたことがありますか？ 4つの既存のページエクスペリエンスシグナルに加えて、コアWebバイタルは、可能な限り最高のユーザーエクスペリエンス（読み込み、双方向性、視覚的安定性）に不可欠です。 Googleは6月中旬にこれらの指標の展開を徐々に開始し、8月末までにランキングの決定に完全な役割を果たします。 このブログでは、コアWebバイタルのそれぞれ、それらがWebサイトにどのように影響するか、それらを改善するためのツールなどについて詳しく見ていきます。

GoogleのコアWebバイタルとは何ですか？

Core Web Vitalsは、速度と訪問者がページを操作する速度の観点から、ユーザーエクスペリエンス（デスクトップおよびモバイル）を評価します。 各CoreWebVitalは、「ユーザーエクスペリエンスの明確な側面を表し、現場で測定可能であり、重要なユーザー中心の結果の実際のエクスペリエンスを反映しています。」

Core Web Vitalsは、テキスト要素だけに焦点を合わせるのではなく、ページ内の全体的なユーザーエクスペリエンス（UX）の品質を評価します。 3つのコアWebバイタルがあります。

  1. 最大のコンテンツフルペイント（LCP）
  2. 最初の入力遅延（FID）
  3. 累積レイアウトシフト（CLS）

LCPは、パフォーマンスと負荷、FIDの応答性と双方向性、およびCLSの視覚的安定性を評価します。 コアウェブバイタルは、Googleページエクスペリエンススコアの最大の部分を構成します。これには、次の既存の検索シグナルも含まれます。

  1. モバイルフレンドリー
  2. 安全なブラウジング
  3. HTTPS
  4. 侵入型インタースティシャルなし

このブログの後半で、ページエクスペリエンススコアについて詳しく見ていきます。 まず、各CoreWebVitalの詳細を掘り下げてみましょう。

Core Web Vital＃1 ::最大のコンテンツフルペイント（LCP）

Largest Contentful Paint（LCP）は、ページ上の最大のコンテンツ要素が読み込まれる速度を測定します。 これは通常、大きなブロックレベルのテキスト、画像、またはビデオです。 LCPは、ページ全体の読み込み時間を評価するのではなく、ユーザーの観点からページの読み込みにかかる時間を調べます。これは、すべての中で最も重要なページ速度の指標です。

適切なLCPは2.5秒未満です。これは、ページの読み込みが開始されてから2.5秒以内に最大の要素が表示されることを意味します。 ロード時間が長くなるとバウンス率に深刻な悪影響を与えることが証明されているため、LCPを最適化することが重要です。 LCP時間を改善するには、次のことを考慮してください。

  • 大きなページ要素の削除
  • あなたのウェブホストをアップグレードする
  • 遅延読み込みの実装
  • 不要なサードパーティのスクリプトを削除する

Core Web Vital＃2 :: First Input Delay（FID）

First Input Delay（FID）は、ユーザーが最初にページを操作してから、その操作に対するブラウザーの応答までの時間を測定します。 ユーザーインタラクションには、次のものが含まれます（ただし、これらに限定されません）。

  • メニューまたはナビゲーションオプションの選択
  • リンクまたはボタンをクリックする
  • フィールドにテキストを入力する
  • モバイルでアコーディオンメニューを開く

FIDは、ユーザーが特定のアクションを完了するのにかかる時間を測定するため、PageSpeedスコアを超えています。 つまり、リアルタイムユーザーからのフィールドデータが必要であり、ラボシミュレーションでは生成できません。

ウェブ上で優れたユーザーエクスペリエンスを提供するには、優れたFIDは100ミリ秒を超えないようにする必要があります。 FID時間を改善するには、次のことを考慮してください。

  • ブラウザのキャッシュを利用する
  • 重要でないサードパーティのスクリプトを削除する
  • JavaScriptを延期（または最小化）する

Core Web Vital＃3 ::累積シフトレイアウト（CSL）

累積シフトレイアウト（CSL）は、ページ全体の読み込み中に発生するレイアウトシフトの総数を計算します。 つまり、読み込みプロセス中にページが視覚的に安定する速度を決定します。 読み込み中のページの安定性は、訪問者が誤って何かをクリックしたり、リンク、ボタン、フィールドがどこにあるかを再学習する必要がないようにするのに役立ちます。

優れたCSLは0.1未満です。 スコアは0まで低くすることができ、シフトレイアウトが発生するたびに増加します。 つまり、スコアが高いということは、ページの読み込み中に要素が頻繁にジャンプしていることを意味します。 最大スコアはありませんが、CoreWebVitalsのスコアは0.25以上です。 CSLスコアを向上させるには、次のことを考慮してください。

  • フォールドの下にUI要素を追加する
  • 広告要素に予約スペースがあることを確認する
  • メディアのサイズ属性の寸法を定義する

コアWebバイタルはGoogleのランキング要素にどのように適合しますか？

Core Web Vitalsは、ページエクスペリエンスシグナルと呼ばれるメトリックセットの重要な新しいコンポーネントです。 これらは、最も重要な非テキスト要素を考慮して、ページの全体的なユーザーWebエクスペリエンスを評価します。 言い換えれば、ユーザーがページとのインタラクションをどのように認識し、そのページがクエリを満たすのにどれほど役立つかを検討します。 以下の4つの既存のページエクスペリエンスシグナルを調べます。

1.モバイルフレンドリー

これは、Webサイトがモバイルデバイスでナビゲートするのがいかに簡単かを評価します。 これには、コンテンツの読みやすさとともに、リンクとページ上の要素へのアクセス可能性が含まれます。 ページのすべての部分は、レスポンシブデザインの基盤であるデスクトップと同じように、モバイルでも機能する必要があります。

2.安全なブラウジング

セーフブラウジングは、Webサイトにハッキングされたコンテンツ、フィッシング、マルウェアなどの問題があるかどうかを判断します。 これは、訪問者が探しているものを安全に閲覧できるようにすることに重点を置いています。

3.HTTPS

この指標は、ウェブサイトのセキュリティと、Googleのベストプラクティスの推奨事項に従ってHTTPS経由で提供されているかどうかを評価します。

4.侵入型インタースティシャルはありません

このシグナルにより、重要なページ上のコンテンツが邪魔なインタースティシャル（ポップアップ広告）によって妨げられず、快適なブラウジング体験が促進されます。

コアWebバイタルスコアはどのように計算されますか？

Core Web Vitalsスコアは、28日間のウィンドウで75パーセンタイルを使用して計算されます。 つまり、4回のサイト訪問のうち3回（75％）を使用して、ページが各CoreWebVitalのターゲットを満たしているかどうかを判断します。 ページが3つの指標すべての推奨スコアを満たしている場合、そのページはCoreWebVitals評価に合格します。

コアWebバイタルはあなたのウェブサイトにどのように影響しますか？

Core Web Vitalsは確かに重要ですが、GoogleがWebページをランク付けするときに何百もの固有のシグナルを考慮することを理解することが重要です。 ただし、Core Web Vitalsは、非常に競争力のある条件で競合しているページに大きな違いをもたらす可能性があります。 Core Web Vitalsは、ユーザーの期待が変化するにつれて時間とともに継続的に進化するため、常に情報を入手することが重要です。

コアWebバイタルスコアをどのように改善できますか？

CoreWebVitalsスコアを分析および改善するために使用できる無料のツールはたくさんあります。 これらの指標を改善することで、競合他社をしのぐことができ、Google検索エンジンの結果ページで上位にランク付けできます。 Core Web Vitalsのスコアを確認し、改善の機会を見つけるには、次のツールをお勧めします。

ツール＃1::Google検索コンソールコアWebバイタルレポート

Core Web Vitalsスコアを向上させたい場合は、GoogleSearchConsoleのCoreWebVitalsレポートから始めてください。 検索コンソールアカウントの「拡張機能」セクションにあるコアWebバイタルレポートは、サイト全体のパフォーマンスの概要を提供します。

TowerMarketingのCoreWebVitalsReportのスクリーンショット。

Core Web Vitalsレポートは、Chromeユーザーエクスペリエンスレポートのフィールドデータを使用して、インデックスに登録されたURLを問題ごとにグループ化します。 これは、同様のページでのUXの問題は、通常、同じ根本的な問題が原因で発生するためです。 各URLは、「悪い」、「改善が必要」、または「良い」としてスコア付けされます。

問題を特定したら、GooglePageSpeedInsightsやGoogleLighthouseなどのツールを使用して問題を修正できます。 次の2つのセクションでは、UXの最適化に役立つこれらのツールについて詳しく説明します。

ツール＃2 :: GooglePageSpeedInsightsレポート

Google Search Console Core Web Vitalsレポートは、Lighthouseラボシミュレーションを利用したGooglePageSpeedInsightsの対応するレポートにリンクしています。 PageSpeed Insightsは、ラボデータとフィールドデータの両方を使用してコアWebバイタルを測定します。 「機会」と「診断」のセクションに焦点を当てて、各URLの問題を特定し、サイトの速度を効果的に最適化します。

TowerMarketingのウェブサイトを読み込んでいるPageSpeedInsightsのスクリーンショット。

ツール＃3 :: Google Lighthouse

Google Lighthouseは、URLに対して監査を実行し、そのページのパフォーマンスに関するレポートを作成する自動化ツールです。 Lighthouse 6.0には、Largest Contentful Paint（LCP）とCumulative Layout Shift（CLS）のラボメトリックが含まれているため、コアWebバイタルを評価する際の非常に貴重なツールになります。

総ブロッキング時間（TBT）

Lighthouse6.0の3番目の新しいメトリックはTotalBlockingTime（TBT）であり、これはFirst Input Delay（FID）と直接相関します。 簡単に言えば、TBTはLCPとTime to Interactive（TTI）の間の合計時間を計算します。 TTIは、ページの読み込みが開始されてから、ユーザーの操作に確実に応答するまでの時間です。

最初のバイトまでの時間（TTFB）

Lighthouseレポートの「Opportunities」セクションには、Time to First Byte（TTFB）も含まれています。 名前が示すように、これはブラウザがページコンテンツの最初のバイトを受信するのにかかる時間です。

インタラクティブまでの時間（TTI）

Lighthouseレポートの「パフォーマンス」セクションに含まれているTimetoInteractive（TTI）は、ページが完全にインタラクティブになるまでにかかる時間を測定します。 TTIはTBTと連携して、FIDに悪影響を与える可能性のある双方向性の問題を特定して診断します。 フィールド測定やユーザー中心ではないため、TTIはCoreWebVitalsに含まれていません。

ツール＃4::Google検索コンソールページエクスペリエンスレポート

ページエクスペリエンスレポートは、コアWebバイタルレポートを他の4つのページエクスペリエンスシグナル（モバイルフレンドリー、セーフブラウジング、HTTPS、および侵入型インタースティシャルなし）と組み合わせます。 ページエクスペリエンスシグナルの各コンポーネントを深く掘り下げると、改善の新しい機会を見つけるのに役立ちます。これは、タイブレーカーの状況で特に役立ちます。

ツール＃5 :: Google Chromeユーザーエクスペリエンス（CrUX）レポート

Chromeユーザーエクスペリエンスレポートは、数百万のウェブページからのユーザーエクスペリエンスデータの匿名の公開レポートです。 3つのコアWebバイタルすべてのフィールドデータ（ラボデータではなく）を測定し、シミュレーションやGooglebotへのアクセスは考慮していません。 ページが現場でどのように機能するかを確認することは、貴重な改善の機会を特定するための優れた方法です。

ツール＃6 :: Google Chrome DevTools

Google ChromeDevToolsはGoogleChromeブラウザーに組み込まれており、高いCSLにつながる可能性のある問題の診断と修正に役立つように設計されています。 また、TBTも測定します。これは、FIDの改善を検討する場合に役立ちます。

ツール＃7 :: Google Chrome Web Vitals Extension

Chromeウェブスコアで利用可能なWebVitalsExtensionは、3つのコアWebVitalsすべてをリアルタイムで測定します。 読み込み、双方向性、レイアウトの変更に関するこのインスタントデータは、大きな違いを生む可能性のある機会を特定するのに役立ちます。

ツール＃8::Semrushサイト監査ツール

Semrushアカウントのサイト監査ツールは、コアWebバイタルと相関するさまざまなデータについてレポートします。 これには、読み込み速度メトリック、HTTPSセキュリティプロトコル、JavaScriptおよびCSSエラー、クロール可能性などが含まれます。

Tower Marketingと提携して、コアWebVitalsスコアを向上させます

Core Web Vitalsの問題を特定して修正するための最良の（そして最も簡単な）方法は、TowerMarketingのような代理店と協力することです。 経験豊富なWeb開発者とSEOのチームは、サイトをCore Web Vitalsの推奨事項に合わせるためのツールを備えており、問題が発生した場合は修正します。

サイトのコアWebバイタルをチェックして、これらの新しいページエクスペリエンスメトリックとどのように重なり合うかを確認したいですか？ 開始するには、今日お問い合わせください。