スマホサイト入門

スマホサイト2つの作り方
メリット・デメリット

スマホサイトの作り方には、大きく次の二通りがあります。

【1】新規にスマホ専用のサイトを作成する

【2】PCサイトの表示をスマートフォンに最適化させる

それぞれのメリットとデメリットをお話しましょう。

【1】新規にスマホ専用のサイトを作成する

スマホ専用のサイトを新規に作成すれば、PCサイトをスマホで表示する場合の問題点は、ほぼクリアできます。

PCサイトをスマホで表示する問題点のほとんどは、スマホ特有の操作方法(指で画面をタッチして操作する)が原因なので、初めからそれらを前提としたデザインを作成すれば、問題はほぼ解消できるというわけです。

ただし、スマートフォンといっても、iPhoneやAndroidといったOSの違い、それぞれのOSにもリリース時期によるバージョンの違いなど、さまざまなものがあります。

また、スマートフォンだけでなく、タブレット端末も忘れてはいけません。タブレット端末というのは、iPad(アイパッド)に代表されるような、薄くて小型の携帯型コンピュータ製品。スマートフォン同様、Androidを使用したタブレット端末もたくさんの種類があるのです。

新規に作成するスマホ(専用)サイトでは、あらかじめこうしたそれぞれの端末に対応させた、何通りものページとデザイン(スタイルシート)を用意しておき、どの端末からのアクセスなのかを判別して、それぞれに対応した表示先へ振り分ける、ということになります。

 

ただ、この方法にはいくつかの問題があります。

  • 費用がかかる
  • 作成に時間がかかる
  • PCサイトとスマホ専用サイトで、管理が別々になる
  • 更新作業も倍の手間がかかる

PCサイトとスマホサイトが連動していませんから、別々に更新しなければなりません。

もちろん、両者で異なるコンテンツを用意しているなら手間は同じですが、一般には、PCサイトとスマホサイトで同じ内容が閲覧できれば十分、というケースが多いでしょう。

しかし連動していない場合は、両者が同じ内容でも、更新はそれぞれ行わなければならないのです。

また当然、素人には更新できませんから、スマホサイト作成会社に更新を依頼することになります。

ただ、これだと従来のPCサイトと同じ。更新の費用がかさむうえ、いちいち更新を依頼する手間がかかるので、そのうち更新するのが億劫になり、更新しなくなってしまうでしょう。

更新しなくなったサイトが何の役にも立たなくなってしまうのは、スマホサイトもPCサイトも同じことです。

もう一つ、URLの問題があります。

TwitterやFacebookといったSNSやブログなどで、記事を紹介してもらうとき、PCサイトとスマホサイトのどちらのURLで紹介されるかわからないのです。

スマホの利用者がPCサイトのURLにアクセスすることもあるでしょう(もちろんその逆も)。これだと、何のためのスマホ対応かわかりませんよね。

さらに、将来的に新しい端末が増えるたびに、新しい対応サイトを作成しなければなりませんから、これはもうほとんど現実的な方法とはいえないでしょう。

スマホサイト専属のデザイナーや担当者を置ける会社はまだよいですが、そうでなければ、まず現実的な方法ではないと言えます。

【2】PCサイトの表示をスマートフォンに最適化させる

いっぽう、スマホ専用サイトを作成するのではなく、既存のPCサイトをスマートフォン用に最適化するという方法があります。

つまり、スマートフォンでのアクセス者には、PCサイトをスマートフォン用に最適化して表示させる、というもの。これからPCサイトを作成する場合や、すでに公開している場合にはおすすめの方法です。

少し専門的ですが、この技術はアクセスしてきた端末やブラウザのサイズを判断して、ひとつのホームページデザインをいろいろな幅で表示させる方法で、「レスポンシブ・ウェブデザイン」などとも呼ばれます。スマホの普及とともに、2012年から大きな注目を集めるようになりました。

iPhoneやiPadでのサイト表示例

さまざまな端末に合わせて、表示される際の幅を変化させるデザイン方法が最近のスタンダード

スマホ対応していないPCサイトをスマホで表示させると、全体が縮小されて文字がかなり小さくなり、リンクなども押しにくくなってしまいます。

しかしこの「レスポンシブ・ウェブデザイン」で設計されたPCサイトは、スマホの幅に自動調整されて表示されるため、文字が小さくなりません。また、画像やボタンなどの配置もスマホ用に自動調整されます。もちろん、タブレット端末などでも最適な表示がなされます。

 

この方法の最大のメリットは、

PCサイトとスマホサイトで共通のデザイン、コンテンツが使える

ということ。

これにより、【1】でお話ししたようなデメリットがほぼ解消されます。

何よりも、それぞれを別々に更新する必要がありません。PCサイトを更新すれば、スマホサイトも同じように更新されるので、手間はこれまでと変わらないわけです。

もちろん、スマホ専用サイトを新しく作成する費用もかかりません。既にPCサイトを持っている場合は、スマホに最適化する対応を行うだけで済みます。

アクセス者にとっても、PCサイト、スマホサイトどちらへアクセスしても同じ内容のコンテンツが表示されますので、無用な混乱を避けられますね。

「スマホサイト」というと、スマホ専用のサイトをイメージされるかもしれませんが、PCサイトをスマホに最適化する、と考えると、いろいろな面で負担が少なくなりますのでおすすめです。

なお、これから新規にPCサイトを作成する、または、既存のPCサイトをリニューアルする、という予定のある方は、スマホ最適化のできるシステムを選ぶとよいでしょう。

ページの一番上へ

初めてのホームページ作成

初めての方へ

初めてのホームページを作成する際に失敗しない勘所をご紹介。自作であれ、制作会社に依頼する場合であれ、ここだけは押さえて欲しいポイントをまとめました。

費用を抑えたホームページ制作

低コストでHP作成をしたい

ホームページを作成予定の方に、低料金でホームページを作る方法をご説明します。なるべく低料金でホームページ作成をしたい方は、ぜひご覧ください。

ホームページでお客さんを増やせる!
初心者むけガイドブック無料プレゼント

無料PDF

HP初心者むけ
集客できる
ホームページの作り方

本ガイドブックでは、初心者の方を対象に以下の3つをお話ししています。

  • どうすれば苦手な営業をせずに済むのか
  • どんなホームページを作れば、お客さんを増やすことができるのか
  • 低価格でホームページを作るにはどうすればよいか

集客でお悩みの方、ホームページ活用でお困りの方は、ぜひご一読ください。