運営中のサイトを自分でスマホ対応にしたいという方へ、具体的なレスポンシブデザインの導入方法を数回に分けて、まとめていきたいと思います。 レスポンシブデザインについては、2015年4月21日からスマホ対応していないサイトに対して、スマホでの検索結果が下がる、モバイルフレンドリーアルゴリズムが導入されることから、モバイルユーザーの多いサイトは必須の対応となります。 モバイルフレンドリーに対応しているかどうかは、こちらから確認できます。 https://www.google.com/webmasters/tools/mobile-friendly/?hl=ja ※モバイルフレンドリーはサイト単位ではなく、ページ単位となるので、全ページ対応しないといけない訳ではありません。 今回は、このモバイルフレンドリーに対応する方法としてGoogleが推奨しているレスポンシブデザインにするための準備とポ
![レスポンシブデザイン簡単導入法01 – ビューポート・メディアクエリ編 | SEO Packブログ by ディーボ](https://cdn-ak-scissors.b.st-hatena.com/image/square/df3e96abfdcbbcd390b4b433ca9c98429287aa1e/height=288;version=1;width=512/http%3A%2F%2Fseopack.jp%2Fseoblog%2Fwp-content%2Fuploads%2F2015%2F03%2F20150326_responsive-web-design-viewport-media-queries_01.gif)