ウェブマスターツール：モバイルユーザビリティの警告-広告の扱い方
先週、Googleウェブマスターツールから、自分のウェブサイトがモバイルフレンドリーではないという警告を受け取りました。
そしてそうではありません。
レスポンシブデザインを選択しなかった理由は、昨年3つの広告バナー（最大は728x90）を表示するための2年間の契約に署名したためです。これらがなければ、ホスティングコストを賄うための収益がありません。
現在、Googleはウェブサイトをレスポンシブにすることを強制しているようです。
レスポンシブになりながら、きれいな方法でバナーを表示し続けるソリューションがあるのではないかと思っていました。
レスポンシブレイアウトは広告主にもメリットがあるため、広告主はあなたの背後にいる必要があります。
最大は728x90です
これは明らかに小さな画面では100％の幅になります（他の「バナー」でも同じになる可能性があります）。ただし、モバイルで適切に動作するように再設計する必要があります（単純に縮小すると高さが十分でない可能性があります）。ただし、前述のとおり、これを適切に行うことは広告主の利益になります。
契約の具体性に応じて、レスポンシブモバイルメディアをカバーするためにこれを修正する必要があると思います。
Googleでは つの異なるモバイル構成 を許可しています：
レスポンシブには多くの利点がありますが、Googleでは3つのうちどれでも使用できます。
別のモバイルサイトを用意することも、モバイルユーザーに異なるサイズのバナーを完全に配信することもできます。
W3dが言うように、広告主は広告が見栄えよく画面にフィットすることを望みます。モバイルで異なるサイズの広告を表示するには、広告契約を修正する必要があるかもしれませんが、一般的に広告主はそれを切望しています。
Google広告を使用するユーザーには、モバイルデバイスに最適な320x50の広告ユニットを使用するオプションがあります。 Googleがモバイルユーザビリティのページをテストするとき、すべてのコンテンツを表示するために横にスクロールする必要なく、ページが320ピクセル幅のデバイスにうまく収まるかどうかを確認します。
最善の方法は、320ピクセル幅に収まるようにページを最適化し、HTMLヘッドタグの間に以下を追加することです。
<meta name="viewport" content="width=device-width,initial-scale=1,maximum-scale=1">
次に、広告を出す相手に連絡して、幅が320ピクセル未満の小さな広告ユニットがあるかどうかを確認します。これにより、Googleでサイトのランキングが向上し、Googleの検索結果リストでページが高くなり、ページビュー数が増加して、収益が増加する可能性があります。
しかし、より大きな広告を主張する必要がある場合は、サイトの2つのバージョンを作成することができます。大きい広告のあるデスクトップバージョンと小さい広告のあるモバイルバージョンで、その時点でデバイスに一致するサイトにユーザーを自動的にリダイレクトできるスクリプトを作成します。