【Google Search Console 】「CLSに関する問題:0.25超（パソコン）」の解決方法

ある日、サーチコンソールに不良URLとして赤く表示され、何だこれ！と焦った私

サーチコンソールの「ウェブに関する主な指標」として、CLS・累積レイアウト変更という項目があります。

この項目に問題があると、2021年以降の検索ランキングに関係してくるそうです。

この記事は、有料テーマDiverを使用する私が実際にこの問題を解決した時の備忘録も兼ねた記事です。

ウェブに関する主な指標とは

以下の３つがウェブに関する主な指標です。

それぞれ数値で今のサイト状況を教えてくれます。

今回の問題は、上記３つの指標のうち、「CLS 」に関する問題です。

0.25超との事でしたので、低速を指摘されています。

「CLS に関する問題: 0.25 超（パソコン）」とは

ここで言う今回のCLSの問題とは、ページ読み込み時のページレイアウトの移動量を言います。

この記事をご覧の皆様もページ内で操作をしようとしている時に、画像が突然出てきてレイアウトが動き、どこ見てるか一瞬、わからなくなったり迷ったりした経験はありませんか？

つまり、サーチコンソールは、この最初に見ていたレイアウトからのガタつき度合いについて指摘しています。

ちなみに良いCLSスコアは0.1未満であるとされています。

「CLS に関する問題: 0.25 超（パソコン）」の解決方法

結論から言うと、私の場合、アイキャッチの「width」と「height」の数値が指定されていないことから生じた問題でした。

そのため、追加CSSに以下のコードを追加し、アイキャッチの縦と横のサイズを指定しました。

私は、これで解決できました。

同じようなことで悩んでいる方は参考にしてみて下さい。