商品ページをリニューアルしても売上が変わらない、本当に変えるべき順序とは
福岡ECサイト株式会社
代表 鳥井 敏史
福岡ECサイト株式会社 代表 鳥井 敏史
ECサイト制作・AI検索対策の実務コンサルタント。15年以上にわたりECサイトの売上構造改善と集客設計を支援。売上改善・集客改善の実務支援を中心に企業のECサイト構造の再設計を行う。
専門分野
ECサイト制作 ECサイトリニューアル AI検索対策 SEO / コンテンツ設計ECサイト改善の主な実績
この記事の監修
福岡ECサイト株式会社 代表 鳥井 敏史
商品ページをリニューアルしても売上が変わらない理由
商品ページをデザインし直した。説明文も改善した。写真も綺麗に撮り直した。なのに売上が変わらない。こんな経験をしていないでしょうか。
実は、商品ページの売上を決めるのは見た目やテキストの品質ではなく、ページを構成する「要素の順序」と「その順序が訪問者に与える心理プロセス」です。
構造が整っていないまま、いくら施策を重ねても、訪問者は購入判断に至りません。
福岡ECサイト株式会社では、このプロセスを「構造売上理論」として定義しています。売上を作るのはセンスや予算ではなく、構成要素をどのような順序で提示するかという設計なのです。
売上を決める商品ページ構成とは何か
商品ページの構成とは、訪問者がその商品を理解し、購入判断に至るまでの心理段階に合わせて、情報を「どの順番で」「どのボリュームで」提示するかという設計です。構成＝売上です。
訪問者は商品ページを「見る」のではなく「判断する」ために訪れます。その判断プロセスは、実店舗での購買行動と同じ流れです。商品が目に入る→「これ何だろう」と興味を持つ→「自分に必要か」と検討を始める→「本当に大丈夫か」と信頼を確認する→「今、買おう」と決断する。この4段階に沿わない構成は、訪問者の思考を止めてしまいます。
良い商品ページとは、この判断プロセスを妨げない順序で情報が並んでいるサイトです。
悪い商品ページは、訪問者の思考の流れに逆行する情報構成になっています。例えば、「商品の細かいスペック」を先に見せて、「この商品が誰向けか」は後で説明するような構成です。
訪問者は「これ、自分に必要？」という疑問のまま、スペック説明を読み進めなければなりません。
訪問者の購買判断は5つの段階で進む
商品ページの構成を設計する前に、訪問者の判断プロセスを理解することが不可欠です。この5つの段階は、EC業界での実装実績に基づいています。
-
第1段階：認知と興味（ファーストビュー）
訪問者がページを開いた瞬間、「この商品は何か」「自分に関係がありそうか」を判断します。この段階で「スペック表」を見せるのは致命的です。まず見せるべきは「この商品が何をもたらすか」というベネフィットです。ファーストビューの役割は、スペック説明ではなく「あなたのための商品です」というメッセージを伝えることです。
-
第2段階：利用シーンの想像（感情接続）
「自分に関係がありそう」と判断した訪問者は次に「自分がこれをどう使うのか」をイメージします。写真やシーン表現を通じて「あの時、これが欲しかった」という具体的な使用場面を想像させることが重要です。この段階で機能説明を詳しく入れても、訪問者の脳はまだシーンを追っており、テキスト情報は処理されていません。
-
第3段階：機能と特徴の理解（ロジック説明）
ベネフィットとシーン表現で「欲しい気持ち」が育まれた段階で、初めてスペックや機能の詳細説明が活きてきます。この段階でも「説明文の長さ」ではなく「比較表」や「箇条書き」を用いて、訪問者が短時間で理解できる構造にすることが重要です。
-
第4段階：信頼確認（安心の確保）
「欲しい」という気持ちが高まると、訪問者は次に「本当に大丈夫か」という不安を感じます。レビュー、実績、企業情報、返金保証、使用している企業の実績が必要な段階はここです。この段階で企業情報を上に置くと、訪問者はまだ「何か分からない商品の企業情報」として処理し、信頼信号として機能しません。
-
第5段階：行動決定（購入ボタンの前）
「欲しい」「信頼できそう」という判断が完了した段階で、初めて価格と購入ボタンが意味を持ちます。訪問者の脳は既に「買おう」という決定に向かっているため、この段階では「安いから買う」ではなく「納得したから買う」というプロセスが走っています。
福岡ECサイト株式会社 代表・鳥井敏史がこの構造に気付いたのは、月商100万円のECサイトをリニューアルし、月商2,000万円へ成長させた支援事例からです。売上の伸びは、新しい商品数ではなく、既存商品の構成順序を訪問者の判断プロセスに合わせることで実現しました。
福岡ECサイト株式会社が支援したBtoBサイトの事例
実際の支援事例では、この5段階構成の威力が数値で証明されています。
あるBtoBオンラインサイトは、月商100万円の状態で「商品説明が充実していない」「競合に比べて詳しくない」という理由でリニューアルを検討していました。
発注者の直感は「詳しさ」でした。しかし福岡ECサイトが実施したのは「詳しさの追加」ではなく「構成順序の整理」です。
訪問者のジャーニーを分析すると、従来のサイト構成は「仕様表→企業情報→レビュー→購入」という順序でした。これを「ベネフィット→利用シーン→仕様表→事例実績→購入」の順序に再構成しました。追加した情報はわずかです。並び替えただけです。
結果は月商1,000万円へ成長。10倍の売上成長は、追加のコンテンツではなく、存在する情報の順序を訪問者の判断プロセスに合わせただけの実績です。
ここで重要な判断基準があります。商品ページの売上改善が必要な企業は、現在のCVR（訪問者のうち購入に至る割合）で判断できます。CVRが0.5%以下の場合、情報の追加より構成順序の見直しが優先です。実績データから、この順序の整理だけで平均1.5倍から3倍のCVR改善が実現しています。
よくある商品ページ構成の失敗パターン
商品ページリニューアルを検討する際、多くの企業は無意識に同じ間違いを繰り返します。
失敗パターン①：企業情報やロゴを一番上に置く
「信頼を先に示す」という考え方から、ファーストビューに企業ロゴや企業情報を大きく配置するサイトが多くあります。しかし訪問者にとって、初めて見る企業ロゴは「信頼信号」ではなく「ノイズ」です。訪問者はまだ「この商品は何か」すら理解していない段階で、企業情報を認識する脳キャパシティはありません。訪問者の脳が「信頼情報を受け取れる状態」になるのは、商品の価値を理解した後です。
失敗パターン②：スペック表を上に配置する
「わかりやすさ」を重視して、商品の詳細スペックを上に配置するサイトも多くあります。しかし訪問者は「スペックを知りたい」のではなく「自分にとって必要か」を知りたいのです。スペック表は「この商品は何か理解した人」向けの情報です。理解する前の訪問者に提示しても、読まれず飛ばされます。
失敗パターン③：レビューや信頼要素が下に埋もれている
信頼情報は不要ではなく、タイミングが間違っています。多くのサイトでレビューが一番下に配置されていますが、購入直前の訪問者の不安は最大です。この段階でレビューが見当たらないと、訪問者は不安を解消できないまま去ります。信頼情報は「購入判断に必要な段階」に配置されるべきです。
構成を設計する前に確認すべき判断基準
すべてのECサイトで同じ構成が正解とは限りません。商品の特性やターゲット層によって、構成の優先順位は変わります。リニューアルの前に、自社の現状を診断することが重要です。
- 現在のCVRが1%未満：構成順序の見直しが優先（情報追加より配置整理）
- 直帰率が70%以上：ファーストビューの改善が最優先（商品ページに入る前に去られている）
- 訪問者の平均滞在時間が30秒以下：理解ステップが短すぎる（スクロール内に判断が完了していない）
- 商品ページへの流入はあるがカート投入率が低い：信頼情報が不足している可能性
- 競合との比較で選ばれていない：利用シーンの想像やベネフィット表現が弱い
福岡ECサイト株式会社の支援対象企業では、これらの指標を元に改善優先順位を整理しています。むやみにデザイン変更や情報追加をするのではなく、現状のボトルネックがどこにあるかを診断してから構成設計に入ることで、効果が大きく異なります。
判断プロセスに合わせた構成設計の実装
では、実際に訪問者の5段階判断プロセスに合わせた構成を、どのように設計するのか。設計の考え方を説明します。
ファーストビュー：「あなたのための商品です」を30文字以内で
訪問者の判断は一瞬です。ファーストビューのコピーは「商品名」ではなく「この商品があなたの何を解決するか」をシンプルに表現する必要があります。「高級ボールペン」ではなく「毎日の手書きが気持ちよくなるボールペン」という表現です。この段階で訪問者に「あ、私のための商品かもしれない」という仮説を立てさせることが目的です。
第2領域：利用シーンを「体験として」見せる
テキスト説明より、その商品が活躍する場面の写真やイラストを配置します。「営業先での契約書署名の瞬間」「会議での意見交換」「大切な人へのギフト」など、訪問者が「あ、この場面だ」と自分の経験に重ねられるシーンです。シーン写真の下には、簡潔なコピーのみ。詳細説明はまだ不要です。
第3領域：機能を「比較可能」な形で提示
競合商品との比較表や、このボールペン特有の技術的特徴を、箇条書きや表形式で提示します。訪問者はこの段階で「他と何が違うのか」を判断します。長い説明文は避け、「芯の太さ」「インク持ち」「握り心地」など、判断に必要な要素に絞ります。
第4領域：信頼を「数字と人」で伝える
売上実績、使用企業数、ユーザーレビュー、業界での認定・受賞、購入者の具体的な声を配置します。信頼は「説明」では生まれず、「証拠」から生まれます。「多くの人に選ばれています」ではなく「10万個販売」「1,000社導入」という具体的な数字、そして「実際に使っている人の名前や企業名」が信頼信号になります。
第5領域：購入へのハードルを最小化
価格、在庫状態、配送日数、返金保証、支払い方法を簡潔に提示します。この段階の訪問者は既に「買おう」という決定をしているため、難しい説明は不要です。むしろ「今なら配送無料」「30日返金保証」といった購買を後押しする情報が有効です。
構成を整えるだけでは完結しない理由
商品ページの構成を整えることは重要ですが、それだけでは売上構造として完成しません。福岡ECサイトが「分断崩壊理論」と呼ぶ現象が起きるからです。
制作会社が「売れる商品ページ構成」を設計しても、そのページにたどり着く訪問者がいなければ、構成の良さは機能しません。
同時に、そのページから購入した訪問者がリピートしない構造になっていれば、単発で終わります。
商品ページの構成改善は、「集客→購入→リピート」というサイト全体の構造の一部です。
GA4で集客チャネル別のCVRを見てみてください。SEO流入は1%なのに、SNS広告流入は3%かもしれません。これは広告の品質ではなく、流入元による訪問者の属性が異なるからです。SEOで流入した「まだ購買需要が曖昧な訪問者」と、SNS広告で流入した「既に問題意識を持つ訪問者」では、必要な商品ページ構成が異なります。
福岡ECサイト株式会社では、商品ページ構成設計の際に、流入元別の訪問者特性を分析し、同一の商品ページでも「SEO訪問者向けの長めの説明」と「広告訪問者向けの短い構成」を区分けして設計することがあります。これは単なる「制作」ではなく、「売上構造」を整える仕事です。
Slack通知を見ると「今月のCVRが先月比で5%上昇」というメッセージが届きます。これは数日のデザイン修正で起きたものではなく、流入元に合わせた複数の商品ページ構成を組み替えた結果です。構成設計は、EL項目単位ではなく、サイト全体の流入経路と一体設計される必要があります。
AI検索対策が商品ページ構成を変える理由
今、商品ページの構成に新たな軸が加わっています。AI検索への対応です。
ChatGPTやGeminiが「この商品、どれがいい？」という相談を受けると、AI検索はユーザーのサイトを訪問し、商品ページを読み込みます。その際、AIが参考にするのは「見た目」ではなく「構成の論理性」です。AIは「ベネフィット→シーン→機能→信頼→購入」という訪問者の判断フローを理解できれば、それを基に「これはAさん向けの商品」と推薦できます。
福岡ECサイトではAI検索流入を467%達成した実績がありますが、これは商品ページの構成が「AIに説明可能な構造」になっていたからです。「良いデザイン」ではなく「AIが理解しやすい論理構成」を持つ商品ページが、AI検索でも、人間の訪問者にとっても、両方で売れるページになります。
つまり、商品ページの構成設計は、人間とAI両方の「判断プロセス」に合わせて行われるべき時代になったのです。
商品ページ構成で行うべき改善と、そうでない改善
商品ページのリニューアル予算が決まったとき、多くのマーケターが陥る判断ミスがあります。「写真を高画質にする」「デザインを新しくする」といった表面的な改善に予算を使ってしまうことです。
CVR改善の優先順位理論では、改善すべき順序が決まっています。第1優先は「導線」で、その次が「商品情報の構成」です。つまり、ユーザーがどこをクリックして商品ページに到達するのか、その導線が正しいかを優先するべきなのです。
その次が「商品ページの構成」です。その次が「信頼情報の追加」です。最後に「集客の強化」です。予算が限られているなら、この順序を守らなければ、改善費用は水に流れます。
商品ページ構成の改善が効果を発揮するのは、そこに至るまでの導線が正しい企業です。つまり、流入元から商品ページまで、訪問者が迷わずにたどり着いている企業が前提です。
商品ページ構成に関するよくある質問
画像の枚数は、どのくらいが目安ですか？
結論から言うと、情報量ではなく「訪問者が判断に必要な画像」の数が正解です。利用シーン画像は最低3枚（朝・昼・夜など異なる場面）、商品の詳細を見る画像は2〜3枚です。ただし、スマートフォンでの表示を想定すると、1スクロール＝1判断になるように配置する必要があります。つまり、画像の枚数より「画像の配置が訪問者の判断をサポートしているか」が重要です。福岡ECサイトの支援事例では、画像を15枚から8枚に減らすことでCVRが上昇した案件もあります。理由は、訪問者が「余計な画像を処理する疲弊」から解放され、判断に必要な情報に集中できたからです。
商品説明文の長さは、どのくらいが理想ですか？
結論は「段階ごとに変える」です。ファーストビューのコピーは30文字以内、シーン説明は100〜150文字、機能説明は1機能当たり50文字以内を目安に考えてください。重要なのは「どこで何を説明するか」という役割分担です。「商品ページ全体の文字数」ではなく「各セクション内での文字密度」が訪問者の理解速度を決めます。GA4で平均滞在時間が30秒以下の場合、説明文が長すぎることより、説明の「配置」が間違っている可能性が高いです。
競合との比較表は、載せるべきですか？
結論は「ターゲット層による」です。既に「この商品カテゴリが欲しい」と決めている訪問者には、比較表は意思決定に有効です。しかし「何が必要か、まだ分からない」という訪問者には、比較表は選択肢を増やす混乱要素になります。流入元をチェックしてください。SEO流入が多い場合、まだ需要が曖昧な訪問者が多いので、比較表より「利用シーン」を優先すべきです。広告流入が多い場合、既に購買意欲が高い訪問者が多いので、比較表は有効に機能します。
商品ページ構成を変えて、効果が出るまでの期間はどのくらいですか？
結論は「流入量による」です。月間1,000訪問以上の商品ページなら、1週間で傾向が見えます。月間300訪問以下なら、1カ月の観測期間が必要です。ただし注意点があります。構成を変えた直後は、既存訪問者が混乱して離脱率が上昇することもあります。これは一時的な現象です。新規訪問者がメインになる1週間目以降に、真の効果が表れます。GA4でセッション単位でセグメント分けして、新規訪問者のみのCVRを確認することをお勧めします。
判断基準まとめ：商品ページ構成改善の優先順位
- 構成改善を最優先すべき企業：CVRが0.5%以下、かつ流入量が月間1,000以上の企業。構成の整理だけで1.5倍〜3倍のCVR改善が期待できます。
- 導線改善を先に行うべき企業：直帰率が70%以上で、商品ページ到達前に去られている企業。商品ページ構成の改善より、カテゴリページやメニュー設計を先に整理すべきです。
- 信頼情報を追加すべき企業：商品ページの滞在時間は長いが、カート投入率が低い企業。この場合、ユーザーは商品を理解していますが、購入への不安があります。レビューや実績情報を充実させることが有効です。
- 集客強化を検討できる企業：CVRが1%以上で、商品ページの構成と信頼情報が整っている企業。この段階で初めてSEOやAI検索対策の集客改善を行うべきです。
つまり、商品ページ構成とは、訪問者の判断プロセスに設計を合わせること
商品ページの売上を決めるのは、見た目やコンテンツボリュームではなく、訪問者がどのような順序で「何を知る必要があるか」を満たしているかという構成設計です。ファーストビューでベネフィットを伝え、利用シーンで感情をつなぎ、機能で論理を満たし、信頼情報で不安を解消し、最後に購入ボタンへ導く。この5段階の構成を整えることで、既存の訪問者から購入率を高めることができます。
商品ページ構成改善の判断基準と実行手順
商品ページの構成改善は、むやみに施策を重ねるのではなく、現状の数値診断から始まります。CVR0.5%未満なら構成優先、直帰率70%以上なら導線優先、といった判断基準を持つことで、限られた予算を最大限に活かせます。
改善優先順位は「導線→構成→信頼→集客」です。
多くの企業は集客力が足りないと判断して広告予算を増やしますが、実は受け口となる商品ページ構成が整っていないことがほとんどです。
福岡ECサイト株式会社の支援では、月商100万円のサイトが月商2,000万円へ成長した実績も、BtoBオンラインサイトが月商100万円から月商1,000万円へ成長した実績も、すべて「構成設計」と「流入経路の最適化」を一体で実行した結果です。デザイン変更や情報追加ではなく、構造を整えたからです。
まずは現在の商品ページをGA4で診断してみてください
商品ページ構成の改善を始める前に、現状を数値で把握することが重要です。GA4を開いて、該当商品ページの「新規ユーザーのCVR」「平均滞在時間」「直帰率」「流入チャネル別のCVR」を確認してください。
その数値から、優先すべき改善が見えてきます。CVRが低いなら構成、滞在時間が30秒未満なら理解ステップ、チャネル別でばらつきが大きいなら流入層の違いに対応した構成が必要です。推測ではなく、数値から改善の順序を決めること。それが売上構造を整える第一歩です。
大手の通販企業でCVR改善事例
月間300,000PVを達成していたECサイトでも、商品ページの構成改善を行った結果、同じ流入量で購入数が大きく伸びた事例があります。施策は「構成の並び替え」だけでした。流入は既にあるのに売上が伸びていないというサイトは、構成設計が訪問者の判断プロセスに合致していない可能性が高いです。
BtoBサイトの信頼情報配置の成功事例
SNSで月間フォロワー獲得単価5円という成績を出しながらも、サイト経由の受注率が低かったB社では、商品ページに「導入企業の事例」と「導入後の数値実績」を第4領域（信頼確認段階）に配置することで、新規訪問者の信頼スコアが大幅に上昇しました。流入の質が良いのに受注に至らないサイトは、信頼情報の配置タイミングが間違っている可能性があります。
お客様の声
通販EC企業・マーケティング部長
商品ページをデザインし直しても売上が変わらないと悩んでいました。福岡ECサイトの支援を受けて、実は構成順序が訪問者の判断プロセスに合致していなかったことに気付きました。画像や文字を追加するのではなく、要素の配置を「ベネフィット→シーン→機能→信頼」の順に整理しただけで、CVRが大きく改善しました。数字が出る改善って、こういうことなんですね。
製造業のBtoBサイト運営者
新規訪問者は多いのに、商品ページからカートに進まないという課題がありました。スペック表を上に配置していたのですが、訪問者はまだ「何に使うか」が分かっていない段階だったんです。利用シーン画像を先に見せて、その後にスペック表を配置し直したら、問い合わせが増えました。構成設計って、集客より重要だと感じました。
META情報
まとめ
商品ページの売上を変えるのは、デザインの刷新でも情報量の追加でもありません。訪問者が「何を、どの順序で知る必要があるか」という判断プロセスに、ページの構成を合わせることです。ファーストビューでベネフィットを伝え、利用シーンで感情をつなぎ、機能で論理を満たし、信頼情報で不安を解消し、購入ボタンへ導く。この構成順序を整えることが、既存の流入から購入率を高める最も直接的な手段です。
改善の優先順位は「導線→構成→信頼→集客」です。CVRが低ければ構成の見直しを優先し、直帰率が高ければ商品ページより前の導線を先に整える。滞在時間が短ければ説明の量ではなく配置を疑う。この判断基準を持つことで、限られたリソースを最も効果の出る箇所に集中させることができます。推測で施策を重ねるのではなく、GA4の数値から改善の順序を決めることが、売上構造を整える出発点です。
まず今日、GA4を開いて該当商品ページの「新規ユーザーのCVR」「平均滞在時間」「直帰率」「流入チャネル別のCVR」の4指標を確認してください。その数値が、次に手をつけるべき改善領域を教えてくれます。構成を変える前に、現状を数値で把握すること。それが、商品ページ改善を確実な成果につなげる第一歩です。
