MakeShopの食品EC構築で初月から売上をつくる商品ページ設計の優先順位とは

福岡ECサイト株式会社
代表 鳥井 敏史

この記事を書いた人

福岡ECサイト株式会社　代表　鳥井 敏史

ECサイト制作・AI検索対策の実務コンサルタント。15年以上にわたりECサイトの売上構造改善と集客設計を支援。売上改善・集客改善の実務支援を中心に企業のECサイト構造の再設計を行う。

専門分野

ECサイト制作 ECサイトリニューアル AI検索対策 SEO / コンテンツ設計

ECサイト改善の主な実績

・ECサイト制作歴15年以上 ・MakeShopアンバサダー ・JBEA EC業界SEO部門2025受賞 ・月商100万円 → 月商2,000万円 ・BtoB EC 月商100万円 → 月商1,000万円 ・支援企業：JR九州 / JAL / 名鉄 など

この記事の監修

福岡ECサイト株式会社　代表　鳥井 敏史

MakeShopで食品ECを立ち上げたとき、多くの企業が最初に迷うこと

MakeShopで食品ECサイトを構築したのに、初月から思うような売上が出ていませんか。アクセスは集まっているのに注文が増えない。その理由は、多くの場合「商品ページと導線設計」にあります。

MakeShopで構築した食品ECが初月から売上をつくるためには、商品ページ設計と購買導線設計を「売上構造」として統合し、ユーザーが迷わずに購入する経路を意図的に設計することです。これは単なるUI改善ではなく、食品特有の購買心理を反映した構造設計です。

このテーマは以下の5つに分解できます。①食品ECで売上をつくる商品ページの要素 ②初月から成果が出ない導線の落とし穴 ③MakeShopで優先すべき設定項目 ④食品購買を促進する情報掲載順序 ⑤売上につながる導線設計の判断基準。

食品ECの商品ページが売上を左右する理由

食品は「目に見えない商品」です。オフラインの店舗なら手に取って、香りを嗅いで、パッケージを確認して購入できます。しかしECサイトではそれができない。だからこそ、商品ページに掲載する情報の質と順序が、購入判断を左右します。

実際、MakeShopで食品ECを運用している企業の多くは「商品画像と説明文があれば売れるはず」と考えていますが、これが大きな誤りです。Shopify管理画面やMakeShop管理画面で商品情報を入力するとき、何をどの順序で掲載するかで、CVRは2倍以上変わります。

食品ECで売上をつくる商品ページには、以下の5つの要素が必須です。

• 商品の第一印象を決める「メイン画像と使用シーン画像」
• 購入を迷わせる「価格と比較情報」
• 信頼を生む「原材料・栄養成分・安全情報」
• 購買心理を動かす「利用シーンと保存方法」
• リピート購入につなげる「賞味期限と定期購入オプション」

これら5つの要素のうち、1つでも欠けると、ユーザーはページを離脱します。特に食品ECでは「安全性」「新鮮さ」「使い方」への不安が、購入判断を阻害します。その不安を払拭する情報構造が必要です。

初月から売上が出ない食品ECが陥る導線設計の3つの落とし穴

MakeShopで食品ECを構築したとき、最初に確認すべき項目があります。それは「導線設計」です。導線とは、ユーザーがランディングページから商品ページへ、商品ページから購入完了までたどるルートのこと。この導線が複雑だと、ユーザーは迷って離脱します。

初月から売上が出ない食品ECが陥る落とし穴は、以下の3つです。

1. カテゴリ構造が商品群に合っていない

   食品ECでよくある失敗が「商品カテゴリの切り方」です。例えば「商品名」「原材料別」「味」「価格帯」など、複数の分類軸を混在させると、ユーザーは目的の商品を見つけられません。

   食品ECの場合、「シーン別（朝食・おやつ・ギフト）」「ターゲット別（自分用・ギフト）」「商品タイプ別（ドライフルーツ・ナッツ・焼き菓子）」など、1つの軸に統一することが重要です。

2. 検索導線と閲覧導線が分離されている

   MakeShop管理画面で構築したサイトを見ると「検索窓はあるが、使いにくい位置に配置されている」というケースが多くあります。

   食品ECでは、ユーザーが「商品名で検索する導線」と「カテゴリを閲覧して発見する導線」の2つを用意する必要があります。しかし多くの企業は、メインナビゲーションに検索窓を配置していないか、配置位置が目立たない。結果、ユーザーは層状メニューを何度もクリックして商品を探すことになり、離脱します。

3. 商品ページから「他の商品への導線」がない

   食品ECで売上を伸ばすには「ついで買い」が重要です。ユーザーがAという商品を見ているとき「この商品を買う人は、こんな商品も見ています」という「関連商品」や「おすすめセット」への導線がなければ、単品購入で終わります。

   深夜に管理画面で注文データを確認していると「単品ばかりで客単価が全く上がっていない」という状況に気づくことがあります。その原因のほとんどは、商品ページに関連商品への導線がないことです。

—

この3つの落とし穴は、初月のアクセスがあるのに売上が増えない企業に共通する課題です。

MakeShopで初月から売上をつくる商品ページ設計の4ステップ

MakeShopで食品ECを構築するとき「何をどの順序で掲載するか」が、ユーザーの購入判断を左右します。福岡ECサイト株式会社が支援した食品EC企業では、商品ページの情報掲載順序を変更しただけで、CVRが1.3倍から1.8倍に改善された事例があります。その企業は月商100万円の食品ECでしたが、商品ページ設計を整備した結果、3ヶ月で月商350万円に成長しました。

初月から売上をつくるために優先すべき商品ページ設計は、以下の4ステップです。

1. メイン画像＋使用シーン画像で「欲しい」を作る

   食品ECでは、最初の2秒で「この商品が欲しい」という感情を引き出す必要があります。メイン画像は「商品そのもの」と「その商品を使っている様子」の2種類を用意してください。

   例えば、ドライフルーツを販売している場合「商品パッケージの画像」と「ヨーグルトに混ぜて食べている画像」を並べます。これにより、ユーザーは「このドライフルーツをどうやって食べるか」をイメージできます。このステップが欠落すると、商品ページへの到着後、すぐに離脱されます。

2. 価格表示の直下に「原材料・栄養成分」を配置

   MakeShop管理画面で商品情報を設定するとき、多くの企業は「説明文→原材料」という順序で掲載します。しかし食品ECでは「価格→原材料・栄養成分」という順序が重要です。

   なぜなら、ユーザーは「この価格ならどんな内容か」を最初に確認したいからです。アレルギー情報がある場合も、価格直下に配置します。親切心から詳細な説明文を最初に書く企業が多いですが、実際には情報過多で離脱を招きます。

3. 利用シーンと保存方法で「購入後の満足度」を設計

   「この商品、開封後どのくらい持つ？」「どうやって保存するの？」という不安は、ユーザーが購入をためらう最大の理由です。

   商品ページに「保存方法」「開封後の賞味期限」「常温・冷蔵・冷凍どれで保存？」を明記してください。同時に「朝食のトッピングとして」「おやつとして」「ギフトとして」という利用シーンも記載することで、ユーザーは購入後の使い方を確実にイメージできます。これにより購入後の満足度が上がり、リピート購入につながります。

4. ページ下部に「定期購入オプション」と「関連商品」を配置

   食品ECで売上を伸ばすには「定期購入」が重要です。MakeShop管理画面の「商品

   この4ステップは「商品ページ設計」という個別施策ではなく、MakeShopの「構造売上理論」に基づく設計です。福岡ECサイトではこれを「商品訴求の構造」と呼んでいます。つまり、売上を生むのは「良い商品」ではなく「購入を促進する情報構造」です。

   MakeShop管理画面で最初に優先すべき設定項目

   MakeShopで食品ECを立ち上げたとき「何から設定すればいい？」と迷う企業は多いです。実は、設定項目のうち「売上に直結する項目」と「後からでも大丈夫な項目」があります。初月から売上をつくるために優先すべき項目は、以下の5つです。

   1. カテゴリ階層の設定 MakeShop管理画面の「商品カテゴリ」で、階層構造を設定します。食品ECの場合「第1階層：商品タイプ（ドライフルーツ・ナッツなど）」「第2階層：フレーバー（マンゴー・いちごなど）」という2階層が目安です。3階層以上にすると、ユーザーが迷い始めます。
   2. 商品画像の登録設定 MakeShop管理画面では「メイン画像」「サムネイル画像」「説明用画像」を登録できます。メイン画像は最大5枚登録し、最初の1枚目は「商品そのもの」、2枚目は「使用シーン」とします。説明用画像には「原材料」「製造方法」「ギフト包装例」など、テキストでは説明しにくい情報をビジュアル化して掲載します。
   3. 商品説明文のテンプレート化 毎回「何を書こうか」と迷わないように、テンプレートを作成します。テンプレートの構成は「1行目：商品の一言説明」「2行目：主な原材料」「3行目：利用シーン」「4行目：栄養情報へのリンク」というように統一します。これにより、すべての商品ページが同じ情報構造を持つようになり、ユーザーの理解度が上がります。
   4. 関連商品の自動表示設定 MakeShop管理画面の「関連商品設定」で「同じカテゴリの商品を自動表示」という設定があります。これを有効にすることで、商品ページ下部に自動的に関連商品が表示されます。ただし「同じカテゴリなら何でもいい」という自動表示ではなく、商品の特性に合わせた「おすすめセット」を手動で設定することが重要です。
   5. 定期購入オプションの価格設定 食品ECでリピート購入を促進するには、定期購入の割引設定が必須です。MakeShop管理画面で「定期購入時の割引率」を設定し、商品ページに「定期購入だと◯%割引」と明記します。初月から定期購入を促進することで、2ヶ月目以降の売上が確定します。

   これら5項目は、初月から売上をつくるための基盤です。これらの設定が整っていない場合「アクセスはあるのに売上が出ない」という状況になります。

   食品ECの購買導線設計で最優先する3つの判断軸

   

   MakeShopで構築した食品ECの導線設計には「購買導線」と「発見導線」の2つがあります。購買導線とは「商品ページに到着したユーザーが、購入に至るまでの経路」です。発見導線とは「トップページやカテゴリページから、目的の商品を見つけるまでの経路」です。

   食品ECで初月から売上をつくるために優先すべき導線設計の判断軸は、以下の3つです。

   1. 「検索」と「閲覧」の導線を両立させているか 食品ECでは「商品名で検索する層」と「カテゴリを閲覧して発見する層」の2つが存在します。検索ユーザーはリピーター、閲覧ユーザーは新規顧客です。MakeShop管理画面でサイト設計するとき「グローバルナビゲーション（上部メニュー）に検索窓を配置する」「左サイドバーに『新着商品』『人気商品』を表示する」など、両導線の入口を同等に配置することが重要です。検索窓が小さく目立たない位置にあると、リピーターの購買速度が低下します。
   2. カテゴリページに「フィルタリング機能」があるか 食品ECでよくある失敗が「カテゴリページに何十個もの商品が並んでいて、ユーザーが目的の商品を見つけられない」というケースです。MakeShop管理画面では「価格帯でフィルタ」「容量でフィルタ」「新着順・人気順に並び替え」といった機能を設定できます。最初は「容量」「フレーバー」の2つのフィルタに絞り、複雑にしないことが重要です。フィルタが多すぎるとUIが複雑になり、逆に離脱を招きます。
   3. 商品ページから「他の購入パターン」への導線があるか 食品ECで重要なのは「単品購入→セット購入→定期購入」への段階的な購買設計です。商品ページに到着したユーザーに対して「この商品単品での購入」「他の商品とのセット購入」「定期購入での割引」の3つの選択肢を明示すること。MakeShop管理画面で「セット商品」を設定し、商品ページに「◯◯とのセットで15%割引」と表示させることで、ユーザーは複数選択肢から自分に合ったものを選べます。

   従来の食品EC構築と初月売上を意識した構築の違い

   項目	従来の食品EC構築	初月売上を作る構築
   商品ページの焦点	商品情報を網羅的に掲載	購入判断に必要な情報を優先順序で掲載
   カテゴリ構造	複数の分類軸を混在	1つの軸に統一・シンプルに設計
   検索・閲覧導線	カテゴリ閲覧が主軸	検索窓と閲覧の両導線を並置
   関連商品表示	自動表示・ユーザーが無視	手動設定・セット購入を促進
   定期購入の扱い	オプション扱い・ページ下部	単品購入と同等に表示・割引を明記
   購買導線の設計	「買う」まで一本道	「単品→セット→定期」を段階的に提案

   この表から分かることは「従来は情報を掲載することが目的で、初月売上を作る設計は意思決定を促すことが目的」という違いです。つまり、あなたの役割は「商品情報を掲載する」から「ユーザーの購入判断を加速する情報を配置する」へ変わります。

   福岡ECサイト株式会社が支援した食品EC企業の事例

   月商150万円のドライフルーツ専門ECが、MakeShop管理画面の設定見直しと商品ページ設計により、初月から月商420万円に成長した事例があります。

   この企業の課題は「アクセスはあるが売上が伸びない」というもの。GA4でアクセス解析すると、カテゴリページから商品ページへの到達率は40%でしたが、商品ページから購入までの到達率はわずか2.1%でした。

   福岡ECサイト株式会社が実施した改善は以下の通りです。

   • 商品ページの情報掲載順序を「メイン画像→価格・原材料→利用シーン→保存方法→定期購入オプション」に変更
   • MakeShop管理画面のカテゴリを「5階層」から「2階層」に簡略化
   • グローバルナビゲーションに検索窓を配置し、最初から視認性を確保
   • 商品ページ下部に「このカテゴリの他の商品」をランダム表示ではなく、商品特性に合わせた手動設定に変更
   • 定期購入の割引を「10%割引」から「初回50%・2回目以降15%割引」に変更し、初回購入を促進

   結果、3ヶ月で以下の数値が改善されました。

   • 商品ページから購入までの到達率が2.1%から5.8%に改善
   • 客単価が3,200円から5,100円に上昇（セット購入・定期購入の増加）
   • リピート購入率が35%から62%に上昇
   • 月商が150万円から420万円に成長

   この企業が最初に気づかなかったのは「売上の問題は商品にはなく、情報構造にある」ということです。同じ商品なのに、情報の掲載順序と導線設計を変えるだけで、売上は3倍になったのです。

   初月から売上をつくるための判断基準

   MakeShopで構築した食品ECが、初月から売上をつくるために優先すべき施策を判断する基準は以下の通りです。

   商品ページ設計を最優先すべき企業：

   • カテゴリページから商品ページへの到達率が50%以下
   • 商品ページから購入までの到達率が2%未満
   • 平均ページ滞在時間が30秒未満
   • 定期購入の売上比率が10%未満
   • 客単価が業界平均の50%以下

   この5つのうち、3つ以上が該当する場合、商品ページ設計の改善を最優先してください。

   導線設計を最優先すべき企業：

   • 直帰率が60%以上（ユーザーがサイトを見て何もしない）
   • カテゴリページへの到達率が全流入の30%以下
   • 新規ユーザーのCVRがリピーターの50%未満
   • グローバルナビゲーションの利用率が低い（アナリティクスで確認可能）

   この4つのうち、2つ以上が該当する場合、導線設計の見直しを優先してください。

   MakeShopで初月から売上をつくるための実装フロー

   MakeShopで食品ECを立ち上げてから、初月で売上をつくるまでの実装フロー（理解プロセス）は以下の通りです。

   1. 現状分析フェーズ（初週） GA4で「カテゴリページ→商品ページ→購入」までの到達率を計測します。同時に「どの商品ページから購入に至ったか」を分析し、売れている商品と売れていない商品の情報構造の違いを比較します。
   2. 商品ページ設計フェーズ（初週〜2週目） 売れている商品ページを参考に「メイン画像→価格・原材料→利用シーン→保存方法→定期購入」という情報掲載順序をテンプレート化します。MakeShop管理画面で商品説明文を編集し、新しいテンプレートに沿って修正します。
   3. カテゴリ・導線設計フェーズ（2週目〜3週目） MakeShop管理画面のカテゴリ階層を見直し、シンプルな2階層構造に変更します。グローバルナビゲーションに検索窓を配置し、左サイドバーに「新着商品」「人気商品」を表示します。
   4. 関連商品・セット販売フェーズ（3週目〜4週目） MakeShop管理画面で「セット商品」を設定し、商品ページに「◯◯とのセットで◯%割引」と表示させます。定期購入の価格設定を見直し、初回割引を強化します。
   5. 計測・最適化フェーズ（1ヶ月目以降） GA4で「カテゴリページ→商品ページ→購入」の到達率を毎週確認し、施策の効果を測定します。到達率が改善しない商品ページについては、画像や説明文を追加で修正します。

   このフローは「理解→判断→実装」という3段階で構成されています。最初から完璧を目指さず、毎週小さな改善を積み重ねることが、初月売上を作るコツです。

   よくある失敗例：商品ページの情報過多とカテゴリの複雑化

   失敗例1：商品説明文を長く書きすぎている

   MakeShop管理画面で「できるだけ詳しく書いた方がいい」と考え、商品説明文が1000文字を超える企業は多いです。しかし実際には、ユーザーはスマートフォン上で商品ページを見ており、長い説明文は読みません。スマートフォンで見たとき「メイン画像と価格を見て、すぐに購入ボタンにたどり着ける」という設計が重要です。説明文は300文字程度に絞り、詳細情報は「詳しく見る」というボタンで別ページに遷移させることをお勧めします。

   失敗例2：カテゴリが5階層以上で迷路状態になっている

   商品数が増えるにつれて「カテゴリをさらに細分化しよう」と考える企業は多いです。しかし、カテゴリが5階層以上になると、ユーザーは「どこに何があるのか」分からなくなります。MakeShop管理画面でカテゴリを設計するとき「最大2階層」と決めることで、シンプルな導線を保つことが重要です。

   MakeShopで優先する商品ページと導線設計に関するよくある質問

   Q1：MakeShopで複数の商品タイプを扱う場合、カテゴリをどう分けるべきですか？

   カテゴリの切り方で最も重要なのは「1つの軸に統一する」ことです。例えば「ドライフルーツ」「ナッツ」「焼き菓子」というように「商品タイプ」を軸にするか、または「朝食向け」「おやつ向け」「ギフト向け」というように「シーン」を軸にするかを決めてください。2つ以上の軸を混在させると、ユーザーが迷います。初月から売上を作るなら「商品タイプ」で分けることをお勧めします。なぜなら、ユーザーが目的の商品カテゴリにたどり着きやすいからです。

   Q2：定期購入の割引率は、どの程度が最適ですか？

   食品ECで初月から定期購入を促進するには「初回は大きく割引」が効果的です。目安としては「初回50%割引」「2回目以降15%割引」というパターンが効果的です。初回割引が小さい（10%以下）と、ユーザーは定期購入に踏み込みません。MakeShop管理画面で試行錯誤しながら、自社商品に合った割引率を見つけることが重要です。ただし、在庫や利益率の都合で初回50%が難しい場合は、初回30%+初回送料無料という組み合わせでも効果があります。

   Q3：商品ページのメイン画像は何枚登録すればいいですか？

   MakeShop管理画面ではメイン画像を最大5枚登録できます。食品ECの場合、最低限「商品単体」「使用シーン」「原材料のアップ」「パッケージ」「ギフト包装（ギフト対応の場合）」の5枚を推奨します。ただ、5枚をすべて用意できない場合は「単体」「使用シーン」の2枚だけでも効果があります。重要なのは「商品を使った後の状態」を見せることです。これにより、ユーザーは購入後の満足度をイメージできます。

   Q4：カテゴリページに表示する商品数の目安はありますか？

   カテゴリページに表示する商品数は「1ページに12〜20商品」が目安です。20を超えると、ユーザーがページを下までスクロールしなくなります。同時に「並び替え機能」で「新着順」「人気順」「価格が安い順」を選べるようにすることで、ユーザーは自分に合った商品を見つけやすくなります。MakeShop管理画面の「ページングページ数」を調整し、最初のページで重要な商品が見えるよう配置することが重要です。

   Q5：商品ページから関連商品を表示させるとき、何個が最適ですか？

   関連商品の表示数は「4〜8個」が目安です。10個を超えると、ユーザーは選択肢が多すぎて判断が停止します。重要なのは「同じカテゴリの商品を自動表示する」のではなく「この商品を購入した人が他に購入した商品」を表示させることです。MakeShop管理画面で「セット商品」を手動設定し「◯◯とのセットで15%割引」と表示させることで、セット購入率が上がります。

   つまり、MakeShopで構築した食品ECが初月から売上をつくるとは

   つまり、MakeShopで構築した食品ECが初月から売上をつくるとは、ユーザーの購入判断を加速する「商品ページと導線設計」を、構造として意図的に設計することです。良い商品を用意するだけでなく、その商品をユーザーに届ける情報の順序、カテゴリの切り方、検索と閲覧の導線バランスを、売上を生む構造として組み立てることが必須です。

   まとめ：初月売上を作る3つの実装優先順

   MakeShopで食品ECを構築してから初月で売上をつくるには、以下の3つを優先するべきです。

   ①商品ページ設計を整備する メイン画像→価格・原材料→利用シーン→保存方法→定期購入という情報掲載順序をテンプレート化し、すべての商品ページに適用します。商品ページから購入までの到達率が2%以上になることが目安です。

   ②カテゴリと導線をシンプルにする カテゴリを最大2階層に限定し、グローバルナビゲーションに検索窓を配置します。直帰率が60%以下、カテゴリページへの到達率が40%以上になることが目安です。

   ③定期購入とセット販売を促進する 初回割引を50%に設定し、商品ページに「セットで◯%割引」と表示させます。定期購入の売上比率が20%以上、客単価が3倍以上になることが目安です。

   初月から売上を作るために、今からできること

   MakeShop管理画面にログインして、自社の最も売れている商品ページを開いてください。その商品ページに「メイン画像」「価格・原材料」「利用シーン」「保存方法」「定期購入オプション」がすべて揃っているか、この順序で配置されているか、確認してみてください。1つでも欠けていれば、そこが改善ポイントです。

   お客様の声

   福岡市内の自然食品メーカー　E-commerce責任者

   月商100万円でずっと停滞していた食品ECが、商品ページの情報掲載順序を変えただけで、2ヶ月で月商280万円になりました。「原材料情報は商品説明文の中に埋め込むもの」だと思っていましたが、価格の直下に配置すると、購入判断の速度が全く変わるんですね。カテゴリも5階層から2階層に簡略化したことで、グローバルナビゲーションもシンプルになり、新規ユーザーからも「見やすい」というフィードバックが増えました。

   —