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

公開日:

更新日:

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

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

aesdfnauwdsq2

Googleも推奨

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

【パスカル】導入企業、急上昇中!
誰でも簡単に使える『SEOに強い』コンテンツマーケティングツール

パスカルは、簡単な操作で、新しい記事の作り方や既存記事のSEO改善点がわかるコンテンツマーケティングツールです。

※土日含まない4日間使える無料体験版あり!

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

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

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

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

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

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

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