navigation>年末年始休業につきまして【本日】誠に勝手ながら、全社員研修のため、2017年4月20日(木)の13:00以降はお電話によるサポート受付を休止させていただきます。TOPモバイルファーストマーケティングラボモバイルファーストマーケティングラボGoogleがレスポンシブウェブデザインを推奨する3つの理由2012.08.202020.01.24スマートフォンHOME経営Googleがレスポンシブウェブデザインを推奨する3つの理由こんにちは。aishipの上林です。今回は情報サイトでも何度か取り上げています、「レスポンシブウェブデザイン」について改めて整理し、Googleが何故レスポンシブウェブデザインを推奨するのか、について考えてみたいと思います。レスポンシブウェブデザインとはレスポンシブウェブデザインとは、ウィンドウサイズに合わせて、自動的にページのデザインやコンテンツ配置が最適化する技術のことを言います。sensehttp://foodsense.is/実例を見ていただくのが一番わかり易いので、上記のサイトにアクセスしてブラウザのウィンドウを狭めたり、広げたりしてみてください。スマートフォンやタブレット端末からアクセスして、レイアウトの違いを見ていただいてもかまいません。このように、ブラウザのウィンドウサイズが異なっても、自動的にアクセスするブラウザのサイズに最適化されたサイト構成を表示することができる技術になります。今レスポンシブウェブデザインが注目されるのか今まではウェブサイトの構築といえば、パソコンの画面をメインとした構成が考え方の中心でした。現在、スマートフォンの急速な普及でサイト制作はスマートフォンの小さな画面でも見やすく、また操作がしやすいコンテンツを構築する必要が出てきています。急速に普及するスマートフォンに対応するため、既存のPCサイトの構成をベースにスマートフォン用にサイトを作り替えていくのではなく、モバイルユーザーにとって使いやすいコンテンツ構成をまず先に考え、モバイルをベースにしてPCサイトへと構築を広げていく「モバイルファースト」という概念が生まれてきました。その際にPCサイト、スマートフォンサイトと別々に構築をしていては、事実上2つのサイトを管理しなければならず、運用の面では非常に手間がかかることになります。(更新作業だけでなく、チェック作業、アクセス解析なども2倍の手間かかってしまう)同じHTMLソースを使って管理ができるレスポンシブウェブデザインを使ったサイトでは、そのような負荷を大きく軽減できるものとして、今注目を集めています。Googleがレスポンシブウェブデザインを推奨する理由2012年6月にGoogleが「スマートフォンに最適化されたサイトの構築」というタイトルで、以下の文面を発表しました。https://developers.google.com/webmasters/smartphone-sites/detailsこれによると、Googleは次の3つのサイト構成をサポートするとあります。1,レスポンシブウェブデザインを使用しているサイト。2,すべてのデバイスに対し単一のURLで、ユーザーエージェントに応じてデスクトップ用かモバイル用かなどを判断して動的に異なるHTMLとCSSを提供するサイト。3,モバイル用のサイトとデスクトップ用のサイトを別々に構築しているサイト。今のサイトの多くが、2もしくは3を採用していることと思います。ECサイトに関しても、同様に2、3が大半を占めています。レスポンシブウェブデザインをサポートする理由として、さらに以下の3つを挙げています。・1つのURLを使うことで、ユーザーがシェアしたりリンクを貼ったりすることが簡単になり、さらにGoogleのアルゴリズムがコンテンツを容易にインデックスしやすくなる。・デバイス毎に最適化されたサイトへのリダイレクトが不要。ユーザーエージェントによるリダイレクトは間違いが起こりやすく、ユーザーエクスペリエンスの品質低下を起こす可能性がある。・(サイト管理者にとっては)サイト管理のリソースも減らすことができ、Googleのクローラもー一度のクロールで済むので手間がかからない。多くのコンテンツをインデックスし、それらを最新の状態に保つことに間接的に役立つかもしれない。レスポンシブウェブデザインはユーザー、サイト管理者、そしてGoogleにとっても非常に魅力的な技術であることは、間違いなさそうです。まとめレスポンシブウェブデザインはスマートフォンだけでなく、あらゆるモバイルデバイスに対応できる技術ですが、メリットばかりではありません。PC用の画像やCSSを読み込むため、今のモバイルの脆弱なインターネット回線では読み込みに時間がかかる可能性もあり、過度なリッチコンテンツを入れ込む場合はユーザーにとってストレスを与えてしまう場合もあります。現状ではコンテンツを重複させたまま、サイトの容量を軽くする工夫が必要ですが、2年後を見据えた場合、LTEの普及で高速無線通信が一般的なものとなれば、そのような懸念も解消されていくと思われます。2015年にはPCの利用者をモバイルの利用者が超えるとの予測もあり、(日本ではさらに早く来る予測も)モバイル端末の市場は今後も成長を続けていくでしょう。そのような市場動向や、モバイルの特性を理解した上で、「モバイルファースト」時代のサイト構築の手法としてレスポンシブウェブデザインを採用することは、大きなメリットがあるのではないでしょうか。ECサイト運営者の方も2年先くらいを見越して、モバイルが中心のレスポンシブウェブデザインECサイトを検討し始めてもよいかもしれません。上林”スマホで売れる”ためには必須の「レスポンシブECサイト」とは?2019年、ECサイトの利用者は今やスマ―トフォンからが7割を超え、市場のニーズは完全にPCからスマホに転換しました。検索エンジン大手のGoogleも「モバイルファーストインデックス」を打ち出し、スマホ対応の手段として正式に「レスポンシブWEBデザイン」を推奨しています。そのような背景から、昨今のEC市場ではスマートフォンへの適切な対応が急務となっており「レスポンシブECサイト」のニーズが非常に高まってきています。本パンフレットではECサイト運営を取り巻く環境の変化を、レスポンシブECサイト構築導入実績No.1のプラットフォームである「aishipR」の機能や実績を踏まえながらまとめました。・レスポンシブECサイトがなぜ今選ばれるのか・これまでのECサイトの課題とは何なのか・どのようにすれば解決できるのかといったノウハウから、プラットフォーム変更で得られる効果の実例まで網羅して解説しています。ECサイトの運営されておられる経営者様だけでなく、運営担当者様にも必ずお役に立つ内容となっておりますので、是非ご活用ください。無料パンフレットを請求するABOUTモバイルファーストマーケティングラボとは、スマートフォン/タブレット/PCに対応したレスポンシブECサイトの構築や成功事例の最新情報を発信するブログです。投稿一覧15歳の時に初めて携帯電話を手にして約15年。モバイルの面白さ、奥深さに魅了されて入社。中心に業種問わず様々なクライアントをサポートしております。合わせて情報サイト、「モバイルファーストマーケティングラボ」の編集長として、毎日モバイルマーケティングの情報を発信中。ECによってより便利で過ごしやすい世の中を作るお手伝いができればと思います。「インターネットでより豊かな人生を」がモットー。2016.03.11今回はサイトのリニューアルやショッピングカートの乗り換えを検討されているEC事業者様向けに、主要ASPを比較を2回に分けて解説してみたいと思います。2014.03.03みなさんこんにちは、ロックウェーブの岡本です。今週月曜日も最新の市場動向や調査結果、キャリア各社の動きなどをご紹介いたします。コメントをキャンセルメールアドレスが公開されることはありません。コメント名前メールアドレスサイト次回のコメントで使用するためブラウザーに自分の名前、メールアドレス、サイトを保存する。サイト内検索スマートフォンカテゴリの最新記事2019.02.01スマホからの売上UP!後払い決済を導入すべき理由とは2018.09.14ECサイトには必須?Google提唱のマイクロモーメントの意味と対策2018.06.06インスタグラムからECサイトで直接購入可能に!ショッピング機能「ShopNow」が日本解禁。自社ECサイト運営でASPをオススメする理由モバイルファーストラボ。