コアWebバイタルとページスピード–あなたのウェブサイトで何をすべきか（そして何をすべきでないか）

公開: 2021-08-19

これまでに、Googleの今後のCore Web Vitalsアップデートについて聞いたことがあると思いますが、それがサイトにとって何を意味するのか、どこで詳細を調べる必要があるのか、準備のために何をすべきなのか疑問に思っています。

6月に、Googleアップデート（正式には「ページエクスペリエンスアップデート」というタイトル）の概要と、アップデートで最も重要な役割を果たすメトリックであるCoreWebVitalsの概要を説明しました。

要約：
Page Experience Updateは、CoreWebVitalsをGoogleの検索ランキングアルゴリズムに初めて導入します。 Core Web Vitalsは、ページの読み込み速度、そのページのインタラクティブ速度、およびそのページの視覚的な安定性に関連する一連のページ速度スコアです。 Googleは、2021年8月末までに完全な役割を果たすことを目標として、6月中旬にこのアップデートの要素をアルゴリズムに導入し始めました。

詳細については、概要ブログをご覧ください。

過去数か月にわたって、Carrot Engineering Teamは、ユーザーエクスペリエンスとサイト速度の指標の向上に直接貢献する機能と要素を特定、最適化、および改善してきました。

その作業により、サイトがこれまでになく高速かつ改善され続けているため、ゲームの先を行くためのリソースとして私たちが見た最も一般的な質問、問題、誤解のいくつかをまとめました。

更新：キャロットのウェブサイトは、モバイルのカスタムウェブサイトよりも69.8％高速になりました

テストツールを理解する

この質問はよくあります。サイトの速度とコアWebバイタルをどのようにテストし、どのツールを使用する必要がありますか？キャロットでは、どのツールを選択するかに関係なく、一貫性を保つことが最も重要な考慮事項であるため、GoogleのPageSpeedInsightsツールを使用することをお勧めします。

私たちにとって、Google独自のツールを使用するのが最も理にかなっています。 Chromeブラウザを使用している場合は、開発者ツールのLighthouseツールがもう1つの優れたオプションです。

とはいえ、ツールによって提供されるスナップショットスコアと、Googleのアルゴリズムで実際に使用されているスコアとの違いと警告をメンバーが理解していることを常に確認したいと思います。 Googleは、それらをラボデータとフィールドデータの2つのカテゴリに分類しています。

ラボデータ–テストツールによって提供

ラボデータは、まさにそのように聞こえます。ラボで収集されたデータ、この場合は、GoogleのPageSpeedInsightsToolまたはその他のサードパーティのテストツールによって実行された単一のスナップショットレポートです。

独自のブラウザまたは別のエミュレートされたデバイスを使用して、シミュレートされた環境にWebサイトをロードし、コアWebバイタルとページエクスペリエンスに寄与する主要なメトリックをキャプチャします。 これらのスコアは一貫したベースラインを意図しており、必ずしも実際のユーザーエクスペリエンスを反映しているわけではありません。

実際のラボと同じように、Webサイトで実験やテストを実行するときに、すべての変数を制御する必要があります。 Googleのページ速度ツール（および他のほとんどのツール）は、モバイルの「サイト速度」スコアを決定するために、3G接続のみでシミュレートされた旧世代のスマートフォンにサイトをロードすることによってこれを行います。

これは絶対的なベースラインを表すことを目的としており、サイトのパフォーマンスの問題をデバッグするためのツールとして使用されます。スコアをどこで改善できるかを調べるのには役立ちますが、実際のユーザーエクスペリエンスを理解するのには役立ちません。ほとんどのユーザーは、より良い接続とWiFiを備えた新しいモバイルデバイスを使用しています。

彼らの経験は、シミュレートされたスナップショットよりも優れており、フィールドデータ（Googleの検索ランキングアルゴリズムで使用される実際のスコア）に貢献します。

フィールドデータ–実際のユーザーエクスペリエンスによって提供

上で述べたように、フィールドデータは、Googleが実際に検索アルゴリズムに導入しているものです。これは、ユーザーがサイトにアクセスしたときにChromeユーザーエクスペリエンスレポート（またはCrUX）によって収集された実際のユーザーエクスペリエンスを表します。次に、Googleはそれらのスコアの75パーセンタイルを調べます。これは、アルゴリズムで使用される実際の「スコア」です。

Googleのより一般的に知られているランキング指標と同様に、アルゴリズムに近づくほど可視性と透明性が失われます。そのため、ツールを実行したいときはいつでもスナップショットラボのデータスコアにアクセスできますが、ユーザーエクスペリエンスのフィールドデータはよりあいまいでアクセスできません。

Googleがレポートを生成するのに十分なトラフィック/データがサイトにある場合、実際のユーザーエクスペリエンススコアに関する洞察を得ることができる2つの主要な領域があります。これは、Google検索コンソールの[コアWebバイタル]タブ、またはPageSpeedInsightsツールのレポートの上部にあります。

個々のURLについて、「フィールドデータ-Chromeユーザーエクスペリエンスレポートには、このページに十分な実際の速度データがありません」というエラーが表示される場合があります。これは、パフォーマンスの代表的な匿名ビューを生成するために利用できる十分なCrUXデータがないことを意味します。

これが当てはまる場合は、汗を流さないでください。必要な訪問者を増やすだけです。そのための最善の方法は、最初に優れたコンテンツを生成することに集中することです。

これにより、次のセクションに進みます…

コンテンツに集中するのをやめないでください

いかなる状況においても、優れたコンテンツを生成するために行っていることをやめ、コアWebバイタルに集中するためにすべてを落としてはなりません。

ソースから直接いくつかのガイダンスがあります–グーグル…

「ページエクスペリエンスは重要ですが、Googleは、ページエクスペリエンスが劣っていても、全体的に最高の情報でページをランク付けしようとしています。優れたページエクスペリエンスは、優れたページコンテンツを持つことを上書きしません。」 –Google検索結果のページエクスペリエンスを理解する

言い換えれば、ページエクスペリエンスとサイト速度スコアは、Googleが検索結果とランキングを生成するために使用する複雑なレシピのその他の要素にすぎません。

コンテンツは依然として王様です。

関連性があり、有用で、有益で、高品質のコンテンツは、競合他社や他のWebサイトを引き続き上回ります。これは、結局のところ、訪問者が最初にコンテンツを探しているためです。ページ速度は、単なる補足的な測定値です。

キャロットでは、常にコンテンツの面で優れています。それが私たちのパンとバターです！したがって、GoogleのPage Experience Updateは確かに現在および将来にわたって注目すべきものですが、引き続きツールを活用し、時間、リソース、および創造的な努力を費やして、高品質で関連性の高いコンテンツを作成することを強くお勧めします。。

別の注意： Core Web Vitalsは、モバイル検索結果にのみ適用されます。ネットワーク全体で、Carrotサイトへのインバウンドトラフィック（およびリード！）のほぼ40％が依然としてデスクトップで発生していることがわかります。これらのデスクトップ検索結果は、この更新による影響をまったく受けません。そのため、コンテンツは依然として非常に重要です。

ミニマリスト（そしてモバイルファースト！）のアプローチで設計を行う

このアップデートはモバイル検索にのみ適用されるため、ウェブサイトのコンテンツとデザインを確認する際にモバイルファーストのアプローチを取ることの重要性を強調しています。それに直面しましょう–モバイルが引き継いでいます。

前述したように、 Carrotネットワーク全体のトラフィックの60％はモバイルデバイスで発生します。サイトにコンテンツをレイアウトして実装する方法を考えるときは、このことを念頭に置いてください。場合によっては、少ないほど多くなります。

最近、この点を繰り返す一連の変換テストを行いました。ウェブサイトのメインヒーローセクションとフォームのコンテンツの量を減らすだけで、コンバージョン率が最大50％向上することがわかりました。

このテストは、訪問者が見る混乱を減らすことによって、彼らがリードフォームに従事する可能性が高くなるという私たちの理論を確認しました。

同じ原則がサイトの速度とパフォーマンスにも当てはまります。ページに含める追加の要素ごとに、その要素を処理、レンダリング、およびページに配置するための追加のリソースが必要です。その結果、ページの読み込みに時間がかかります。

左の画像では、フォームが目立ち、リソースを大量に消費する要素によってページの読み込みがブロックされていません。右の画像では、ロードする要素がさらにあり、フォームは「折り目の下」にプッシュされています。

これの最も一般的な悪用には、ページ全体に配置された写真やビデオ、またはページの上部近くに配置された写真やビデオなど、リソースを大量に消費する要素が組み込まれていることがよくあります。

信頼性と経験を強調するために優れたコンテンツを作成し続けることをお勧めしますが、それをサイトに展開する方法と場所にも注意することをお勧めします。追加の前後にスナップショットを実行し、スコアにどのように影響するかを確認します。

結局のところ、サイトの目標はリードを生成することです。現在、非常に多くのユーザーが携帯電話で閲覧しているため、サイトの速度だけでなく、さまざまな方法でユーザーエクスペリエンスを向上させることの重要性が増しています。

一歩下がって、コンテンツ要素の一部がコンバージョン要素からどのように注目を集めているか、またはサイトでの訪問者のエクスペリエンスに影響を与えているかを検討することで、同時にサイトの速度メトリックを改善することも保証されます。

画像の最適化を真剣に受け止めてください

コンテンツノートを作成している間、エクスペリエンスを強調し、サイトの美観を向上させるために、含める必要のある画像やグラフィックが自然に存在することを理解しています。

画像を追加するときにサイトの速度とパフォーマンスに過度の負担をかけないようにするために、さまざまな方法を理解しておくことを強くお勧めします。

ステップバイステップの例については、画像最適化ガイドをご覧ください。

追跡スクリプトでサイトを圧迫しないでください

コンテンツ要素の場合と同様に、不要なトラッキングスクリプトやサードパーティのコードが多すぎると、サイトに負担がかかり、CoreWebVitalsのスコアに悪影響を与える可能性があります。

同じ概念が適用されます。追加する各スクリプトまたはコードスニペットは、実行するためにより多くのリソースを必要とします。

私たちはそれを理解しています– Google Analytics、Google Ads、Facebookピクセルなどの追跡スクリプトは、これらの指標に基づいて広告購入の決定を行う場合、マーケティングに必要になる可能性があります。この場合、それをトレードオフと見なす必要があります。

これらの追跡指標と洞察を可視化する代わりに、サイトの速度にわずかな悪影響を及ぼします。あなたにとってどちらがより重要ですか？ほとんどの場合、これらの追跡分析はサイトの速度を上回ります。

これらの追跡ツールを頻繁かつ一貫して使用していない場合は、本当に必要なものと取り除くことができるものを検討してください。時間の経過とともに、個々のスクリプトとコードスニペットの追加は、最も必要なスクリプトのみを定期的に監査しない限り、自然に肥大化する可能性があります。これは、顧客サイトの速度レポートの結果を確認するときによく見られる変数の1つです。

注：これは、チャットボット、通話追跡などの追加のサードパーティスクリプトおよびサービスにも適用されます。

最後に、気を狂わせないでください…

CoreWebVitalsとGoogleのPageExperienceUpdateは確かに複雑ですが、時間をかけて基本を理解し、エンジニアリングチームの作業と組み合わせてサイトを最適化することで、ほとんどのサイト所有者よりも優位に立つことができます。

Screaming Frogは昨年20,000のURLを分析し、モバイルサイトの12％とデスクトップサイトの13％だけがCoreWebVitalsの評価に合格しました。誰もがやるべきことはたくさんあり、私たちはあなたが必要とするリソースとアップデートをあなたに提供し続けることを約束します。

キャロットで私たちが行っていることを本当にサポートしてくれているメンバーの素晴らしいコミュニティに感謝します。これは、高業績の不動産業者や投資家がインターネットを使用して不動産ビジネスを成長させる方法を変革するのに役立ちます。