Cumulative Layout Shift 101. SEOにおけるCLSとは？

公開: 2021-03-15

SEO のもう 1 年と、監視および最適化する別の指標により、あなたの Web サイトが検索結果で確実にリードしていることを確認してください。しかし、累積レイアウトシフトとは何ですか？ SEOにどのように影響しますか？そして、それを改善するために私たちは何ができるでしょうか?

さて、見てみましょう。

ヘッダーを追加して、目次の生成を開始します

コア Web バイタル

Cumulative Layout Shift を確認する前に、Core Web Vitals を簡単に確認する必要があります。

Core Web Vitals は、Web サイトのページ読み込みパフォーマンスを測定するために Google によって開発された一連の指標です。

理由？ユーザー体験。 Google は、ユーザーのユーザーエクスペリエンスをさらに向上させることを目指しています。また、Google から紹介された Web サイト訪問者のエクスペリエンスを向上させるために、Web サイトをテストおよび測定する新しい方法を常に開発しています。

Core Web Vitals は、2021 年 5 月に Google のコアアップデートで展開される予定です。Google が、Core Web Vitals の目標スコアを満たしていない Web サイトにペナルティを課すようには見えませんが、満たしている Web サイトがこれらの基準は、検索ランキングの順位を上げる資格があります。

これらの指標は時間の経過とともに進化し、優れたユーザーエクスペリエンスを判断する上で決して完璧ではないことが Google によって明らかにされています。

これらの新しい指標のランキングアルゴリズム内での重みは不明ですが、コンテンツの品質や被リンクプロファイルなどの既知のランキング要因と比較すると、最小限であると考えられます。

累積レイアウトシフトとは？

Cumulative Layout Shift は、主要な 3 つの Core Web Vitals の 1 つで、Web サイトのユーザーエクスペリエンスの品質を測定するために使用されます。

このメトリックは、Web ページの視覚的な安定性を測定します。

私たちのほとんどは、読み込み中に Web ページ上の要素が動いたり移動したりした経験があります。おそらく、Web サイトのホームページで「詳細」ボタンをクリックしようとすると、その上または下に画像が読み込まれ、ボタンの位置がずれます。

これらの予期しないレイアウトの変化は、ページまたはユーザーセッションの存続期間全体にわたって測定されます。ページのレイアウト内の要素の位置がレンダリングされたフレームから次のフレームに移動すると、位置の移動が記録されます。

これがレイアウトシフトです。

迷惑なのは言うまでもありません。 Web サイトのユーザーがしようとしていることを妨害し、代わりに別のリンクをクリックしてしまう可能性があり、Web サイトをナビゲートするときに非常にイライラする可能性があります.

この問題は、広告がページのさまざまな場所に読み込まれるため、広告を表示する Web サイトで特に蔓延しているようです。

Cumulative Layout Shift メトリクスは、Web サイトの所有者または SEO 代理店が CLS を測定し、それを改善するためのアクションを実行できるように設計されています。

Web ページの累積レイアウトシフトを測定する現在の方法は次のとおりです。

PageSpeed Insights – このツールを使用して、CLS およびその他の Core Web Vital メトリックに関する詳細な分析を行います。改善すべき推奨領域とともに。
Search Console – ダッシュボードには、ページが基準を満たしているか、改善が必要か、または評価が低いかを示す Core Web Vitals レポートが含まれるようになりました。
Chrome ユーザーエクスペリエンスレポート – Chrome ユーザーがウェブページを読み込んでいるときに何を経験しているかを測定するために設計されたレポートツールです。

レイアウトのすべての変更が悪い、または懸念の原因となるわけではないことに注意してください。多くの最新の Web サイトは、高度にインタラクティブで動的です。ユーザーが項目の上にカーソルを置いたり、ボタンをクリックしたりした結果、要素またはコンテンツの位置が移動した場合、これは問題ありません。これは、予想されるレイアウトシフトとして分類されます。

CLS は SEO にどのように影響しますか?

CLS (Cumulative Layout Shift) は、他の Core Web Vitals 指標とともに、SEO 戦略にとって重要な追加要素となっています。

ユーザーエクスペリエンスは、Google がアルゴリズムを開発する際の大きな焦点であり、これらの指標は、ウェブサイトの所有者や代理店がサイトを改善してユーザーに利益をもたらすのに役立つように設計されています。

したがって、2021 年以降の SEO では、他のオンページ SEO 要素に加えて、ユーザーエクスペリエンスに焦点を当てる必要があります。

数年前、SEO はウェブサイトの関連性を示すためにページにキーワードを追加するだけでした。現在、最適化は非常に複雑で、年々急速に進歩しています。

ユーザーの立場に身を置くことは、どの SEO キャンペーンでも最優先事項であり、ほとんどのエージェンシー SEO パッケージで必要な改訂になっています。

累積レイアウトシフトの改善

Core Web Vitals 基準を満たすために必要なレベルを満たし、それを超えることは困難な場合があります。 Google は、前述の測定ツールを使用して、ほとんどのウェブサイト所有者にそれを可能にしました。

ウェブサイトを自分で管理していて、SEO の経験がほとんどない人でも。小さな調整を加えて、サイトがどのように機能するかを再確認することは、開始するのに最適な場所です.

明らかな問題を探すことから始めます。 Web ページを読み込んで、他の要素の位置がずれている可能性がある、要素の読み込みに明らかな遅延がないか探します。

多くの場合、CLS の問題の大部分は、各 Web ページにアクセスするだけで明らかになります。

要素がこのように振る舞う理由を見てみましょう。解決策は簡単かもしれません。

例: 読み込みに時間がかかる、大きくて高品質の画像がありますか? その画像のプレースホルダーを追加し、その位置を効果的に確保し、完全に読み込まれたときにコンテンツシフトを削除することを検討してください。

その他の Core Web Vitals 指標

Cumulative Layout Shift は、Web ページでのユーザーエクスペリエンスを向上させるために設計された 3 つの主要な指標の 1 つにすぎません。

他の 2 つは比較すると非常に単純に見えるため、おそらく最も紛らわしいものです。

これらは、他の 2 つの Core Web Vitals 指標であり、簡単に説明します。

最初の入力遅延 – 対話性。ユーザーが最初にページを操作してから、ブラウザーが応答の処理を開始できるようになるまでの時間を測定します。
最大のコンテンツペイント – ページの読み込み。ページに表示される最大の画像またはコンテンツブロックをレンダリングする時間に焦点を当てて、ページの読み込みパフォーマンスを測定します。

これら 2 つの指標は、Cumulative Layout Shift とともに、2021 年 5 月の Google アップデートの柱となります。

結論

広く誤解されている Cumulative Layout Shift を含む Core Web Vitals は、200 を超える要素からなる Google のランキングアルゴリズムに追加される新しい指標です。

指標は、Google のユーザーにより良いエクスペリエンスを提供するように設計されています。

大切なユーザーを、読み込みが遅い、インタラクションが遅い、ページ上で動き回る要素がある Web サイトに誘導するのはなぜですか?

それは、ウェブサイトの所有者がウェブサイトを最大限に活用し、訪問者を維持し、問い合わせと販売を生み出すのを助けることです.