Googleページエクスペリエンス：ランキングの更新

この記事は2020年5月に最初に公開され、2021年4月に更新されました。

Googleの調査と業界調査によると、ユーザーは優れたページエクスペリエンスを備えたWebサイトを好むことがわかっています。 Googleは、ページの読み込み速度やモバイルフレンドリーなど、ランキング結果で考慮すべき要素を常に検討しています。 今後のページエクスペリエンスの更新では、ユーザーを中心に据えるいくつかの要因が考慮されます。 これらの「コアウェブバイタル」は、Googleが検索者に最高のコンテンツを提供するのに役立ちます。

ページエクスペリエンスとコアWebバイタル

Core Web Vitalsは、Webサイトの所有者が、読み込み時間、双方向性、読み込み中のコンテンツの安定性などのユーザーエクスペリエンスの側面を測定するのに役立つ一連の指標です。 Googleは、これらのページエクスペリエンス指標を組み込む今後の検索ランキングの変更の詳細を提供しました。

Googleが言う新しいシグナルが導入されています。「コアWebバイタルを既存のシグナルと組み合わせてページエクスペリエンスを実現し、Webページでのユーザーエクスペリエンスの品質の全体像を提供します」。

これらの変更は2021年6月に展開されています。

さらに、ユーザーの期待が高まり、Googleがより多くの側面を測定する能力が高まるにつれて、ページエクスペリエンスのシグナルが毎年組み込まれる予定です。

ページ体験ランキング

では、この背後にある考え方は何ですか？ 本質的に、良い経験を持つことは人々が彼らが望むことを達成することを可能にし、悪い経験は誰かが彼らが探している情報を見つけるのを妨げるかもしれません。 Googleは、情報を検索する人々にとって頼りになる場所であり続けたいと考えているため、最高の検索エクスペリエンスを提供する必要があります。

他のすべてのシグナルとの組み合わせにページエクスペリエンスを追加することにより、Webサイトを使用している人々が探しているものを簡単に見つけられるようにすることを目的としています。

トップレベルのページメトリクス

ページエクスペリエンスの3つの主要なコンポーネントは次のとおりです。

• ページの読み込み速度はどれくらいですか？
• ページはユーザーにどのくらいの速さで反応しますか？
• ページはどの程度安定していますか（要素が読み込まれるときに要素がジャンプしますか）？

これで、トップレベルのメトリックのいくつかを実行して、それらの意味をデコードできます。 （最初の3つは、「コアWebバイタル」と呼ばれるものです。）

コアWebバイタル

• 最大のコンテンツフルペイント（LCP）-このメトリックは、最大の画像またはテキストのブロックを探します。 そのアイテムをビューポートにロードするのにかかる時間を測定します。 これは、ヒーロー画像またはテキストの大きなセクションである可能性があります。 （理想的には、これは2.5秒以下である必要があります。）

• 累積レイアウトシフト（CLS）-このメトリックは視覚的な安定性を測定します。 つまり、ページが読み込まれるときにコンテンツがどれだけシフトし、コンテンツの読み取りや表示が困難になるかを測定します。 （これを0.1以下にする必要があります。）

• 最初の入力遅延（FID）-これは、ページがユーザーに応答する速度を指します（たとえば、ボタンをクリックした後）。 これには100ms以下が理想的です。

次の指標も、ページの有効性の有用な測定値として覚えておく価値があります。

• First Contentful Paint（FCP）-このメトリックは、折り畳み上のテキストが読み込まれるまでにかかる時間を測定します。 これは、スクロールしなくても表示されるコンテンツです。 フォントが多すぎたり、フォントファイルが大きいと、このスコアに影響します。 外部リソースからのフォントの読み込みが遅くなります。

• 速度指数（SI）-このメトリックは、視覚的な変化が折り畳みを超えて停止したときに記録します。 つまり、動画とヒーロー画像はすべてスピードインデックススコアに影響します。

• インタラクティブまでの時間（TTI）-このメトリックは、ページがユーザー入力の準備ができるまでにかかる時間を測定します。 アプリの遅延読み込みと追跡または分析スクリプトは、この指標に影響します。

• 合計ブロッキング時間（TBT）-このメトリックはTTIに似ていますが、ページ上のブロッキング時間の合計量を測定します。 これは、ユーザーが要素をクリックしたり、ページをスクロールしたりできないことを意味します。

これらのコアWebバイタルは、サイトが判断される唯一の方法ではないことを覚えておくことが重要です。 あなたのページを評価するときにグーグルによって考慮に入れられる多くの、多くの要因があります。 ここでの重点は確かにユーザーエクスペリエンスですが、Googleは、優れたコンテンツを持つことが依然としてより重要な考慮事項であると述べています。ページエクスペリエンスが最高でなくても、全体的な情報が最高のページをランク付けしようとします。

グーグルは、各要素がどれだけ重み付けされているかについては述べていないが、「優れたページ体験は、優れた関連性のあるコンテンツを持つことを無効にしない」ことを確認している。 ただし、他のすべての要素が等しい場合は、ページエクスペリエンスが可視性の決定要因になる可能性があります。

検索コンソールの更新

Googleは、検索コンソールに「コアWebバイタル」と呼ばれる新しいセクションを追加しました。このセクションは、これらの新しい「ページエクスペリエンス」メトリックに対してサイトがどのように機能するかを報告します。 このレポートでは、どこを改善する必要があるか、およびそれらの改善を実装する方法について説明します。

Googleは、LighthouseやPageSpeed Insightsなどのツールを更新して、ウェブサイトの所有者が自分のパフォーマンスをより適切に測定し、訪問者のページエクスペリエンスを向上できるようにしました。 Webサイトの速度監査に関する記事では、使用できるさまざまなツールの概要に加えて、サイトの評価に関する利点と制限について説明しています。

コアWebバイタルの準備方法（Shopifyストアにすべて適用できるわけではありません）

1最大の満足のいくペイント（LCP）

潜在的な問題：サーバーの応答時間が遅い

ソリューション

a）アセットのキャッシュ-HTMLが静的である場合、HTMLをキャッシュすると、必要のないときに再作成されるのを防ぎ、リソースの使用量を減らすことができます。

b）ユーザーをCDNにルーティングする-コンテンツ配信ネットワークは世界中の多くの場所にあるサーバーを使用します。これにより、単一のサーバーから遠く離れているためにサイトの速度が低下するという問題が解消されます。

潜在的な問題：リソースの読み込み時間が遅い

ソリューション

a）tinypngを使用して画像を最適化および圧縮します。これにより、品質を犠牲にすることなくファイルのサイズが縮小されるため、読み込みが速くなりますが、見栄えがよくなります。

b）画像CDNを使用します-これにより、画像のペイロードが減少し、それを要求する各デバイスに合わせた画像が配信され、ネットワークのエッジから画像が送信されます。

潜在的な問題：クライアント側のレンダリング

ソリューション

a）JavaScriptを縮小し、未使用のJavaScriptを延期します

b）可能であれば、サーバー側のレンダリングを利用します

潜在的な問題：JavaScriptとCSS

ソリューション

a）CSSを縮小する-CSSファイルには、読みやすくするために文字が含まれていることがよくありますが、ブラウザーには必要ありません。 それらを縮小すると、それらが削除されてクリアされるため、ページのレンダリングに必要な時間が短縮されます。

b）必要最小限のJavaScriptをダウンロードしてユーザーに提供します。 JavaScriptをブロックする量を減らすことは、レンダリングが高速になることを意味し、したがってLCPが向上します。

2累積レイアウトシフト（CLS）

潜在的な問題：予期しないレイアウトのシフト

ソリューション

a）ビデオや画像などのアセットにサイズ属性を含めて、ブラウザがオブジェクトをロードする前に適切な量のスペースを割り当てられるようにします。

b）動的に挿入されたコンテンツが既存のコンテンツの下にのみ挿入されるようにして、予期しないレイアウトシフトを引き起こさないようにします。

3最初の入力遅延（FID）

潜在的な問題：ブラウザがユーザーにすばやく応答しない（おそらくJavaScriptを実行しているため）

ソリューション

a）実行時間の長いコードを小さなタスクに分割します。 長いタスクでは、タスクを処理している間、ページが応答しなくなります。 これらをより管理しやすいチャンクに分割すると、入力遅延を減らすのに役立ちます。

b）未使用のJSを延期することにより、JavaScriptの実行時間をさらに短縮します。 ブラウザがページをレンダリングするためのコードを必要としない場合は、それを延期します。これは、ページがユーザーとの対話の準備ができていることを意味します。

SEO、コンテンツ、またはWebサイトが最新のガイドラインに準拠していることを確認するためのサポートが必要な場合は、連絡してください。Shopifyの設計、開発、およびSEOの専門家が、私たちがどのように支援できるかについて喜んで話し合います。