運営中のサイトをスマホ対応にしたいとお考えの方へ、具体的なレスポンシブデザインの導入方法を数回に分けてご紹介します。 レスポンシブデザインについては、2015年4月21日からスマホ対応していないサイトに対して、スマホでの検索結果が下がる、モバイルフレンドリーアルゴリズムが導入されることから、モバイルユーザーの多いサイトにとっては無視できない対応となります。 モバイルフレンドリーに対応しているかどうかは、Googleの「モバイルフレンドリーテスト」から確認できます。 ※モバイルフレンドリーはサイト単位ではなく、ページ単位となるので、全ページ対応しないといけない訳ではありません。 今回は、このモバイルフレンドリーに対応する方法としてGoogleが推奨しているレスポンシブデザインにするための準備とポイントをご紹介します。 htmlやcssファイルなどは必ずバックアップを取って作業するようにしてく
![レスポンシブデザイン簡単導入法01 – ビューポート・メディアクエリ編 | SEO内部対策についてまとめ【基本の対策を詳細解説】](https://cdn-ak-scissors.b.st-hatena.com/image/square/4ce640cf1d859c2632ea63332787d587f6d8635a/height=288;version=1;width=512/https%3A%2F%2Fseopack.jp%2Finternal-seo%2Fwp-content%2Fuploads%2F2016%2F04%2Fresponsive-web-design-viewport-media-queries.jpg)