1
基幹システムや在庫・受注管理と連携している
連携範囲が広い
ECサイトで受け付けた注文を販売管理システムへ渡し、在庫数、顧客別価格、出荷状況などを連携している場合、EC基盤の変更は社内業務にも影響します。 新しい画面を作るだけではなく、データ項目、連携時刻、エラー処理、再送方法まで確認が必要です。
ECサイトのスマホ対応をどう進める？全面リニューアルが難しい場合の選択肢
「ECサイトをスマートフォンで見やすくしたいが、基幹システムとの連携があるため簡単には改修できない」「古いECカートを使っているものの、受注や在庫管理は問題なく動いているので、全面リニューアルには踏み切れない」。このような状況で、スマホ対応の方法を探している企業は少なくありません。
商品数や会員データが多いECサイト、独自の価格設定や承認処理を組み込んだBtoB ECでは、画面だけを新しくするつもりでも、受注・在庫・会員・決済・基幹連携まで確認対象が広がります。
ただし、EC基盤全体のリニューアルと、スマートフォンでの表示・操作の改善は、必ずしも同時に行う必要はありません。
このページでは、既存ECサイトを継続利用しながらスマホ対応する方法、部分改修とスマホ自動変換の違い、当社サービス「movo（ムーボ）」が適するサイト・適さないサイト、導入前に確認すべき画面やSEO上の注意点を解説します。
既存ECサイトをすぐにリニューアルできない主な理由
PC向けに作られたECサイトをスマートフォン対応へ変更する場合、見た目だけでなく、商品・会員・注文・決済などの処理も確認しなければなりません。 特に長年利用してきたECサイトでは、導入当初から追加された機能や外部連携が多く、現在の仕様を一度に把握できないこともあります。
2
独自カスタマイズが多く、影響範囲を確認しにくい
旧来システム
得意先別価格、ロット・入数、見積承認、特殊な送料計算などを追加してきたECサイトでは、標準的なECカートへそのまま移せないことがあります。 開発資料が十分に残っていない場合は、現行システムの調査から始める必要があります。
3
商品・会員・注文履歴の移行量が多い
データ移行
商品点数、会員数、注文履歴が多いほど、移行データの変換、重複確認、文字コード、画像、会員パスワードなどの検討項目が増えます。 移行後も、金額、在庫、注文履歴、会員情報が正しく表示されるかを確認しなければなりません。
4
予算化・社内承認・切り替え時期に制約がある
計画に時間が必要
ECサイトの全面刷新は、制作部門だけで決められるとは限りません。 情報システム、物流、経理、営業、カスタマーサポートなどの確認が必要になり、繁忙期を避けた公開日程や利用者への案内も検討します。
確認したいこと：
古いECサイトであっても、現在の受注業務に合い、安定して稼働している場合があります。
経過年数だけで刷新を決めるのではなく、保守期限、セキュリティ、障害リスク、運用費、今後必要な機能を確認したうえで判断します。
EC基盤の刷新とスマホ表示の改善は分けて考えられます
「レスポンシブ化できないから、スマホ対応もできない」と考える必要はありません。 ECサイトには、注文や在庫を処理する基盤と、利用者が見る画面があります。変更する対象を分けると、既存システムを維持したまま改善できる範囲が見えてきます。
| 範囲 | 主な内容 | スマホ対応での考え方 |
|---|---|---|
| EC基盤・業務処理 | 商品、在庫、会員、受注、決済、出荷、基幹システム連携 | 現在の処理を継続できるなら、そのまま利用する選択肢があります |
| 利用者向けの表示 | ヘッダー、メニュー、商品一覧、商品詳細、カート、入力フォーム | 文字サイズ、配置、表示順、ボタンなどをスマートフォン向けに変更します |
| 周辺機能 | 検索、レコメンド、チャット、アクセス解析、外部認証、決済画面 | サービスごとに、変換対象・対象外・外部遷移後の表示を確認します |
EC基盤に大きな変更を加えず、利用者向けの表示だけを先に改善できれば、全面リニューアルまでの期間にもスマートフォン利用者の不便を減らせます。 ただし、表示方法によって制約が異なるため、商品検索、カート、ログイン、決済などを実際のサイトで確認することが必要です。
既存ECサイトを全面改修せずスマホ対応する3つの方法
EC基盤を維持したままスマートフォンでの利用環境を改善する方法は、主に次の3つです。 ソースコードを変更できるか、PC版とスマホ版をどのように更新するか、カートや外部サービスを含めて確認できるかによって選択が変わります。
1
既存HTML・CSSを部分的に改修する
部分レスポンシブ化
現在のテンプレートにメディアクエリを追加し、画面幅に応じてレイアウトを変更する方法です。 ヘッダー、商品一覧、商品詳細など、利用頻度の高いページから対応することもできます。
- 既存ソースコードを変更できることが前提
- ページごとのHTML構造が異なる場合は、個別の調整が増える
- 古いJavaScriptや固定幅の表が多い場合は、改修範囲が広がることがある
保守担当者が現在の構成を把握しており、テンプレートの修正と動作検証を行える場合に検討しやすい方法です。
2
スマートフォン専用ページを別に用意する
PC／SP分離
PC版を残し、スマートフォン用のテンプレートやURLを別に用意する方法です。 スマートフォン向けの画面を個別に設計できますが、商品情報やキャンペーンの更新方法を決めておかないと二重管理が発生します。
- PC版とスマホ版の内容を同等に保つ運用が必要
- 端末判定、転送、canonical、alternateなどの設定を確認する
- スマホ側に存在しないページや誤った転送がないか検証する
スマートフォン用テンプレートを作成でき、PC版と共通のデータを利用できるシステムで採用しやすい方法です。
3
スマホ自動変換サービスを利用する
中継変換
PC版ECのHTMLを取得し、設定したルールに従ってスマートフォン向けの表示へ変換する方法です。 商品登録、在庫管理、受注処理などは既存EC側で継続し、スマートフォン向けの配置や表示要素を変換側で設定します。
- 既存ECの大規模なソース改修を避けやすい
- PC版の更新内容を利用してスマートフォン版を表示できる
- ログイン、カート、決済、外部ページなどは事前の適合確認が必要
基幹連携や独自カスタマイズがあり、EC本体への変更を抑えながらスマホ表示を改善したい場合に候補となります。
| 比較項目 | HTML・CSSの部分改修 | スマホ専用ページ | スマホ自動変換 |
|---|---|---|---|
| 既存ソースの変更 | 必要 | スマホ用テンプレートの追加が必要 | 大規模な変更を避けやすい |
| PC版との更新連動 | 共通テンプレートなら連動しやすい | 構成によって二重管理が発生 | PC版HTMLを利用して表示 |
| 画面設計の自由度 | 既存構造の影響を受ける | スマホ側を個別に設計できる | 元ページと変換方式の範囲内で調整 |
| 導入前の主な確認 | 既存コード、テンプレート、JavaScript | URL、転送、更新方法、SEO設定 | 変換適合性、主要画面、外部遷移 |
スマホ自動変換が候補になりやすいECサイト
スマホ自動変換は、すべてのECサイトに適した方式ではありません。 現在のEC基盤を継続する理由があり、主な課題がスマートフォンでの閲覧性や操作性にある場合に検討しやすくなります。
- PC版ECは安定して稼働しているが、スマートフォンでは文字やボタンが小さい
- 商品、在庫、受注、会員情報が基幹システムと連携している
- 独自カートや長年追加してきた機能があり、全面改修の影響範囲が広い
- 商品点数やページ数が多く、全ページを個別に作り直すことが難しい
- 現在の商品登録、受注処理、顧客対応の方法を継続したい
- ECサイトのソースコードを変更できない、または保守会社との調整に時間がかかる
- 次期リニューアルまで期間があり、それまでのスマホ表示を改善したい
- BtoB ECで、得意先別価格、ロット、見積、承認などの既存処理を残したい
判断方法：
上記に該当していても、画面構造、Cookie、ログイン、決済、外部サービスの仕様によって導入可否は変わります。
対象サイトを実際に変換し、主要な購入経路を確認してから判断します。
スマホ自動変換よりECリニューアルを優先した方がよいケース
現行ECの課題が表示だけにとどまらない場合は、スマホ自動変換よりも、EC基盤の刷新やカート移行を先に検討した方がよいことがあります。
1
EC基盤の保守期限やセキュリティに問題がある
基盤更新を優先
OS、ミドルウェア、ECパッケージが保守対象外になっている場合や、脆弱性への対応が難しい場合は、表示改善より基盤の更新が優先です。
2
商品構成や購入手続きを全面的に変更したい
業務・機能を再設計
定期購入、会員制度、決済方法、配送、価格体系などを大きく変更する場合は、画面変換だけでは対応できません。新しい業務要件を前提にEC基盤から設計します。
3
PC版を含めて情報設計やブランド表現を変更したい
サイト全体を刷新
商品分類、検索方法、コンテンツ、デザイン、ブランド表現をPC・スマートフォンの両方で見直す場合は、レスポンシブリニューアルの方が一貫した設計を行えます。
4
近い時期にカート移行が決まっている
重複投資を確認
新しいEC基盤の公開時期が近い場合は、スマホ自動変換にかかる費用と利用期間を比較します。短期間の利用であっても必要性が高いのか、現行サイトの部分改修で対応できるのかを確認します。
導入前に確認したい画面と機能
トップページや商品詳細が見やすくなっても、ログインや購入手続きで問題が起きればECサイトとして利用できません。 無料テスト変換では、日常的に使われる画面だけでなく、購入完了までの一連の操作を確認します。
| 区分 | 確認する画面・機能 | 主な確認内容 |
|---|---|---|
| 商品閲覧 | トップ、カテゴリ、商品一覧、商品詳細、検索、絞り込み | 文字、画像、表、価格、在庫、ボタン、ページ移動 |
| 購入手続き | カート、数量変更、配送先、支払い、確認、完了 | 入力欄、エラー表示、戻る操作、二重送信、完了画面 |
| 会員機能 | ログイン、会員登録、パスワード再設定、マイページ | Cookie、セッション、認証、履歴、登録情報の変更 |
| 外部サービス | 決済、3Dセキュア、外部認証、チャット、レコメンド | 外部遷移、復帰後の状態、別ドメイン、埋め込み表示 |
| 運用・計測 | キャンペーン追加、アクセス解析、広告タグ、更新反映 | HTML変更時の影響、計測継続、追加ページの対応方法 |
特に重要な確認：
ログイン後の画面や決済サービスは、未ログインの商品ページとは異なる仕組みで動くことがあります。
通常の閲覧だけで判断せず、利用者が実際に行う操作を想定して検証します。
SEOと表示速度は、変換後の実画面で確認します
Googleは、同じURLとHTMLを利用するレスポンシブWebデザインを、実装・保守を行いやすい方式として推奨しています。 一方で、動的配信やスマートフォン専用URLもサポートしており、方式だけで検索評価が決まるわけではありません。
- スマートフォン版でも、PC版と同等の主要コンテンツを表示する
- タイトル、meta description、見出し、画像の代替テキストを適切に引き継ぐ
- 商品、パンくずリストなどの構造化データをPC版とスマホ版で確認する
- 別URLを使用する場合は、canonical、alternate、端末転送を正しく設定する
- スマートフォン版だけエラーページや無関係なページへ転送されないようにする
モバイルファーストインデックスでは、主にスマートフォン版の内容が検索インデックスに使用されます。 そのため、スマートフォン側で説明文や商品情報を過度に省略せず、検索エンジンが主要コンテンツを取得できる状態にします。 詳細は、Google検索セントラルのモバイルサイトに関するガイドでも確認できます。
また、スマホ自動変換を導入すれば表示速度が必ず改善するわけではありません。 元ページのHTML、画像、JavaScript、広告・計測タグ、外部サービス、変換後の構造によって結果は変わります。 公開前後に実機と計測ツールで確認し、必要に応じて画像、不要な処理、表示順などを調整します。
movoはECサイトの計画に合わせて利用できます
当社のスマホ自動変換サービス「movo（ムーボ）」は、スマートフォン利用者と既存ECサーバーの間に変換用の中継サーバーを設け、PC版HTMLをスマートフォン向けに表示するサービスです。 利用目的は、次期リニューアルまでの対応だけに限りません。
1
次期リニューアルまでの期間に利用する
暫定対応
次期ECの要件定義や基幹連携に時間がかかる場合、現行ECのスマホ表示を先に改善し、その間にリニューアル計画を進めます。
2
既存ECを継続しながら中長期で利用する
現行基盤を継続
EC基盤が現在の業務に合っており、保守やセキュリティ上の問題がない場合は、商品・受注管理を維持しながらスマートフォン表示を管理します。
3
EC基盤の更新後もスマホ側の調整に利用する
再設定を確認
リニューアル後のHTML構造やURLがmovoの利用条件に合う場合は、継続利用も検討できます。 ただし、画面構造が変わるため、新しいECサイトに合わせた適合確認と変換設定が必要です。
movoが適しているかどうかは、サイトの年数やページ数だけでは判断できません。 現行ECを残す理由、改善したい画面、将来のリニューアル計画、必要な利用期間を確認し、部分改修や基盤移行を含めて比較します。
無料テスト変換から本番公開までの進め方
初回のご相談では、ECサイトのURLと、スマートフォンで問題を感じている画面をお知らせください。 詳細な仕様書がない場合でも、公開画面を確認できる範囲から導入可否を調べます。
-
STEP 1対象サイトと現在の課題を確認
ECサイトのURL、利用中のカートやシステム、基幹連携の有無、改善したい画面、希望時期を確認します。 通常、この段階でサーバー情報やソースコードをご提供いただく必要はありません。
-
STEP 2無料テスト変換を作成
当社で代表的なページを変換し、スマートフォンで確認できるテスト環境をご用意します。 商品一覧、商品詳細、検索、カート、ログインなど、確認対象はサイトの構成に応じて決めます。
-
STEP 3購入経路と外部連携を検証
文字やボタンの見え方だけでなく、カート投入、入力、確認、決済、完了、マイページなどを確認します。 対応が難しい画面や追加調整が必要な箇所も、この段階でお伝えします。
-
STEP 4対象範囲・費用・公開方法を確認
テスト結果をもとに、対象ページ、表示調整、接続方法、保守内容、費用、公開までの工程をご案内します。 スマホ自動変換より部分改修やリニューアルが適している場合は、その理由もあわせてご説明します。
無料テスト変換では、導入を前提にせず、現在のECサイトが変換対象になるかを確認できます。
社内での比較検討用として、PC版とスマートフォン版の表示差をご覧いただくことも可能です。
既存ECサイトを残したまま
スマホ対応できるか無料で確認します
対象となるECサイトのURLをお送りいただければ、代表的なページをスマートフォン向けに変換したテスト環境をご用意します。
商品一覧・商品詳細・検索・カート・ログイン・購入手続きなどを確認し、変換できる範囲と追加調整が必要な箇所をご案内します。
※テスト結果がご要望に合わない場合は、導入を見送っていただけます。
※スマホ自動変換より、部分改修やECリニューアルが適している場合も、その理由をお伝えします。
