Web関連

ECサイト レスポンシブデザイン化のメリット・デメリット

0

突然ですが、皆さんはネットショッピングを利用していますか?

このご時勢に、ネットで買えないものはないのではないでしょうか。私もアマゾンを使ってPCの周辺機器やゲーム、コミック、洋服などいろんなものを買ってきました。
スマートフォンも普及しているので、ネットショッピングをいつでもどこでも行えます。

PCを利用する人、スマートフォンを利用する人、タブレット端末を利用する人。いろんな媒体でECサイトは利用されています。PC専用サイト、スマホ専用サイトをそれぞれ準備している企業や、レスポンシブデザインを使用している企業それぞれあります。

今回はECサイトをレスポンシブデザイン化した際のメリットデメリットについて紹介しようと思います。

レスポンシブデザインのメリット

レスポンシブデザインを取り入れることのメリットは以下の通りになります。

・webサイトの管理と更新が楽になる。
・デザインが統一されるので、ブランドとしてのイメージが作りやすい。
・SEOの対策にもなる。
・コストが低い。
・いろんなデバイスに対応ができる。
など
これらのメリットについていくつか見てみます。

ec_150425_01.jpg

更新作業が楽

ECサイトではやはり更新作業が多くなりますよね。商品の仕入れや在庫管理など時間に関係なく行わないといけません。PCサイトとスマートフォンサイト2つ持っていたら2つとも行わないといけないので時間が掛かってしまいます。
これをレスポンシブ化したらどうでしょうか。1つのファイル・ソースを更新するだけですので、PC・スマホそれぞれのページを更新する時間の半分で済みます。

残った時間で何ができますでしょうか?商品ページの充実化、コンテンツページ構築、プロモーションなどに時間を割くことができるのではないでしょうか。

SEO対策もできるの?

SEO対策もできると思わないですよね。
実は、レスポンシブデザインをGoogleが推奨しているのです。ユーザーの利便性、運用コストの節約など。また、Googleの都合でもありますが、PC用・スマホ用にページが存在していることを知らなくてもよくなること、Googlebotがサイトを巡回する手間が省けるなどの理由もあります。

サイトを運営する上で、自社やユーザー・クライアントだけではなく、Googleのことも考える必要がありますね。

レスポンシブデザインのデメリット

レスポンシブデザインを取り入れることのデメリットは以下の通りになります。

・ページの読み込み速度が遅い
・デバイス毎にコンテンツを分けることができない。
・IE8以下ではうまく表示されない。
など
これらがデメリットとして上げられます。

デバイス毎にコンテンツが分けられない。

メリットで、1つのファイル・ソースでの更新だけでいいから楽と話させていただきましたが、一方でデメリットが発生してしまいます。
デバイス毎にユーザーに見せたいものを分けることができなることです。「PCではこの売り上げが高いから、この商品の訴求を強くしたい。スマホではあの商品を強く打ち出したい」ということができません。
PC・スマホサイトを別々に作るでは、デバイス毎にコンテンツを分けることができるがメリットになります。

 

あとがき

レスポンシブデザインとPC・スマートフォンを分けたサイトのメリットデメリットは相反します。レスポンシブのメリットの逆がPC・スマートフォンを分けたサイトのデメリットという感じです。
どれを導入するかは、サイトの最終的目的につながりますので、ECサイトの運用をよく考える必要があります。

最後に、ECサイトをまとめたサイトを紹介します。

TAU MAGAZINE
http://www.tau-magazine.com/blog/archives/category/web/ec

上記のサイトにてECサイトがまとめられています。レスポンシブ対応しているサイトもありますので、参考までに見てみてください。

ホームページ制作でお困りの方はホームページ制作会社ティファナにご相談ください!

お問い合わせはこちらから

関連するサービス

ECサイト構築

システム開発

サイト内検索システム

関連コラム

よく見るECサイト売り上げアップのまとめ
楽にできる?!レスポンシブWEBデザイン

0

仕事に役立つiPhoneアプリ(上)前のページ

ブログを書く時に注目すべきSEO対策まとめ~後編~次のページ

ピックアップ記事

  1. 新しい販売形態であるDtoCについて考えてみる
  2. AIに求められているものは、実は意外な物だった
  3. 新型コロナウイルスで日本の働き方改革が起こる
  4. 大手企業も注目するMaaS(Mobility as a Service)とは何か…

関連記事

  1. Web関連

    苦情対応はWebサイトでもできる!クレームを活かす対応方法!

    こんにちは。ISO10002取得のお手伝いを少しだけしていた真野です。…

  2. Web関連

    知っておけば失敗しない?MA導入の失敗談・・・

    マーケティングオートメーションという言葉が日本で広まり始めたような気が…

  3. Web関連

    単語の覚え方から実際の利用シーンまで。個人的オススメ英語学習サイト3選

    こんにちは。学生時代、英文学科なのに人見知りすぎて留学生とコミュニケ…

  4. Web関連

    O2O、海外ではおもしろい展開をしているようですよ

    マクドナルドのアプリのクーポン機能が最近変わりましたよね!テレビの…

  5. Web関連

    ヤフオク初心者が、ECサイトとは違う気になる点をピックアップしてみた

    こんにちは、デザイナーの角田です。皆さんは、ネットオークション…

  6. Web関連

    今さら聞けない、Google タグマネージャ活用方法

    こんにちは。育児に家事に大忙しのディレクター、望月です。今…

おすすめ記事

最近の記事

  1. 人間拡張×AIで非接触なデジタル化を推進する
  2. ヘルスケアはAI先生にみてもらう時代
  3. withコロナは非接触技術で生活しよう!
  4. デジタル接客+AIで非接触を推進する
  5. 遠隔診療や遠隔医療普及のポイントはAIと5G

アーカイブ

  1. Web関連

    顧客がいないならば育てればいいじゃない。マーケティングオートメーション(MA)ツ…
  2. Web関連

    こんなものもあるの?面白い採用方法
  3. Web関連

    CMS構築としての静的サイトジェネレータの活用について
  4. Web関連

    ホームページ制作会社が紹介するグローバルナビゲーションの情報分類4パターン
  5. Web関連

    今更聞けない!!レスポンシブ対応のメリット・デメリット
PAGE TOP