東京でホームページ制作やレスポンシブサイト制作のご相談はShin Design｜WEB制作コラム

PC・タブレット・スマートフォンなど、複数の異なる画面サイズによって、自動的にレイアウトが切り替わる様にレイアウト・デザインしたサイトを指します。
PCやスマートフォンなど、デバイス毎に各HTMLファイルをデバイス毎に用意する制作方法に対し、レスポンシブサイトでは、1つのHTMLファイルを、CSS（スタイルシート）で制御させ、異なるデバイスの画面サイズに応じて、ページのレイアウト・デザインを切り替えるように設定します。
PCでサイトを閲覧していて、ウィンドウを縮めると、その縮めたサイズに合わせてレイアウトが変わるサイトがありますよね？それがレスポンシブサイトです。

制作後のメンテナンス効率が良い

1つのHTMLファイルで複数デバイスに対応できるので、制作後はメンテナンス等が容易になり、作業工数の軽減にもなります。

情報整理がしやすい

全てのデバイスの情報が同じなので、各デバイスによる設計が統一され、情報整理しやすくなります。
さらに、各デバイスによる情報の偏りやレイアウトの差異も少なく、非常に統一感のあるサイトデザインに仕上がります。

SEO対策に良い

Googleは現時点（※2016年11月現在）でサイトの構築手法の一つとしてレスポンシブサイトを推奨しているようで、SEO対策として検索エンジンからの評価が高くなる可能性があります。
また、全てのデバイスで統一されたURLになるので、さらに検索エンジンからの評価に繋がります。

マストになりつつある

もうひとつの特徴として、レスポンシブサイト自体がマストになりつつあるということです。大手企業のWEBサイトや、トレンドや流行りを意識したサイトはレスポンシブサイトを採用している場合が多いです。

残念ならが、レスポンシブサイトが全てにおいて完璧というわけではありません。
制作後のメンテナンス効率は良くなる半面、多くのデバイスに対応させなければならないため、設計やデザインをする際にはその分の作業工数が増加します。また、1つのHTMLファイルを使用し、必要のない要素も同時に読み込まれてしまうため、その分ページ自体が重くなる可能性があります。
ただし、以上のことはレスポンシブサイトの設計方法が研究され進化している中で、デメリットに対する対応方法も出てきています。また、デメリットを理解した上で設計・設定していくことが重要であると言えます。