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

スマホ・タブレット最適化に「レスポンシブ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サイト対応に取り掛かりましょう。

関連する記事

Webサービス・ECの海外展開における最適化戦略... インターネット上のサービスは、日本に居ながら簡単に海外の方へリーチできるという素晴らしい特徴を持っています。しかしながら、海外展開というのは難しく、自国で上手くいっているものをそのまま海外へ展開するだけでは成功しないことが多いのです。 日本ではトップクラスの存在力を誇る楽天ですら、インドネシア、中...
海外ECサイト運営を成功に導くための5つのポイント... 日本国内でECサイトを立ち上げて、一気に成長して伸び幅が少なくなってきた人もいれば、なかなか芽が出てこない人もいるでしょう。そんなときに、「海外に進出しよう!」という考えが浮かんでくるのも不思議ではありません。ECサイトはオンラインビジネスですので、開業にかかるコストがあまりかからず、海外進出するに...
色がもつイメージ:安心と信頼をメッセージする=ブルー効果... 色が何らかのサインを送りだしていることは誰もがよく知っている。誰がどんな色を選ぼうと、共通しているのは、その色に対して人は反応するということだ。私たちは色に条件反射し、気づくこともない。色に対する反応は直観的反応とも言われ、個々の色は人の本能的な反応と密接に関係し、その反応は生理的、感情的、環境...
多様化するECサイトの決済サービス ECサイトにおいて、決済サービスの選択肢をたくさん揃えておくことは、お客様を逃さない、コンバージョン率向上の重要な要因である。 実際の調査データでも、ECサイトで商品を購入しようとした際、希望する決済手段がないため、別サイトで購入した。または、買い物自体をやめたという割合は、49.8%(マ...
保護中: 中国Eコマース最新情報 Macyが中国ECを一時中断した理由とは?... Macy'sをご存知でしょうか? アメリカではとても有名な小売店でオンラインストアでも世界中のユーザーに支持されているサイトです。そのMacyですが、中国大陸にもマーケットを拡大しているようですが、結果的にはこのマーケットではうまくいっていないようです。やはり中国市場での越境ECは難しい...
モバイルサイトの検索エンジン対策上、絶対に避けたい5つの間違い... 2011年末、Googleはスマートフォン版 Googlebot-Mobile を導入しました。スマートフォンユーザーを意識した初めての動きです。限られたスマートフォンの表示画面で、PCサイトと同様のユーザーの検索体験を提供する目的から、「PCサイトとは異なるルールを適用します」と示された瞬間でもあ...

タグ: , , , , ,

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

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