はてなブログを使っていて、最近少し困ったのがレスポンシブデザインを利用した時の Googleアドセンス広告表示制御です。 はてなブログとレスポンシブデザイン レスポンシブデザインではPCやスマホ、タブレットなど様々なデバイスに対して同一のURL且つHTMLでそれぞれのデバイスに適した表示を行うデザインのことを言います。 はてなブログでは、レスポンシブデザインに対応したテーマであれば、ブログでレスポンシブデザインを採用することが出来ます。 実際にレスポンシブデザインを利用する場合は、はてなブログの管理画面ページのデザイン-スマホデザイン-詳細設定欄にあるレスポンシブデザインのチェックを入れて「変更を保存する」を押すことで反映されます。 逆に、レスポンシブデザインを利用せずに、パソコンとスマホとで別々のHTMLを適用するという古くからあるスタイルも利用することが出来ます。 レスポンシブデザイン
![はてなブログのレスポンシブデザインでアドセンス表示をスマホとPCで切り替える方法とSEOのリスク](https://cdn-ak-scissors.b.st-hatena.com/image/square/117d55fb5e3088fe49b6ca1841f2a9615c0b9f94/height=288;version=1;width=512/https%3A%2F%2Fbloganswer.jp%2Fwp-content%2Fuploads%2F2019%2F05%2F20170513120331.jpg)