SIS Lab
>
Blog
>
Adsense広告をレスポンシブデザインでPCビュー2つ横並び、モバイル1つにする方法

Adsense広告をレスポンシブデザインでPCビュー2つ横並び、モバイル1つにする方法

更新日:2020.04.05 作成日:2016.04.11

Adsenseのレスポンシブ広告は、レスポンシブデザインの時に便利で使っているが、レクタングル広告を横に２つ並べた場合、モバイルで問題になることが多い。

どういうことかというと、PCで横に２つ並べた時、そのままのデザインでモバイルビューにすると縦に２つレクタングル広告が並ぶことにある。そうすると、画面全体が広告が広告で埋まってしまうことになり、Google Adsenseのポリシー違反になる。

では、どうすればいいか？

結論から言うと、

「Adsenseのレスポンシブ広告を選択し、メディアクエリでモバイルの場合は、display: noneで表示にする」 ことで対応できる可能性が高い。

気になる点は、以下のようにGoogleのポリシー違反にあたらないか、display: noneで隠した広告は、１つの広告としてカウントされるのかといったところであろう。

気になる点・疑問点

display: noneで広告コードを改変するのは、Google Adsenseのポリシー違反に当たらないか？
display: noneでコンテンツを隠すのはGoogleのペナルティを受けないか？
Google Adsenseは１ページ当たり３つまでしか広告を表示できないが、display: noneで非表示にした広告は１つとしてカウントされるのか？

１つ目のGoogle Adsenseのポリシー違反に当たらないか？という疑問に対しては、Google Adsenseのガイドラインを見ることで安心できる。

レスポンシブ広告コードを修正する方法 - AdSense ヘルプ

現在のレスポンシブ広告コードではご希望どおりの広告ユニットを作成できていない場合は、レスポンシブサイトの要件を満たすように広告コードを修正してください。次の例に従うと、広告コードを正しく修正することができます。

重要:
CSS メディアクエリのご使用や広告コードの変更の経験が初めての場合は、画面の幅ごとに正確な広告ユニットサイズを指定する場合の例を使って修正してください。
CSS メディアクエリのご使用や広告コードの変更に精通されている場合は、レスポンシブ広告コードの高度な機能の例を使って修正してください。

基本的に広告コードを変更することはNGだけど、レスポンシブ広告コードについては上記ページの指示に従う限り問題ないとの認識。

２つ目のGoogleのペナルティを受けないか？という疑問に対しては、まずGoogle公式のページに「隠しテキストと隠しリンク」について言及している箇所があるため、見てみる。

隠しテキストと隠しリンク - Search Console ヘルプ

Google の検索結果でのランキングを操作するためにコンテンツに隠しテキストや隠しリンクを含めることは、偽装行為と見なされることがあり、Google のウェブマスター向けガイドライン（品質に関するガイドライン）への違反にあたります。

ただし、隠しテキストがすべて偽装行為と見なされるわけではありません。たとえば、サイトで JavaScript、画像、Flash ファイルといった検索エンジンにとってアクセスしにくい技術が使用されている場合、そのようなアイテムについて説明テキストを使用するとサイトのアクセシビリティが向上することがあります。また、スクリーンリーダー、モバイルブラウザ、プラグインなしのブラウザ、低速接続環境でアクセスする多くの人間のユーザーもそのようなコンテンツを表示できないため、その場合も説明テキストがあれば役立ちます。サイトのアクセシビリティは、ブラウザで JavaScript、Flash、画像をオフにしたり、Lynx（リンク先は英語）などのテキストブラウザを使用したりすることで確認できます。

確かに、意図的にランキングを操作するために、隠しテキストとして大量のキーワードを埋め込んだりすることは違反になるが、PCとモバイルでデザインを変えることは問題ないと受け取ってもよいと(個人的には)読み取れる。

そのあたり、問題あるかないかについては、以下のページでも言及されているので目を通してみるとよい。

３つ目のdisplay: noneで非表示にした広告は１つとしてカウントされるのかという疑問に対しては、残念ながら、１つとしてカウントされてしまう。PCでも、モバイルでもAdsenseの広告枠３つを必ず出したいのであれば、PCとモバイルでビューを分けないといけないが、レスポンシブデザインからすると、本末転倒になってしまう。ここは、割り切りが必要かと思う。