navigation>年末年始休業につきまして【本日】誠に勝手ながら、全社員研修のため、2017年4月20日(木)の13:00以降はお電話によるサポート受付を休止させていただきます。TOPモバイルファーストマーケティングラボモバイルファーストマーケティングラボ楽天サイトから自社ECサイトへ簡単にレスポンシブ対応させる3つのステップ2015.11.062016.05.13スマートフォンHOMEレスポンシブWebデザイン楽天サイトから自社ECサイトへ簡単にレスポンシブ対応させる3つのステップみなさんこんにちは、セールス部岡村です。今年も残すところあと2ヶ月となりました。今年も多くのECサイトがレスポンシブwebサイトを導入され、また来シーズンに向け導入検討をされておられます。私自信、毎月50社以上のECサイトを運営される事業者様とお会いするのですがその中で様々な質問を頂きます。その中でも一番多く頂く質問が、「レスポンシブwebサイトには興味あるけど簡単にできるの?」という質問です。楽天やYahooなどモールに注力していた事業者様の多くは楽天RMSのイメージが強く、「PCサイト」「スマートフォンサイト」と別々に構築されておられるので、一つのソース、画像でサイトを構築するイメージが湧いてこない方が多くおられます。そこで今回は楽天サイトをベースに自社ECサイトを構築するポイントを解説していきます。ステップ3:楽天CSV情報で商品情報を登録するステップ1:PCサイトを各パーツに分ける今回は弊社のレスポンシブECサイトプラットフォームaishipRをお使いのリネアストリア様のサイトを事例に解説致します。楽天のPCサイトを【ヘッダ】【アサイド】【メイン】【フッタ】に大きく切り分けます。レスポンシブwebサイトでPCサイトをそれぞれのパーツに切り分けPC/スマホで表示した際にどのように表示させるかレイアウトを決定します。ステップ2:必要なパーツだけデバイスに合わせたデザインを作成するレスポンシブwebデザインを導入される懸念点の一つにソースやバナーを一つに統合するので自由なデザインができないのではないか?というご質問を良くいただきますが、自由なデザインは可能です。基本的には同一のバナーやソースを使いまわしますが、【PC】と【スマートフォン】では【マウス操作】と【タッチ操作】でユーザの動きが全く違うのでそれぞれのデバイスの特徴に合わせたサイト表示をしてあげることが重要です。ヘッダーのメニューでもPC用のヘッダーメニューとスマホ用のヘッダーメニューを用意して上げることにより読み込むピクセルサイズによって表示を切り替えます。ちなみに弊社aishipRを使うとこの切替もボタン一つで簡単に切り替えが可能です。ステップ3:楽天CSV情報で商品情報を登録する次に楽天に登録している商品情報を登録します。現在ご利用中の商品情報CSVを自社ECサイト用にレイアウトを編集し簡単に登録することができます。ここで注意すべき点は楽天などのモールとまったく同じ情報を登録してしまうとGoogleの検索エンジンからコピーページ(重複コンテンツ)と見なされてしまい検索順位に影響がでる可能性があるということです。弊社サービスをご利用頂く事業者様の多くも「モール」「自社サイト」と多店舗展開されてますが、月商数千万規模の事業者様になると楽天は画像、自社サイトはテキスト+画像で登録をして重複コンテンツとならないように調整をされているケースもあります。ちなみに楽天やYahoo等とのモールとの受注情報/在庫情報の連動は「ネクストエンジン」や「クロスモール」のような外部システムを使うことによりより一層、運用の手間が省くことができ便利です。まとめ自社本店サイトに力を入れようとするとどうしてもリソースがかかってしまいます。楽天やYahoo等多店舗展開をされておられる事業様であればこれまで以上にコストがかかってしまいます。これまで築き上げた楽天サイトのコンテンツをできる限り流用し、PCサイト/スマホサイトを別々に構築するのではなく最低限のリソースで自社ECサイトを構築するのであればレスポンシブwebデザインが有効な手段といえます。岡村”スマホで売れる”ためには必須の「レスポンシブECサイト」とは?2019年、ECサイトの利用者は今やスマ―トフォンからが7割を超え、市場のニーズは完全にPCからスマホに転換しました。検索エンジン大手のGoogleも「モバイルファーストインデックス」を打ち出し、スマホ対応の手段として正式に「レスポンシブWEBデザイン」を推奨しています。そのような背景から、昨今のEC市場ではスマートフォンへの適切な対応が急務となっており「レスポンシブECサイト」のニーズが非常に高まってきています。本パンフレットではECサイト運営を取り巻く環境の変化を、レスポンシブECサイト構築導入実績No.1のプラットフォームである「aishipR」の機能や実績を踏まえながらまとめました。・レスポンシブECサイトがなぜ今選ばれるのか・これまでのECサイトの課題とは何なのか・どのようにすれば解決できるのかといったノウハウから、プラットフォーム変更で得られる効果の実例まで網羅して解説しています。ECサイトの運営されておられる経営者様だけでなく、運営担当者様にも必ずお役に立つ内容となっておりますので、是非ご活用ください。無料パンフレットを請求するABOUTモバイルファーストマーケティングラボとは、スマートフォン/タブレット/PCに対応したレスポンシブECサイトの構築や成功事例の最新情報を発信するブログです。投稿一覧aishipR新規導入クライアント様への「売れる仕組み」をご提案しています。前職のアフィリエイトASPで培ったweb広告の知識を+α!新規サイト立ち上げだけの提案に留まらない、多角的なご提案・ご案内をさせて頂きます。)のスマートフォンサイトを取り上げたいと思います。2014.03.12大手ストックフォトサイト「gettyimages」の画像を、非商用限定ながら無料でブログに埋め込むことが出来るようになりました。2011.11.01今回もスマートフォンだから出来る便利と思うサイトを紹介したいと思います。スマートフォンはケータイ(従来型携帯電話)よりも利便性が高いものです。コメントをキャンセルメールアドレスが公開されることはありません。コメント名前メールアドレスサイト次回のコメントで使用するためブラウザーに自分の名前、メールアドレス、サイトを保存する。サイト内検索スマートフォンカテゴリの最新記事2019.02.01スマホからの売上UP!後払い決済を導入すべき理由とは2018.09.14ECサイトには必須?Google提唱のマイクロモーメントの意味と対策2018.06.06インスタグラムからECサイトで直接購入可能に!ショッピング機能「ShopNow」が日本解禁。自社ECサイト運営でASPをオススメする理由モバイルファーストラボ。