スマートフォン集客、ホームページ集客なら神奈川県川崎市の集客ホームページ.net

神奈川県川崎市のスマートフォン集客コンサルタントの平石匡です。

今回は、ホームページをスマホ対応させる方法について書きます。

どうすればスマートフォン対応出来るのか？

スマートフォンが出始めた頃は、スマートフォン専用サイトを作るのが一般的でした。

でも、パソコンとスマートフォン両方のサイトを管理するのは大変です。パソコンサイトとスマートフォンサイトを作ったら2つのファイルを制作・管理しなければいけません。

パソコンサイトとスマートフォンサイトを別々に作るということは、パソコンサイトを変更したらスマートフォンサイトも変更しなければいけないということでもあります。これは、管理が大変ですし、コストもかかります。

Googleがサポートするスマホ最適化３つの方法

Googleは、スマートフォンに対応したサイトについて次の３つの方法をサポートしています。

Googleは、このうち一番目のレスポンシブ・ウェブデザインの方法を推奨しています。

その理由としては、次の点が挙げられています。

• PC用もスマートフォン用も同じURLなので、ユーザーがリンクを貼ったり、ソーシャルメディアで拡散させやすい

• PC用もスマートフォン用も同じURLなので、Googleにとって認識しやすい

レスポンシブ・ウェブデザインとは

レスポンシブ・ウェブデザインとは、１つのURLで同じHTMLとCSSを用いてデバイス（端末）に合わせて表示を変化させるサイトです。最近主流になりつつあります。

レスポンシブ・ウェブデザインだと、端末の画面サイズによって表示を変えてくれますので、一つのコンテンツを更新するだけで済みます。ですから、管理はすごく楽になりますし、コストもかなり軽減されます。

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

レスポンシブ・ウェブデザインには次のようなメリットがあります。

• URLが一つになる
  ユーザーにとっては、スマートフォンで見てもパソコンで見ても同じURLで同じ内容が表示されます

• HTMLとCSSが一つになって更新が楽
• • デバイスに最適な表示がされる
    新しいデバイスが出てきても最適な表示がされる
  • • Googleが推奨している
      推奨はしていますが、SEO上特別な効果があるとは言っていません

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

レスポンシブ・ウェブデザインにもデメリットはあります。

• スマートフォン専用の集客サイトは作りづらい
  画面サイズに合わせて表示を変えているので、スマートフォン専用のものを表示させることができないPCにだけしか表示させたくないコンテンツもスマートフォンで表示されてしまうので、スマートフォン専用のサイトとしては作りづらいです。
• • 表示スピードが遅くなる
    パソコン用のサイズで画像を作ります。スマートフォンで見た時もパソコンと同じ画像を読み込みます。その分表示スピードが遅くなります。
  • • 開発コストが高い

デバイスごとの動的サイトの場合

これは１つのURLで、アクセスしてきた人のユーザーエージェントに応じてHTMLとCSSを振り分けて動的に表示を変える方法です。

この場合は、レスポンシブ・ウェブデザインとは異なり、HTMLとCSSをデバイスごとにかえることができます。
ですので、HTMLとCSSをスマートフォン専用にすることができます。

デバイスごとの動的サイトのメリット

デバイスごとの動的サイトには次のようなメリットがあります。

• URLを一つにすることができる
• • デバイスごとに最適化されたサイトを作ることができる
    つまり、スマートフォン専用のサイトを作ることができる
  • • 表示スピードが速い
      デバイスに合わせた画像を選択をできる

デバイスごとの動的サイトのデメリット

デバイスごとの動的サイトにもデメリットがあります。

• 新しいデバイスがでてきたら、ユーザーエージェントに合わせた更新が必要
• • HTMLとCSSが複数になって、管理が大変