Googleサーチコンソールの
『WEBに関する主な指標』を見るとスゴイ警告が出ていました。
しかも結構な期間。。。
Cumulative Layout Shift(LCS)という項目です。
LCSというのは簡単に言うと、
『クリックしようとすると画面がズレて違う所をクリックしてしまう恐れがある指数』です。
(参照画像:https://web.dev/optimize-cls/)
LCSのスコア0.1以下が正常で
0.25以上が不良です。
いろんな要因がありますが、
恐らく多くはアドセンスにあるようなので、
今回は、アドセンスをいじってLCSを直していきたいと思います。
LCS不良を直す方法
『クリックしようとすると画面がズレて違う所をクリックしてしまう恐れがある指数』といいますが、そもそも自分で見ていてズレたりなんかしていませんよね。
では、何がズレていると認識されているかというと
Google AdSense(アドセンス)です。
アドセンス広告をサイトの上部に付けている場合、
サイトを読み込む際、サイトのレイアウトが表示された後にアドセンスの広告が表示されていると思います。
これを『ズレている』と認識されていると思われます。
このサイトの固定のアドセンス広告の位置は、
- トップ
- サイドバートップ
- ボトム
- 記事タイトル上
- 関連記事下
トップとサイドバートップの位置はこちら。
ボトムはこちら。
これを1つづつ外して
どのアドセンス広告がいけないのか
やってみます。
アドセンス広告を外す
PageSpeed Insightsというサイトでサイトのパフォーマンスを見てみると、
スコアー『0.25』以上の『0.467』でした。
赤い四角はリアルタイムで表示しませんので
青い四角の部分ラボデータの
『Cumulative Layout Shift』という所を見ます。
トップ、サイドバートップ、ボトム、記事タイトル上、関連記事下の広告を1つづつ外したスコアーを見ていきます。
①トップの広告を外してみました。
『不良』から『改善が必要』に変わりました。
②トップとサイドバートップ広告を外してみました。
一気にスコアが下がり『良好』になりました。
③トップとサイドバートップとボトムの広告を外してみました。
CLSは変わりませんが、他の項目も改善されました。
④更に記事タイトル上の広告を外してみました。
あまり変わりませんでした。
⑤更に更に関連記事下の広告も外してみました。
やっぱり変わりませんでした。
①トップ画面 | ②トップ画面 | ③トップ画面 | ④記事画面 | ⑤記事画面 | |
LCS | 0.159 | 0.016 | 0.016 | 0.016 | 0.016 |
LCS不良を直すには
アドセンス広告を外すということになります。
ちょっとそれでは寂しいので
アドセンス広告の位置、種類などを見ていきたいと思います。
記事内の広告を外しても変化はありませんでしたのでトップ画面の広告を掘り下げていきたいと思います。
アドセンス広告の位置
トップだけ外した場合は、
さきほど試しました『0.152』だったので
トップ、ボトムにアドセンス広告を付け、
サイドバートップだけ外した状態で計測すると
LCS『0.045』になりました。
次にトップとサイドバートップにアドセンス広告を付け、ボトムだけ外した状態で計測してみました。
『0.467』とフルでアドセンス広告を付けた状態と変わりませんでした。
これで、
トップとサイドバートップの位置が悪いことが分かります。
更にいうとサイドバートップの広告を外したほうがスコアが下がったので
サイドバートップに問題ありと
このサイトでの結論になりました。
アドセンス広告を外せばLCS不良は直りますが、
トップとサイドバートップの広告の種類を変えて検証してみます。
アドセンス広告の種類
トップはバナー広告で
サイドバートップの広告の種類を変えてみます。
- バナー広告『0.467』
- レクタングル『0.467』
- ラージスカイスクレイパー『0.296』
- リンクユニット『0.467』
サイドバートップをバナー広告にすると
『0.467』と変わりません。
レクタングル広告でも『0.467』と変わりません。
ラージスカイスクレイパーという少し縦長の広告にすると
『0.296』と少しスコアが下がりました。
ですが、不良の『0.25』以上なのでまだダメです。
リンクユニットにすると『0.467』になりました。
広告の種類を変えてもあまり意味がなさそうです。
まとめ
LCS不良を解消するには、やはり
『トップとサイドバートップには広告を貼らない』
ということになります。
両方アドセンス広告を貼らないと
スコアが『0.016』まで下がり良好になりました。
サイドバートップのみ外すと
スコアは『0.045』になり良好になりました。
これはサイドバートップの広告が表示されることで
先に表示されていたサイドバーが広告に押しやられ
下にズレることが原因です。
トップ画面で再読み込みをしてみると
ズレているのが確認できると思います。
アドセンス広告を貼る場所は
一番最初に表示されるトップ画面以外のところに貼るのが良さそうです。
他にもヘッダー部分のタイトル画像だったり、
プラグインなど要因はありますが、
このサイトでいいますと
アドセンスを触ることでスコアの数字が大きく変化したのでアドセンスが原因としてまとめてみました。
最後までご覧いただき、ありがとうございました。
コメント