CLS（レイアウトのずれ）
Cumulative Layout Shift (CLS)
IT基礎解説Overview
ページ読み込み中に画像や広告が突然表示されてレイアウトがずれる現象を測る指標です。ずれが大きいとユーザーの誤クリックや不快感につながるため、Googleの評価にも影響します。
さらに詳しく解説Details
CLS（Cumulative Layout Shift）とは、ページの読み込み中に要素が突然ずれたり動いたりする現象の「ずれの大きさ」を数値化した指標です。Core Web Vitalsの一つとして、Googleが検索順位の評価に使用しています。
たとえば、ページを読み込んでいる途中で広告や画像が遅れて表示されることで、それまで見ていたテキストや「お問い合わせ」ボタンの位置が突然ずれてしまうことがあります。こういった状況は、ユーザーが意図せず別のボタンをクリックしてしまったり、読んでいた文章を見失ったりする原因になります。
CLSの理想的なスコアは0.1以下とされており、これを超えると「改善が必要」と判定されます。主な改善策としては、画像や広告の表示領域をあらかじめ確保しておく、遅延読み込みの設定を見直す、などが挙げられます。
中小企業のホームページ改善において、CLSはやや専門的な指標ですが、PageSpeed InsightsやGoogle Search Consoleで簡単に確認できます。AIを使ったサイト診断ツールを活用すれば、問題箇所と対処法をわかりやすく案内してもらえます。