CLS に関する問題の改善について

shun

他にも同じ問題について、質問している方がいらっしゃいますが、
どなたも解決していないようなので、再度自分から質問させて頂きます。

サーチコンソールにあるウェブに関する主な指標内のCLSの数字について、良好の数字に近づける方法を教えて頂きたいです。

https://parashuto.com/rriver/development/img-size-attributes-are-back
https://webtan.impress.co.jp/e/2020/07/03/36562

上記の記事を見るかぎり、
img要素のwidthとheight属性を記述するのが正解だと思うのですが、
jinのテーマでは設定可能でしょうか？
もし設定可能な場合、widthとheight属性の推奨される数字や、手順を紹介して頂きたいです。
対象の画像については、おそらく全記事が該当となっている為、
原因はヘッダー画像にあると思います。

すみませんが、宜しくお願い致します。

マニュアル確認済み
キャッシュクリア済み
WordPressのバージョン : WordPress 5.4.2
ご利用のサーバー名 : XServer
PHPのバージョン : 7.4
OS : X
ご利用のブラウザ : safari
該当サイトのURL : https://likeit-all.com

Ryota

@shun さん

こんにちは！JIN運営チームのりょうたです。
この度はJINをご利用いただき誠にありがとうございます。

上記の記事を見るかぎり、
img要素のwidthとheight属性を記述するのが正解だと思うのですが、
jinのテーマでは設定可能でしょうか？

現状ではできません。
というのも画像に関していえばRetinaへの対応をJINでは優先しているため、どうしても設定する画像が大きくなってしまいCLSの指標の値が悪くなります。
ただ、TOPページの画像だけなので基本的な記事ページではそこまで悪くならないかと思います。
（こちらでも調査してみたんですがJIN公式ではヘッダー画像が含まれるページではCLSが悪くなるものの、他は大丈夫でした。）

また、他の項目に関しては広告関連が絡んでくると思うのですが、関連記事広告をオフにすると改善する報告が上がっているのでここを修正してみるといいかもしれません。

上記ご確認の程宜しくお願い致します。

shun

ryota様

返信ありがとうございます。

関連記事広告をオフというのは、jinの設定にある関連記事の表示「RELATED POST」の事でしょうか？
それともアドセンスの関連コンテンツの事でしょうか？
一応、表示をオフにしてみましたが改善はされませんでした。

又、関連記事の表示やアドセンスの関連コンテンツが元々無いトップページでもCLSの数字が良くなかった為、
別の解決方法があれば嬉しいです。

jinを使用しているブロガーの方で、関連記事の表示がONでもCLSの数字が良い方はいらっしゃるので、
解決方法は必ずあると思います。

他にも困っている方が多数いらっしゃると思うので、お手数ですが改善方法を教えて頂きたいです。

すみませんが、宜しくお願い致します。

Ryota

@shun さん

関連記事広告をオフというのは、jinの設定にある関連記事の表示「RELATED POST」の事でしょうか？
それともアドセンスの関連コンテンツの事でしょうか？
一応、表示をオフにしてみましたが改善はされませんでした。

わかりにくくて申し訳ないです。。こちらは関連記事広告のことです。
また、CLSの改善は即座に反映されないです。

https://support.google.com/webmasters/answer/9205520#validation

ここにもあるように28日間何も問題がなければ改善される報告が出るはずなのでしばらく待ってみてください。
場合によっては早く終わることもあるようですが、どちらにせよ少しお待ちいただく必要があるかと思います。

又、関連記事の表示やアドセンスの関連コンテンツが元々無いトップページでもCLSの数字が良くなかった為、
別の解決方法があれば嬉しいです。
jinを使用しているブロガーの方で、関連記事の表示がONでもCLSの数字が良い方はいらっしゃるので、
解決方法は必ずあると思います。

こちらですが、当方ではそこまでのサポートはいたしかねます。
ブログ毎の診断はこちらではしておりませんので。。
もし仮に数字の良い方がいらっしゃるのであればその方と@shun さんのブログで何が違うのか調査してみてください。

もちろんこちらでも調査は続けますが、当方で対応できるのはその問題がJINテーマに依存しているとわかった場合に限ります。

また、先述にもある通り調査や確認にはGoogleが絡みます。修正してから確認できるまで最大28日かかります。
このことからテーマ側の問題であるとわかるまでに最大で１ヶ月はかかるということです。
調査と確認をした結果それがテーマ依存であると確定できた場合はアップデートで対応させていただきますが、それまではお待ちいただくしかないです。

すぐに修正したい気持ちは痛い程わかりますが、今しばらくお待ちください。
（必ずしも対応できるわけではないので予めご了承ください。）

また、@shun さんの方でも何かわかったことがあればご報告していただけると当方としても非常に助かります。。
お力になれず大変恐縮ではございますが、何卒ご理解の程宜しくお願い致します。