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

スマートフォンやタブレットの利用者数の増加にあわせ、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サイトでは商品購入や資料の申し込み、企業サイトでは求人募集や製品資料の請求などである。 そして、その最終目的がどの程度達成されているか、その確率を「コンバージョン率(CVR)」と呼んでいる。 この「コンバージョ...
今さら聞けない? SEO内部対策の基本 前回はユーザビリティについて書いたが、今回はSEO対策についても再確認してみたいと思う。こちらもユーザビリティと同様に継続的な見直しが必要な項目である。SEO対策とはズバリ、googleなどの検索エンジン対策である。 検索エンジンは日々サイト内の情報を収集し、その情報やコンテンツは評価され、...
越境ECのドメイン 7つの基本ルール 越境ECをはじめるときに重要なポイントなるのが、どのようなドメインが良いか?ということだ。ドメインは希望したものが取得できないケースもあるので、早めに行うのが賢明だ。 越境ECの場合、ドメインは国、地域ごとに分けたほうがいいのか?また、言語ごとのURLをどう設定するか?など、取得する前に迷...
Webサービス・ECの海外展開における最適化戦略... インターネット上のサービスは、日本に居ながら簡単に海外の方へリーチできるという素晴らしい特徴を持っています。しかしながら、海外展開というのは難しく、自国で上手くいっているものをそのまま海外へ展開するだけでは成功しないことが多いのです。 日本ではトップクラスの存在力を誇る楽天ですら、インドネシア、中...
お客様はここで離脱してるかもしれない:クレジットカード入力を最適化する8項目... ECサイトでは通常、お客様情報を入力した後に、決済(支払い)方法に遷移する。 その時、クレジットカード決済を選択した場合には、お客様は、カード番号や有効期限などのカード情報を入力する必要がある。説明が不十分なために、ここで離脱する割合が多い。 今回は、クレジットカード情報の入力内容で気を...
越境ECで売り上げ好調なサイト -NO.2 –... 日本では国内向けEC市場は成長を続けるものの、少子高齢化問題など、一部市場では伸び率に翳りが見られる分野もある。そのような中、早い時期に国内から海外に視点を変えることで、成功している企業も多い。12月20日のジェトロの報告書にもあるように海外販売で日本の商材を販売するという市場は魅力的な分野...

タグ: , , , , ,

コメント / トラックバック1件

  1. […] さらにGoogleは、2013年3月に「携帯端末に最適化されたウェブサイトの構築方法」を紹介しています。そこでは、サイト構築の方法としてレスポンシブウェブデザインが推奨されています。これは、以前にも紹介しましたがレスポンシブウェブデザインに早期に対応することで、URLの統一ができるため、デバイス毎にリンク先を変更して「間違いを犯すリスクを軽減できるからです。 スマートフォンユーザーに対して、PCサイトページを表示することで、「サイトが最適化されていない」と判断されることに不安を抱くサイト管理者も多いのではないでしょうか。スマートフォンでECを利用している人が年々増えていることからも、今回のGoogleの動きを見逃すことはできません。ランキング変更の影響を受ける前に、リンク先ページの見直しと修正を行ないましょう。 […]

コメントをどうぞ