レスポンシブデザインのメリット

レスポンシブデザインとは？

レスポンシブデザインのサイトとは、すべてのデバイスに単一のURLで同じHTMLを提供し、CSSを使用してデバイスごとにデザインを変更するサイトのことです。
つまり、PCやスマホ、タブレットなど画面サイズに関係なく、同じURL、同じソースでデザインやサイズのみをデバイスに応じて変更することができます。

Googleも推奨

レスポンシブ・ウェブデザインを使用すると、PC用のページとモバイル用のページを単一の(同一の)URLとすることができるため、ユーザーにとってはシェアやリンクが容易であり、Googleのアルゴリズムにとってはコンテンツを適切にインデックスできるメリットがあります。
さらに、ユーザーエージェントの異なるGooglebot（Google のクローラーの名称。世界中の Web サイトを巡回して、情報を収 説 集するロボット）ごとにページをクロールする必要がないため、Googleがより効率的にコンテンツを発見することができます。

未知のデバイスにも対応できる

最近では、ウェアラブル端末が出始めているなど、今後、多くの新 しいデバイスが生まれることは確実です。しかし、新しいデバイス が生まれるごとに専用サイトを作っていては切りがありません。
レスポンシブデザインは、デバイスに関係なくページサイズを変 更できるため、まだ未知の今後出てくる新しいデバイスにも対応で きる可能性が高いデザインです。

レスポンシブデザインに変更しよう

Googleも推奨するレスポンシブデザインにしましょう。現在、モバイルサイトをお持ちの方は、次の点に注意してください。

• モバイル用のリダイレクト設定を解除する
• canonical等のURL正規化設定を解除する
• 旧モバイルコンテンツをサーバーから削除する
• 実際のデバイスでチェックしよう

レスポンシブデザインサイトを作成したら、必ず各種デバイスで実際に動作チェックをしましょう。

• 有名なデバイス(iPhoneやiPad等)では必ずチェックする
• 動作がおかしな箇所を修正する