今日は、スマホサイトを作成するならレスポンシブWEBデザインが必須であるという理由について探っていきたいと思います。
最近スマホ向けのサイトが増えてきましたよね。
そんなスマホサイトを作るときに欠かせないのが「レスポンシブWEBデザイン」というものです。
なぜ欠かせないのか?
についてGoogleが発表しているブログについて見ていこうかと思います。
Googleがお勧めするスマートフォンに最適化されたウェブサイトの構築方法

こちらには、スマホサイトの構築方法は3つの方法が紹介されています。
(1)レスポンシブ・ウェブデザイン
(2)デバイスごとに最適化した HTML
(3)デスクトップ版とモバイル版で別のサイトを構築
特に太字でお勧めされている方法が(1)のレスポンシブ・ウェブデザインになります。
この解説によりますと、レスポンシブ・ウェブデザインとは、すべてのデバイスに単一の URL で同じ HTML を提供し、CSSを使用してデバイスごとにデザインを変更するサイトです。
単語の意味については
【すべてのデバイス】
⇒PC、スマホ、タブレットなどで
【単一のUR】
⇒あるサイトhttp://xxxx.com/にアクセスしたときに
【同じhtml】
⇒同じホームページデータが出力されますが
【CSSを使用してデバイスごとにデザインを変更】
⇒PCで見た時とスマホで見たときの見た目が変わってでてきた。
という内容にあります。
これ、簡単に言ってしまえば下記の様なサイトです。
(1)下記にアクセスする。(できればGoogle Chromeで)
http://getbootstrap.com/
(2)ブラウザのウィンドウサイズを変えてみる。
(3)幅によってスマホ用やタブレット用のサイトデザインに変更される。
ブラウザの横幅を変えた時にデザインが変わればレスポンシブ。
そうでない場合は今までの方法ということになります。
さらにGoogleがスマホサイト作成のガイドラインを出しています。
スマートフォン向けウェブサイトの構築

技術者向けの内容なので全てを読む必要はありませんが、このページに書かれている内容の注目する点は「レスポンシブ デザインにする理由」です。
要するに、あなたのサイトをレスポンシブにすれば
PC、スマホ向けの様々な訪問者にもやさしくなり
Googleの検索ロボットに負荷がかからなくなります。
検索ロボットの働きもよくなります、
その結果、あなたのサイトが検索結果により正確に反映されるようになる
というものです。
つまり、本日のブログタイトルである。
スマホサイトを作成するならレスポンシブWEBデザインが必須という事
になります。
本日もお読みいただきましてありがとうございました。
ホームページ作成アドバイザーの田中がお伝えしました。
今回の記事を気に入っていただけた方はこちらへ!



