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

関連記事

  1. Web関連

    その負担軽減しましょう!更新業務を楽にするサービス・ツール紹介

    『働き手が足りない、人手不足』飲食店やホテル業界を筆頭に、今はどこ…

  2. Web関連

    騙されるな!ネットのデマで人が死ぬ時代。デマに振り回されないために

    大量買いしましたか?トイレットペーパー。26度の白湯飲んでみちゃっ…

  3. Web関連

    初めてでもわかる! Photoshopの基礎

    PhotoshopやIllustrator等のデザインソフトは、デザイ…

  4. Web関連

    業種別に採用サイトの違いをまとめてみた

    2016年度の就職活動もはじまり、新しい採用サイトを公開する企業も増え…

  5. Web関連

    顧客に物を買わせる第一歩!

    通販番組のフライパンが気になっているIAの加藤です。最近、なぜ…

  6. Web関連

    コラムのチェック方法 ~一次チェック編~

    主に中小企業で活発に行われている、社員執筆によるコラムページ。ティファ…

おすすめ記事

最近の記事

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

アーカイブ

  1. Web関連

    ホームページ更新時に見直したい。事例から学ぶサイト小改善
  2. AI関連

    【人工知能(AI)×エネルギー】エネルギー社会でのAIの役割
  3. AI関連

    物流業界にもAIを! 深刻な人材不足を人工知能がアシスト!
  4. Web関連

    今からでも遅くない!ECサイトについて学ぶ ~ショッピングカート編~
  5. Web関連

    こんなものもあるの?面白い採用方法
PAGE TOP