CLS（Cumulative Layout Shift）は、ウェブサイトにおける予期せぬレイアウト変更の量を測定するために使用される指標です。ページの読み込み中に視覚構造がどの程度変化したかを測定し、ユーザーのフラストレーションを招き、ページのコンテンツと効果的に対話することを妨げる可能性があります。
SEOの観点からは、CLSはユーザーのウェブサイトに対する見方や接し方に影響するため、考慮することが重要です。ユーザーがサイトを移動しようとしているときに予期せぬレイアウト変更があった場合、ユーザーはフラストレーションを感じ、すべてのコンテンツを見る前に離脱してしまうかもしれません。これは、直帰率の上昇やエンゲージメント指標の低下を招く恐れがあり、いずれもオーガニック検索のパフォーマンスに悪影響を及ぼす可能性があります。そのため、ウェブサイトでは、読み込み中もページ要素を静止させ、レイアウトの累積的な変化をできる限り抑えることが重要です。これは、新しいデザイン要素を実装する際に、画像サイズを最適化し、適切なコーディング技術を使用することで実現可能です。また、目に見えるページ要素が重要な順にロードされるようにすることも、CLS の軽減に役立ち、訪問者の使い勝手を向上させることができます。