« ブログのトップページに戻る

スマホ・タブレット最適化に「レスポンシブWebサイト」がベストな理由

   投稿者 : 2013年4月25日 By

スマートフォンやタブレットの利用者数の増加にあわせ、Webサイトへのアクセス数のモニタリングから「スマホ最適化の必要性」を実感している人も多いでしょう。

昨年あたりからレスポンシブWebデザインとよばれる、PCやスマホ、タブレットなどあらゆるデバイスに対応するWebページ制作の手法が増えてきました。今回は、レスポンシブWebデザインの導入メリットを、3つの観点からご紹介しましょう。


レスポンシブWebデザイン(Responsive Web Design)は、PC、タブレット、スマートフォンなど、あらゆるデバイスに最適化したWebサイトを、単一のHTMLで実現する制作手法です。

ブラウザーのスクリーンサイズを基準にCSSでレイアウトを調整することで、デバイスごとに専用サイトを用意することなく、マルチスクリーンに対応したWebサイトを制作できます。
(出典: ascii.jp「ゼロから始めるレスポンシブWebデザイン入門」より )

レスポンシブWebデザインの3つの特徴

1.検索エンジン最適化(SEO)

PC用とモバイル用のサイトとを別々に構築していると、それぞれサイトURLが異なるので、モバイル用のディレクトリでないと正しく表示ができないことがあります。また、検索サイトの表示結果にスマートフォン用のサイトURLが表示され、意図しないページにユーザーを誘導してしまう事態にもなりかねません。

Googleのウェブマスター向け公式ブログによると、

PC 用のページとモバイル用のページを単一の(同一の) URL とすることができるため、ユーザーにとってはシェアやリンクが容易であり、Google のアルゴリズムにとってはコンテンツを適切にインデックスできるようになります。(http://googlewebmastercentral-ja.blogspot.jp/2012/06/google.html)

と語り、検索エンジン最適化(SEO)の面でレスポンシブ Webデザインでのサイト制作を推奨しています。

2.サイト更新管理(SEO)

レスポンシブWebデザインの魅力の一つに、1種類のHTMLソースでそれぞれのサイト更新を管理できることがあります。たとえば、PCサイトとスマホサイト、またipadのようなタブレットサイトと3種類のWebサイトをそれぞれ別々に管理していた場合、3種類のサイト向けに更新作業が必要になります。
既にタブレットも複数サイズで展開されており、今後もあらゆる端末に最適化を実施していくとなるとサイト更新の効率化を考えてもレスポンシブ Webデザインは有効手段となりそうです。

3.サイト効果

米TIME誌はレスポンシブWebデザインを採用した結果、次のような変化があったとまとめています。

・モバイルユーザーが23%増加
・Webサイトのユニークユーザーは15%増加
・滞在時間は7.5%増加
・モバイルユーザーの直帰率は26%減少

次に、ネクタイを販売しているアメリカのEコマースサイト「Skinny Ties」がレスポンシブWebデザインを採用した結果です。

・すべての端末で収入が42%増加
・コンバージョンレートが13.6%増加
・iPhoneでの収入が377.6% 増加
・iPhoneでのコンバージョンレートが71.9%増加
・滞在時間が44.6%の増加
・直帰率は23.3%減少

このように直帰率の減少と、Eコマースサイトにおいては収益の増加と、良いインパクトを得られていることがわかります。

まとめ

2016年、スマートフォンの契約端末数の67.3%になると予測されており、スマホ最適化は待ったなしの状況です。レスポンシブWebデザインはスマートフォンだけでなく、あらゆるモバイル端末にも対応できる魅力的な技術であることは間違いありません。

スマホ最適化が出来ていないサイトは、今すぐレスポンシブWebサイト対応に取り掛かりましょう。

関連する記事

越境EC “言語”のハードルを超えるには... 越境ECの第一のハードルは言語である。国内ECサイトから仕様を海外販売のサイトにチェンジしサイトを構築するには、まずサイトを日本語で作成し、そのあとに、英語、中国語などにテキストを翻訳していく必要がある。 日常会話ならなんとか訳すことはできても、越境ECの場合、商品情報や専門用語などユーザー...
パソコンかスマホか?インターネットの利用状況はどう変化している?... 昨年の総務省が公表した情報通信機器の普及状況データによると、国内のパソコン世帯普及率は、78.0%なっており、パソコン以外ではスマホ普及率は64.2%、タブレットは18.4%とスマホ普及が、ここ5年で急速に進んでいる状況(下図参照)を明らかにした。そのような中で、今年4月8日にニールセン株式会社...
多様化するECサイトの決済サービス ECサイトにおいて、決済サービスの選択肢をたくさん揃えておくことは、お客様を逃さない、コンバージョン率向上の重要な要因である。 実際の調査データでも、ECサイトで商品を購入しようとした際、希望する決済手段がないため、別サイトで購入した。または、買い物自体をやめたという割合は、49.8%(マ...
自社サイトで新規流入を増やす為にキーワード調査をどうやってやる? Google で利用できる無料ツー... Eコマースに欠かせないSEO(検索エンジン最適化)を、皆さんは意識しているはずです。実は、自社の商品が、どういった検索ワードを入力されて買い手の目に留まったか!? それを知らせてくれる便利なツールを、Googleは既に提供しています。今回は、その“Google Keyword Planner To...
デバイス毎のWebブラウザシェアは? 2017−12月... 前回、2017年9月からブラウザシェアはどのような変化が見られたか。Google Chromeはどこまでシェアを伸ばしたか、MicrosoftのIE11や Edgeのシェアは、どこまで伸びたのか。Iphoneが販売され、シェアは伸びたのだろうか? 今回は12月の日本と世界の各ブラウザシェア...
フランスの靴下専門ECによる、虹色のウェブデザイン... 日本国内における、靴下専門のオンラインストアといえば、まず思い浮かべるのがTabioでしょうか。同社のECサイトを見てみると、1列4枚のサムネイル画像を掲載し、各画像に “コンテンツ”を持たせています。例えば、「浅野忠信コラボ」や「オシャレ読モの足もとコーデ」などです。しかし...

タグ: , , , , ,

このエントリーをはてなブックマークに追加
 

今なら海外展開の為の成功BOOKを無料ダウンロードできます。是非この機会にお読みください。