コアウェブバイタルとは何ですか (また、それらを改善するにはどうすればよいですか?)

公開: 2022-07-27

Web サイトは、これまで以上にパフォーマンスを向上させるというプレッシャーにさらされています。ユーザーは高速でレスポンシブなエクスペリエンスを期待するだけでなく、検索エンジンはページ速度をランキング要因として使用するようになりました.

ウェブマスターがスピードのためにサイトを最適化するのを支援するために、Google は 2020 年 5 月に Core Web Vitals を導入しました。これは、ユーザーエクスペリエンスの主要な側面のパフォーマンスを測定する一連の指標です。この記事では、Core Web Vitals とは何か、そしてそれを改善する方法について見ていきます。

デスクトップ向けの Google ページエクスペリエンスの更新が開始されました https://t.co/gQn2cwDkiz
— バリー・シュワルツ (@rustybrick) 2022 年 2 月 22 日

飛び込みましょう！

3 つの主要な Web Vitals 指標とは?

Core Web Vitals は、パブリッシャーとウェブサイトの所有者がユーザーエクスペリエンス (UX) の品質を測定し、改善が必要な場所を特定するのに役立つ Google によるイニシアチブです。

このイニシアチブには、読み込み、インタラクティブ性、および視覚的な安定性に焦点を当てた 3 つの Core Web Vitals が含まれています。Largest Contentful Paint、Cumulative Layout Shift、および First Input Delay です。

最大のコンテンツペイント

Largest Contentful Paint (LCP) は、Web ページのメインコンテンツの読み込みにかかる時間を測定するパフォーマンスメトリックです。メインコンテンツは通常、ページ上の最大の画像またはテキスト要素として定義されます。

LCP は、Google が Web ページのパフォーマンスを評価するために使用するいくつかの指標の 1 つです。

一般に、LCP 時間が 2.5 秒未満のページはパフォーマンスが高いと見なされ、LCP 時間が 4 秒を超えるページはパフォーマンスが低いと見なされます。 LCP 時間が 10 秒を超えるページは、パフォーマンスが非常に低いと見なされます。

Web ページの LCP を改善するには、デザイナーと開発者は、メインコンテンツが迅速かつ効率的に読み込まれるようにすることに集中する必要があります。これは、レスポンシブデザインの使用、画像の最適化、コードの縮小など、さまざまな方法で実現できます。

累積レイアウトシフト

多くの人は、ウェブサイトのリンクやボタンをクリックしようとしても、最後の 1 秒でカーソルの下から移動してしまうというイライラする現象を経験しています。

累積レイアウトシフト (CLS) として知られるこの現象は、ユーザーがページを操作するときにコンテンツの位置がどれだけ変化するかを測定するものです。 CLS は問題です。なぜなら、ユーザーが間違ったものをクリックしたり、単純にあきらめてページを完全に離れたりする可能性があるからです。

CLS を最適化する方法はいくつかありますが、おそらく最も効果的な方法は、ページが読み込まれる前に、すべてのページ要素のサイズと位置が正しく設定されていることを確認することです。これにより、ユーザーがページを操作するときにコンテンツが移動するのを防ぐことができます。

最初の入力遅延

First Input Delay (FID) は、ユーザーが最初にページを操作するまでにかかる時間の尺度です。これは、ページの応答性と Web サイトでの全体的なユーザーエクスペリエンスを測定するための重要な指標です。

良い FID スコアは、ユーザーがページをすばやく簡単に操作できることを示し、悪い FID スコアは、不満を引き起こしている入力の遅延があることを示します。

FID スコアが低くなる要因は多数ありますが、最も一般的な原因は JavaScript の実行時間です。ページ上の JavaScript コードの実行に時間がかかりすぎると、ユーザーからの入力が遅れる可能性があります。これは、実際のユーザーにとってイライラする可能性があり、完全に操作する前にページを離れてしまう可能性があります。

FID スコアを改善するには、開発者は JavaScript の実行時間を短縮することに集中する必要があります。

いくつかの追加のバイタルもあります

Time To First Byte (TTFB) : Time to First Byte は、ブラウザがサーバーからデータの最初のバイトを受信するのにかかる時間です。 所要時間は、ブラウザとサーバー間の距離、データパケットのサイズ、接続速度など、いくつかの要因の影響を受ける可能性があります。
First Contentful Paint (FCP) : First Contentful Paint は、ブラウザーがページの最初のコンテンツを表示するのにかかる時間です。 このコンテンツは、画像、テキスト、またはその他の要素である可能性があります。言い換えれば、それは知覚される読み込み時間です。
総ブロック時間 (TBT) : 総ブロック時間は、Web サイトが最初のコンテンツペイントから完全にインタラクティブになるまでにかかる時間です。
インタラクティブになるまでの時間(TTI) : インタラクティブになるまでの時間は、ページが完全にインタラクティブになるまでにかかる時間です。 これには、ユーザーの入力に応答し、ユーザーの操作に応じて新しいコンテンツをロードできることが含まれます。

Core Web Vitals は、Google Page Experience の包括的な用語の下にあり、他の側面も含まれます。

モバイルフレンドリー: これは、ユーザーがモバイルデバイスで Web サイトを操作するのがどれだけ簡単かを示します。モバイルに対応していない Web サイトは、小さい画面では使いにくく、ユーザーが特定の機能にアクセスできなくなることさえあります。
HTTPS: これは、Web サイトが安全な接続を使用しているかどうかを示します。 HTTPS を使用する Web サイトは、データが第三者によって傍受される可能性が低いため、より安全であると見なされます。
押し付けがましいインタースティシャル: これらは、特にモバイルデバイスで、押し付けがましく破壊的な可能性があるポップアップまたはその他の形式の広告です。多くの場合、閉じるのが難しく、ユーザーが探していた既存のコンテンツが表示されなくなる可能性があります。

Core Web Vitals はランキングに影響しますか?

はい。 Web Core Vitals はランキング要因です。多くの人が気づいていないのは、実際にはごく最近のことですが、サイトのランキングにも直接影響を与えるということです. Core Web Vitals スコアは、それ自体が単なる指標です。それでも、これは非常に優れた指標であり、基本的なサイトの問題を修正するのに十分すぎる場合があります.

ページエクスペリエンスの更新は、デスクトップ向けに徐々に展開されています。 2022 年 3 月末までに完了する予定です。アップデートの詳細については、https://t.co/FQvMx3Ymaf をご覧ください。
— Google 検索セントラル (@googlesearchc) 2022 年 2 月 22 日

Core Web Vitals はいくつかの異なることを測定し、それらはすべてページエクスペリエンスに加算されます。

では、なぜ Core Web Vitals が重要なのでしょうか?

より多くのオーガニックトラフィック

Web サイトの Core Web Vitals スコアは、Google が検索結果でサイトをランク付けする際に考慮に入れる多くの要因の 1 つです。つまり、Core Web Vital スコアが高いと、Google からのトラフィックが増える可能性があります。また、トラフィックが増えるということは、見込み客が増え、有料顧客に変えるチャンスが増えることを意味します。

優れたUX

ユーザーエクスペリエンス (UX) は、あらゆる Web サイトの成功に不可欠です。ユーザーがあなたのサイトにとどまるか、イライラしてクリックをやめるかは、それによって決まります。

HubSpot によると、サイトの読み込みが十分に速くないと、顧客の 93% が離脱します。 Core Web Vitals は、ページ速度の直接的な測定値であり、UX の間接的な測定値です。 UX の重要性を考えると、サイト全体が高速でレスポンシブであることを確認することが不可欠です。

コンバージョン率の向上

迅速かつシームレスに読み込まれる Web サイトを持つことがビジネスにとって重要であることは間違いありません。結局のところ、ページが読み込まれるのに時間がかかりすぎると、ユーザーは別のサイトに移動する可能性が高くなります。しかし、多くのサイト所有者が気づいていないことは、適切な Core Web Vitals が実際にコンバージョン率を向上させることができるということです。

どのように？まあ、それはすべてユーザーエクスペリエンスに関係しています。 Web サイトがすばやく効率的に読み込まれると、ユーザーはサイトにとどまって探索する可能性が高くなります。また、購入したり、その他の望ましい行動を取る可能性も高くなります。一方、ウェブサイトの動作が遅く、使いにくい場合、ユーザーがコンバージョンに至る可能性ははるかに低くなります。

簡単に言えば、適切な Core Web Vitals は、ポジティブなページエクスペリエンスを提供するために不可欠です。ポジティブなユーザーエクスペリエンスは、コンバージョンを促進するために不可欠です。

Google で Core Web Vitals を確認するにはどうすればよいですか?

Core Web Vitals の測定は非常に簡単です。

まず、Google Search Console から始めます。

Googleサーチコンソール

GSC から Core Web Vitals にアクセスするには、ダッシュボードに入り、ここをクリックします。

Google Search Console の Core Web Vitals オプションのスクリーンショット

2 つのレポートが表示されます。1 つはモバイル用です。

Google Search Console でのモバイル向けの Core Web Vitals のスクリーンショット

デスクトップ用のその他:

Google Search Console のデスクトップ向け Core Web Vitals のスクリーンショット

これら 2 つのレポートは、モバイルとデスクトップのデザインと機能に異なる原則が適用されるため、ほとんどの場合異なります。 Core Web Vitals レポートを開くと、問題の詳細なグラフが表示されます。

詳細をクリックすると、Google がユーザーフレンドリーでないと判断した URL が表示されます。

GSC の CWV: Google がユーザーフレンドリーでないと見なす URL

Core Web Vitals を測定する 2 つ目の方法もあり、これは PageSpeed Insights を使用します。

PageSpeed インサイト

ここでの違いは、GSC にアクセスできるサイトだけでなく、任意のサイトのレポートにアクセスできることです。ただし、ドメイン全体のどの URL を改善する必要があるかは示されません。 1 つずつ実行する必要があり、面倒です。 PageSpeed Insights は、同じデータソースである Chrome ユーザーエクスペリエンスレポートを提供しています。

PageSpeed Insights は主に、特定の URL をより詳細に調べるために使用されます。Google Search Console は、修正が必要なページの全体像のみを表示するためです。

Search Console から PageSpeed Insights に移動することもできます。

そして、サイトに入った後に表示されるのは次のとおりです。

何が間違っているかについての完全なレポート。

さらに下に、次の機会があります。

PageSpeed Insights は、提示された問題を修正することで得られる利益を見積もっています。それでも、これはすべて、Google による平均的な Web サイトのガイドラインに基づく概算です。ユーザーエクスペリエンスを完全に反映しているわけではありませんが、分析の出発点としては適しています。

さらに下には診断があります。

ここでは、コード内のどの要素が問題を引き起こしているかを確認できます。

それらにアクセスする方法がわかったので、サイトの Core Web Vitals を改善する方法を知りたいと思うかもしれません。

これがあなたができることです！