お問合せ株式会社ジェイコス
TEL 03-5428-8733

Webコンサルティング会社、首都圏(東京)を中心に戦略的なホームページの制作、Webマーケティングをご提供

Webコンサルティング.jp HOME > Blog Top > 【スマホでも見やすいサイト作成】 有効な2つの方法

Profile

通称:株式会社ジェイコス
誕生日:2005年4月1日
出身地:三軒茶屋
現住所:麹町
職業:Webコンサルタント

2014年8月25日

【スマホでも見やすいサイト作成】 有効な2つの方法

20140825a.jpg

webの環境はスマートフォンの出現によって大きく変わってきました。
今まではサイト閲覧者のほとんどがパソコンを使用していたのですが、スマートフォンの台頭によってwebを閲覧する方法が増えたのです。
しかし、パソコンサイトをスマートフォンで閲覧しようとすると、とても見づらいのが難点ですよね。

そのため最近ではスマートフォン専用サイトを別に作るか、レスポンシブwebデザインの活用が推奨されています。
どちらにもメリット・デメリットがあるので、よく確認して利用しましょう。






スマートフォン専用サイト・レスポンシブwebデザインとは

スマートフォン専用サイトとはその名の通り、スマートフォンで閲覧するための専用サイトを作る手法です。
本サイトから誘導することでスマートフォンからも簡単にコンテンツを確認できます。

レスポンシブwebデザインとは、パソコン・スマートフォン・タブレットなど、閲覧に使用する機器に応じて表示内容を最適な状態に切り替える手法。
基準はブラウザの横幅サイズで、「1200ピクセルのブラウザならばこの装飾」「480ピクセルのブラウザならこの装飾」と自動で振り分けてくれます。

この2つはスマートフォンでサイトを閲覧する層への対応策の主流となっています。






スマートフォン専用サイトのメリット・デメリット

20140825b.jpg

まず、レイアウトや内容などをパソコンサイトと違う内容で作ることが可能です。そういった融通が利く部分はメリットの1つです。そのため、スマートフォンユーザーに向けた内容のサイト制作が可能となります。

何よりスマートフォンに特化したユーザビリティですから、使いやすさが格段に良いですし、サクサクと閲覧できるというメリットもあります。
電話機能、GPSなどの機能と連動させることもできるので、ユーザーが求める情報をよりすばやく・わかりやすく伝えることが可能です。

デメリットはパソコンサイトとスマートフォン専用サイト、2つ分のコンテンツを作成しなければならないということ。つまり、手間・コストが増えるという部分でデメリットを感じる方が多いようです。

また2つのサイトはURLが別々で、お互い独立したサイトとなります。そのため、スマートフォンでパソコンサイトにアクセスした場合、スマートフォン専用のサイトに転送する設定をしなければならないという手間もあります。






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

20140825c.jpg



この方法であればパソコンサイトのために作成したコンテンツ・素材を使いまわせます。
運用コストがかからないので、大きなメリットと言えるでしょう。
レスポンシブwebデザインの場合、URLが単一なので更新作業も一度で済みますし、スマートフォン専用サイトのような転送設定も不要です。

しかし、古いブラウザに対応していないことが多く、いわゆるガラケーなどでは閲覧が出来ないというデメリットが存在します。

いくら最適化されるとしても、パソコン用のソースコードを読み取る必要性があるので、表示スピードが遅くストレスを感じてしまう事も。
サイト設計やソースコードは比較的複雑になるので開発コスト・知識を必要とする部分もデメリットとして挙げられます。




この2つの方法を使い分けるにはサイトの閲覧方法の割合を確認することが何よりも大切です。

スマートフォンによる閲覧が多い場合は専用サイトを作ることが推奨されます。
パソコンによる閲覧の比重が多いけれど、一定数スマートフォンからの閲覧もある場合はレスポンシブwebデザインの導入がオススメです。

どちらの方法も一長一短ですから十分な検討が必要となります。













trackbacks

trackbackURL:

Recent Entries

  1. 【あなたにピッタリのサービスがわかる】スマホでお得にエンタメ動画を楽しもう~全ての動画配信サービスを視聴してみた!~
  2. 個人の居酒屋もカフェもレストランもクレジットが安価に簡単に導入できる~ビジネスチャンスが広がる"モバイルクレカ"比較まとめ~
  3. 驚異の6秒動画プロモーション「Vineを活用した8つのキャンペーン事例」をご紹介!
  4. "スモールビジネス"LINE@活用法~PR戦略成功事例をご紹介!~
  5. 企業の存続危機に発展するかも!?Twitter炎上事例からわかるリスクの実態とその対策
  6. 注目のオウンドメディア100サイト「訪問者」ランキング!~Webマーケティング戦略に勝利したサイトはどれ?~6/6
  7. 注目のオウンドメディア100サイト「訪問者」ランキング!~Webマーケティング戦略に勝利したサイトはどれ?~5/6
  8. 注目のオウンドメディア100サイト「訪問者」ランキング!~Webマーケティング戦略に勝利したサイトはどれ?~4/6
  9. 注目のオウンドメディア100サイト「訪問者」ランキング!~Webマーケティング戦略に勝利したサイトはどれ?~3/6
  10. 注目のオウンドメディア100サイト「訪問者」ランキング!~Webマーケティング戦略に勝利したサイトはどれ?~2/6