▼ MENU

失敗しないスマホ対応とは?

2013年11月8日

スマホ市場に参入する前に知っておくべきこと


こんにちは。
Catch the Webの近藤です。

 

 

◆あなたもそんな風に感じませんか?

 

最近、思うことがあります。

 

スマホにいれてる

ニュースアプリをよくみているのですが、
なーんか、

スマホに関する情報ばっかりなんですよね。

 

新商品が発売!

 

とか

あたらしいアプリ登場!

 

とか・・・・

 

 

やっぱりスマホ市場が

ものすごい勢いで成長を
続けてるんですね。

 

 

スマートフォン市場規模の推移・予測(2013年10月)

 

 

スマホの市場がこれだけ成長すれば、

必然的にスマホ向けのECも
成長するのもうなずけます。

 

スマートフォン向けEC市場が急拡大、

EC全体の2割超に 2015年には2兆円規模へ

 

 

でもまだまだ、スマホ対応する企業はそれほど多くはないようです。

今年2月の段階でスマホ導入している企業は3割弱

 

 

◆知っておきたいスマホ対応の種類

 

ひとことに「スマホ対応」と言っても、

いくつか方法はあるのですが、
主に2つの方法があります。

 

1、ユーザーエージェントで振り分ける
2、レスポンシブWebデザイン

 

 

1は、PC用のサイトと

スマホ用のサイトをそれぞれ作って、

アクセスしたユーザーのデバイスによって

強制的に振り分ける方法です。

 

 

例えば、

PC用サイトhttp://abc.com

と、

スマホ用サイトhttp://abc.com/smartphone

 

があって、

PCでアクセスしたユーザーには

PC用サイトhttp://abc.com

を表示させて
スマホでアクセスしたユーザーには

スマホ用サイトhttp://abc.com/smartphone
を表示させるといった方法です。

 

 

つまり、

ユーザーのアクセスしたデバイス毎に
それぞれにあったサイトを

強制的に表示させる方法です。

 

 

2のレスポンシブWebデザインとは、
アクセスしたユーザーの

デバイスの横幅に合わせた
表示をする方法です。

 

 

下記のWebサイトを

ご覧いただいた方が早いかもしれません。

 

※PCからご覧ください

CASIOのGショック

http://g-shock.jp/

 

 

おそらく、

今はあなたのPCの横幅でページも表示されています。

 

これがPCの幅で確認した時のデザインです。

 

次に、

現在見ているブラウザ(IEやFirefox、Chrome、Safari...etc)の
横幅をグーッと狭めてみてください。

 

デザインというよりレイアウトが変化しませんか?

 

 

そう。

スマホに最適化されたレイアウトに変化したかと思います。

 

 

これがレスポンシブWebデザインで

制作されたサイトです。

 

URLは変化しません。

 

 

同じURLでアクセスするデバイスの横幅によって
レイアウトが変化するだけです。

 

 

◆それぞれにはメリットとデメリットが存在します

 

 

【ユーザーエージェントで振り分ける】

 

■メリット
・コストが比較的低い
・自由度が高い
・CVR(成約率)を高めることが比較的カンタン

■デメリット
・更新に手間がかかる(両方更新する必要があるため)

 

【レスポンシブWebデザイン】

■メリット
・SEO的に有利(Googleが推奨)
・更新が楽(1つのファイルの更新でOK)

■デメリット
・コストが高い
・自由度が低い(PCとスマホそれぞれを考慮する必要があるため)
・CVR(成約率)を高めるのが難しい(PCとスマホそれぞれを考慮する必要があるため)
・スマホでの読み込み速度が遅い
 →スマホでアクセスした場合もPC用の大きな画像を読み込むため、
  表示に時間がかかる

 

 

◆集客ツールとしてはどっちがいいの?

 

正直悩むところですよね。

 

レスポンシブWebデザインが現在主流になりつつも、
デメリットがあります。

 

いくらSEOに有利だと言われても、
スマホからのアクセスした際に表示が遅ければ、
多くの離脱を招くことになります。

 

 

※もちろん回避する方法はあります。

ただコストがかかります。

 

とはいえ、ユーザーエージェントで振分けても
別のデメリットがありますね。

 

 

うーん。

 

 

それぞれのいいとこ取りできるスマホ対応ってないんでしょうか。。。。

 

 

◆今日のまとめ

 

1、スマホ市場がアツい!

2、スマホ対応には2種類の方法がある

3、それぞれのメリット/デメリットを知ったうえで選択する

 

 

◆追伸

 

今回も最後までお読みいただきありがとうございます。

 

湘南WEB通信では、

WEBに関する耳寄りな情報をお送りしています。

 

 

ただし、この情報を得ただけでは

 

あなたの運営するWEBサイトの売上はあがりません。

 

実践してください。

 

 

情報を得ただけで

満足してしまう人も多いかもしれません。

 

 

情報は得ただけでは、意味がありません。

 

 

実践してこそ、身につき、よりいいアイデアが
生まれるものだと思います。

 


アーカイブ

2019

最新記事

湘南WEB通信メルマガ登録

本社

〒252-0804
神奈川県藤沢市湘南台1-7-9
フォーレ湘南台5階

TEL:(代表)0466-21-8884

お問い合わせはコチラ

湘南台駅より徒歩5分

渋谷オフィス

〒150-0044

東京都渋谷区円山町3−1小木曽ビル2F

渋谷駅より徒歩8分

静岡オフィス

〒417-0052

静岡県富士市中央町3丁目2-1 シゲノブビル3 206号室