まっさんの日記

カレンダー

バックナンバー

2026.08

キーワードサーチ

▼キーワード検索

フリーページ

プライバシーポリシー

コメント新着

Mizuki8515 @ Re:塗装の縮れ（対策）(10/07) この方法は確かに有効そうですね。クリア…

< 新しい記事

新着記事一覧(全4861件)

過去の記事 >

2022.06.10

CLS に関する問題: 0.25 超ってなんだ？

カテゴリ：仕事

[商品価格に関しましては、リンクが作成された時点と現時点で情報が変更されている場合がございます。]

WordPress 本格Webサイト構築パーフェクトマスター [第2版] [ 音賀鳴海 ]
価格：3080円（税込、送料無料) (2022/6/10時点)

楽天で購入

そんなに変わってないので、問題ないけど、、、

・・・

GoogleSearchConsole でサイトをチェックしていると、、、

ウェブに関する主な指標で、
不良URL と言われるもんだから、
なんとかしないと思うわけで、、、

不良URLといっても、
ページがエラーとかではなく、

不良の理由が、
CLS に関する問題: 0.25 超

「Cumulative Layout Shift」の略で、
ページを表示するときにレイアウトがずれています的なやつ。

基本的には、画像とはサイズを指定するのが対策っぽいね。

原因はわかっているです、、、
Adsence広告ですよ、、、きっと。

自動広告にしていると、
なるんです、、、たぶん。

なので、
スタイルシート (style.css)に、
広告の高さを設定してみました。

.ad-link
.ad-wrap{min-height:90px;}

@media screen and (max-width: 768px){
.ad-link
.ad-wrap{min-height:250px;}
}
div[class*="ad-index-"]
.ad-wrap{in-height:200px;}

@media screen and (max-width: 768px){
div[class*="ad-index-"]
.ad-wrap{min-height:286px;}
}
.ads-fluid{min-height:200px;}

@media screen and (max-width: 768px){
.ads-fluid{min-height:286px;}
}

Chrome のプラグインの Web Vitals で簡単にチェックできるよ(^^♪