https://kabueye.com/_next/static/chunks/pages/articles/adsense-cls-0d4a11bf7bf9adbb.js

1(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[9116],{1633:(e,s,n)=>{"use strict";n.r(s),n.d(s,{default:()=>a,meta:()=>r});var h=n(7876),i=n(1668),d=n(2294),l=n(9291);n(8230);let r={title:"AdSenseのアンカー広告がCLSを悪化させていた",tags:["サイト運営","AdSense","WordPress"],published:!0,created:"2021-09-11T00:00:00.000Z",description:"運営中のサイトでAdSenseの自動広告をオンにしているのですが、アンカー広告がCLS（Cumulative Layout Shift）を悪化させていました。CLSを改善するためには、アンカー広告をオフにするか、アンカー広告を下部にのみ表示させる対応が必要になります。ここでは、アンカー広告をオフにするまでの顛末についてご説明します。"},c=e=>(0,h.jsx)(d.A,{meta:r,children:e.children});function t(e){let s={a:"a",blockquote:"blockquote",h1:"h1",h2:"h2",p:"p",...(0,i.R)(),...e.components};return(0,h.jsxs)(h.Fragment,{children:[(0,h.jsx)(s.p,{children:"運営中のサイトで AdSense の自動広告をオンにしているのですが、アンカー広告が CLS（Cumulative Layout Shift）を悪化させていました。CLS を含む Core Web Vitals（コアウェブバイタル）は、Google の検索順位に影響するため改善したいです。"}),"\n",(0,h.jsx)(s.p,{children:"CLS を改善するためには、アンカー広告をオフにするか、アンカー広告を下部にのみ表示させる対応が必要になります。この記事では、アンカー広告をオフにするまでの顛末についてご説明します。"}),"\n",(0,h.jsx)(s.h2,{id:"サーチコンソールのページエクスペリエンス改善が必要を消したい",children:"サーチコンソールのページエクスペリエンス「改善が必要」を消したい"}),"\n",(0,h.jsx)(s.p,{children:"コアウェブバイタル対応として WordPress テーマを修正し、LCP/FID については十分に速度を確保できました。CLS についても画像のサイズを明示するなどの対応を実施し、Lighthouse で計測して CLS がゼロと表示されるところまで漕ぎ着けました。"}),"\n",(0,h.jsx)(s.p,{children:"しかし、Lighthouse では CLS がゼロなのにもかかわらず、Google サーチコンソールでは CLS が 0.15 前後のまま減りません。「改善が必要」のままです。"}),"\n",(0,h.jsx)(l.A,{src:"/images/adsense-cls-search-console.png",height:142,alt:"改善が必要 CLSに関する問題 0.1超（モバイル）"}),"\n",(0,h.jsx)(s.p,{children:"コアウェブバイタルが検索順位に与える影響は小さいらしいですが、改善が必要と言われ続けるのは気になりますよね。対応したいところです。"}),"\n",(0,h.jsx)(s.h1,{id:"pagespeedinsights-のラボデータとフィールドデータの結果が一致しない",children:"PageSpeedInsights のラボデータとフィールドデータの結果が一致しない"}),"\n",(0,h.jsx)(s.p,{children:"PageSpeedInsights で Core Web Vitals を計測してみると、ラボデータ（推定値）の CLS はゼロと表示されます。"}),"\n",(0,h.jsx)(l.A,{src:"/images/adsense-cls-lab.png",height:224,alt:"PageSpeedInsights ラボデータ"}),"\n",(0,h.jsx)(s.p,{children:"しかし、フィールドデータ（実測値）では CLS が 0.15 前後と黄色信号になっています。この数値はサーチコンソールの CLS の数値と一致します。"}),"\n",(0,h.jsx)(l.A,{src:"/images/adsense-cls-field.png",height:184,alt:"PageSpeedInsights フィールドデータ改善前"}),"\n",(0,h.jsx)(s.p,{children:"ラボデータとは、計測を行なったとき指定の URL を読み込んだ結果から作成した推定値です。フィールドデータとは、実際にたくさんのユーザーがページを表示したときに計測された実測値です。"}),"\n",(0,h.jsx)(s.p,{children:"なので、フィールドデータが改善されなければ意味がありません。Google サーチコンソールの「ページエクスペリエンス」の判断基準として使われているのもフィールドデータだと思います。"}),"\n",(0,h.jsx)(s.h2,{id:"モバイル版のみで悪化する原因はアンカー広告",children:"モバイル版のみで悪化する原因はアンカー広告？"}),"\n",(0,h.jsx)(s.p,{children:"改善が必要なのはモバイル版のみで、PC 版はすべて良好 URL です。"}),"\n",(0,h.jsx)(s.p,{children:"なぜ CLS がモバイル版のみ要改善なのか考えつつ Chrome でパフォーマンス計測などやってみたところ、アンカー広告が原因ではないかという仮説が出てきました。"}),"\n",(0,h.jsx)(s.p,{children:"アンカー広告はモバイル版でのみ表示されます。そして、広告が読み込まれたタイミングで画面全体が動くため、CLS が悪化している可能性があります。"}

1),"\n",(0,h.jsx)(s.p,{children:"ラボデータで CLS が 0 になるのは、おそらくアンカー広告が遅れて表示される時点まで評価できていないのではと考えました。"}),"\n",(0,h.jsx)(s.h2,{id:"アンカー広告を下部表示にするかオフにするか",children:"アンカー広告を下部表示にするかオフにするか"}),"\n",(0,h.jsxs)(s.p,{children:["アンカー広告は下部に表示できます。",(0,h.jsx)(s.a,{href:"https://support.google.com/adsense/answer/7478225?hl=ja",children:"Google AdSense ヘルプページに記載"}),"があり、広告コードを修正すれば OK です。"]}),"\n",(0,h.jsxs)(s.p,{children:["しかし、",(0,h.jsx)(s.a,{href:"https://support.google.com/adsense/answer/10627874",children:"AdSense の広告コードは 2021 年 7 月に新しくなって"}),"おり、新しい広告コードでアンカー広告を下部表示する方法については探しても見つかりませんでした。"]}),"\n",(0,h.jsxs)(s.blockquote,{children:["\n",(0,h.jsx)(s.p,{children:"このたび Google は、新しいバージョンの AdSense コードをリリースしました。この新しい AdSense コードを使用すると、AdSense で最適化機能がトリガーされるタイミングが従来よりも早くなるため、サイトに掲載された広告のパフォーマンスが向上します。新しい広告コードは、自動広告と広告ユニッ\nトの両方に対応しています。"}),"\n"]}),"\n",(0,h.jsx)(s.p,{children:"新しい広告コードに差し替えることで広告のパフォーマンスアップが見込めるなら、古い広告コードに戻すのは微妙な印象です。"}),"\n",(0,h.jsx)(s.p,{children:"また、アンカー広告を使わないように変更するのは AdSense の管理画面からオフにするだけで簡単。更に、もしアンカー広告をオフにしても CLS が改善しない場合、元に戻すのも手間がかかりません。"}),"\n",(0,h.jsx)(s.h2,{id:"アンカー広告はcls-を悪化させている可能性あり",children:"アンカー広告は、CLS を悪化させている可能性あり"}),"\n",(0,h.jsx)(s.p,{children:"アンカー広告をオフにしてしばらく待っていたところ、無事にサーチコンソールから「改善が必要」の表示が消えました。"}),"\n",(0,h.jsx)(l.A,{src:"/images/adsense-cls-field-after.png",height:195,alt:"PageSpeedInsights フィールドデータ改善後"}),"\n",(0,h.jsx)(s.p,{children:"PageSpeedInsights の計測結果を見ても、フィールドデータの CLS が 0.13 -> 0.09 と大幅に改善しています。"}),"\n",(0,h.jsx)(s.p,{children:"ただし、アンカー広告が CLS へ常に悪影響を与えるかどうかは断定できません。サイトの HTML や JavaScript、WordPress であればどのテーマを使っているかによって変わる可能性があります。"}),"\n",(0,h.jsx)(s.p,{children:"アンカー広告をオフにするのは、サイトのパフォーマンスを Chrome で観察してからにしたほうが良いと思います。"})]})}function a(){let e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};return(0,h.jsx)(c,{...e,children:(0,h.jsx)(t,{...e})})}},3520:(e,s,n)=>{(window.__NEXT_P=window.__NEXT_P||[]).push(["/articles/adsense-cls",function(){return n(1633)}])}},e=>{var s=s=>e(e.s=s);e.O(0,[890,2450,8698,2294,636,6593,8792],()=>s(3520)),_N_E=e.O()}]);