EC商品ページを改善するときは、写真や文章を思いつきで変更するのではなく、まず「商品ページのどこで購入が止まっているか」を確認します。 商品を見てもカートへ入らないのか、カートには入るが購入されないのかによって、直す場所は異なります。
商品ページ側に課題がある場合は、ファーストビュー、商品画像、価格・送料・配送、商品説明、レビュー・返品情報、購入操作、スマホ表示の7項目に分けると原因を見つけやすくなります。
この記事の要点
- 商品ページを直す前に購入ファネルを確認する
- 商品閲覧が少ない場合は商品ページより集客を先に確認する
- 商品閲覧は多いのにカート追加が弱い場合は商品ページを優先する
- カート追加後に離脱する場合はカート・決済画面も確認する
- 商品画像は枚数より購入前の疑問へ答えられるかを見る
- 価格だけでなく送料・発送予定・返品条件まで購入前に伝える
- 改善項目を一度に全部変更せず、原因と結果を記録する
- 購入率だけでなく返品・問い合わせへの影響も確認する
商品ページ改善の前にCVRを分解する
商品が売れないからといって、原因が商品ページにあるとは限りません。
まず、商品閲覧から購入までを段階に分けます。
商品を見る
商品詳細ページが閲覧されたかを確認します。
カートへ追加する
商品を購入候補としてカートへ追加したかを確認します。
購入手続きを始める
カートからチェックアウトへ進んだかを確認します。
購入する
注文完了まで進んだかを確認します。
Google Analytics 4を利用している場合は、EC向けイベントとして次のような行動を計測できます。
| 行動 | GA4の代表的なイベント | 確認したいこと |
|---|---|---|
| 商品詳細を見る | view_item |
商品ページが見られているか |
| カートへ追加 | add_to_cart |
商品を買いたいと思われているか |
| 購入手続きを開始 | begin_checkout |
カートから決済へ進んでいるか |
| 購入完了 | purchase |
注文まで完了したか |
計測データが正しいか先に確認する
商品閲覧や購入が二重計測されていたり、商品IDが送られていなかったりすると判断を誤ります。 改善前にテスト注文などで計測状態を確認してください。
商品ページを改善すべき状態を見分ける
ファネルを確認したら、どこを直すべきか切り分けます。
| 状態 | 考えられる課題 | 優先する場所 |
|---|---|---|
| 商品閲覧自体が少ない | 検索流入・広告・カテゴリ導線など | 集客・商品発見 |
| 商品閲覧はあるがカート追加が少ない | 写真・価格・送料・説明・信頼情報など | 商品ページ |
| カート追加はされるが購入手続きへ進まない | 送料・カート仕様・会員登録など | カート |
| 購入手続き開始後に離脱する | 入力フォーム・決済・配送条件など | チェックアウト |
| 購入はされるが返品が多い | サイズ・色・仕様など期待とのずれ | 商品情報・写真 |
| 同じ問い合わせが多い | 購入前情報の不足 | 説明・FAQ |
「売れない＝商品ページが悪い」と決めない
商品ページを十分見られていない状態で写真やボタンを修正しても、購入数への影響は限定的です。 まずボトルネックを特定してください。
確認項目1｜ファーストビューで商品を理解できるか
商品ページを開いた直後に、購入者が「何の商品なのか」「自分に関係がある商品なのか」を判断できるようにします。
最初に確認したい情報は次の通りです。
- 商品名
- 商品を理解できるメイン画像
- 価格
- 主な特徴
- バリエーション
- 在庫状態
- 購入操作への導線
商品名だけで用途が分かるか
シリーズ名やブランド名だけでは、初めて訪れた人が商品を理解できないことがあります。
たとえば「Premium Series」だけではなく、 「軽量」「防水」「500ml」「13インチ対応」のように、購入判断に必要な特徴を商品名やその近くで確認できるようにします。
キャンペーンを商品より目立たせない
ポイント、会員登録、LINE登録、セール告知などをファーストビューへ詰め込みすぎると、何を買うページなのか分かりにくくなる場合があります。 商品と購入判断を優先してください。
確認項目2｜商品画像が購入前の疑問へ答えているか
商品画像の役割は、きれいに見せることだけではありません。 実店舗なら手に取って確認できる情報を補うことです。
商品に応じて、次のように役割を分けます。
| 画像 | 伝える内容 |
|---|---|
| 全体写真 | 商品の外観 |
| 別角度 | 背面・側面・内部など |
| 使用写真 | 実際の利用場面 |
| サイズ比較 | 人物や一般的な物との大きさ比較 |
| ディテール | 素材・縫製・質感・端子など |
| 収納・装着例 | 何が入るか、どのように使うか |
| 注意点 | 個体差・色・使用条件など |
似た写真を増やすより、1枚ごとに違う疑問へ答えられる方が有効です。
返品理由を写真改善へ使う
「思ったより小さい」「色が想像と違う」「厚みが分からなかった」といった返品や問い合わせが繰り返される場合は、その情報を写真へ反映します。
購入率だけを高めても、期待とのずれによって返品が増えれば良い改善とは言えません。
確認項目3｜価格・送料・発送予定をまとめて判断できるか
購入者が判断するのは商品価格だけではありません。
少なくとも次の情報を確認できるようにします。
- 商品価格
- 送料
- 送料無料条件
- 追加料金の有無
- 発送までの目安
- 予約商品の発送予定
- 配送地域による違い
決済直前まで追加費用を隠さない
商品ページでは安く見えても、カートで予想外の送料や手数料が追加されると購入判断が変わります。 購入前に確認できる情報は、できるだけ商品ページから導線を用意します。
「順次発送」だけで終わらせない
発送時期に幅がある場合でも、購入者が判断できる範囲で具体化します。
自店で約束できない日時を断定する必要はありませんが、「通常○営業日以内」「予約商品は○月以降」など、自店の運用に沿った案内へします。
確認項目4｜商品説明が購入後の使用場面まで伝えているか
商品説明はスペック一覧だけでは不足することがあります。
仕様と「それによって何ができるのか」をつなげます。
| 仕様だけの表現 | 判断しやすい情報 |
|---|---|
| 容量500ml | 容量500ml。通勤や短時間の外出で使いやすい容量 |
| A4対応 | A4書類や一般的な書類ファイルを収納可能 |
| 軽量 | 重量を実測値で表示 |
| フリーサイズ | 実寸・着用例・伸縮性を表示 |
説明文は購入者の質問順に並べる
基本的には次の順番で整理すると分かりやすくなります。
- どんな人・用途に向く商品か
- 何が便利なのか
- サイズ・素材・機能
- 使用方法
- 使用上の条件
- 購入前に知っておく注意点
問い合わせを商品説明の改善材料にする
同じ質問が何度も届く場合、その内容を商品ページへ追加できないか確認してください。 FAQへ回答を追加するだけでなく、商品写真・サイズ表・仕様説明自体を直せる場合もあります。
確認項目5｜レビュー・FAQ・返品条件で不安を減らせているか
商品の内容を理解できても、「買って失敗しないか」という不安が残ると購入は止まります。
購入前の不安を減らす情報には次があります。
- 購入者レビュー
- 評価の分布・件数
- サイズ感や使用感
- よくある質問
- 返品・交換条件
- 保証条件
- 問い合わせ方法
レビューは商品説明の代わりにしない
「サイズは大きめです」「写真より暗い色でした」といった情報がレビューで繰り返されているなら、レビューだけに任せず商品説明や写真へ反映します。
返品条件は購入前に確認できるようにする
返品ページへのリンクがフッターにしかない場合、商品ページから確認できる導線を追加します。
返品できる条件、期限、送料負担などの詳細は返品ルールページへまとめても構いません。 ただし、「返品条件があります」だけで終わらせず、購入前に詳細へ移動できるようにします。
確認項目6｜購入ボタン・在庫・バリエーション選択で迷わないか
商品に魅力を感じても、購入操作が分かりにくければカートへ進めません。
次を実際に操作して確認します。
- 購入ボタンが見つかる
- サイズ・カラーを選択できる
- 選択中のバリエーションが分かる
- 在庫切れ商品を判別できる
- 数量を変更できる
- エラー内容を理解できる
- 購入ボタンを押した結果が分かる
ボタン色より購入を止めている問題を優先する
CTAの色や装飾を変更する前に、在庫表示、サイズ選択、価格、送料など、購入そのものを止めている問題がないか確認してください。
在庫切れを購入後に知らせない
選択したカラーやサイズが購入できない場合は、購入操作の段階で分かるようにします。 注文後に欠品が発覚する状態は購入体験だけでなく運営業務にも負担がかかります。
確認項目7｜スマホで最後まで操作できるか
商品ページは管理画面のプレビューだけではなく、実際のスマートフォンでも確認してください。
主な確認項目は次の通りです。
- 商品画像が適切な大きさで表示される
- 商品名・価格が読みやすい
- 送料・発送情報を探しやすい
- サイズ・カラーを押し間違えない
- 購入ボタンを操作しやすい
- 表が画面からはみ出さない
- 文字が小さすぎない
- リンク同士が近すぎない
- 画像切り替えで大きな表示崩れが起きない
- 表示が極端に遅くない
画像追加後は表示速度も確認する
商品写真を高画質化すると、ページ容量が増える場合があります。 必要以上に大きな画像をそのままアップロードせず、WordPressやECシステムの画像最適化機能も利用してください。
表示速度に問題がある場合は、GoogleのPageSpeed Insightsなどで原因を確認できます。
EC商品ページ改善の7項目チェック表
改善候補の商品について、○・△・×で確認します。
| 項目 | ○ | △ | × |
|---|---|---|---|
| 1．ファーストビュー | 商品・価格・特徴をすぐ理解できる | 一部情報を探す必要がある | 何の商品か判断しにくい |
| 2．商品画像 | 購入判断に必要な情報がある | 不足する角度・使用例がある | 商品状態・サイズを判断できない |
| 3．価格・送料・配送 | 購入前に確認できる | 別ページを探す必要がある | 決済直前まで分からない |
| 4．商品説明 | 用途・仕様・注意点が分かる | 一部不足 | スペックだけで判断しにくい |
| 5．レビュー・FAQ・返品 | 購入前の不安を確認できる | 情報が少ない | 確認方法が分からない |
| 6．購入操作 | 迷わず購入できる | 一部操作が分かりにくい | 購入を止める問題がある |
| 7．スマホ | 問題なく閲覧・操作できる | 一部使いにくい | 表示崩れ・操作不能がある |
商品ページ改善は優先順位を付ける
問題が複数見つかっても、すべてを同時に直す必要はありません。
| 優先度 | 状態 | 例 |
|---|---|---|
| A | 買えない | 購入ボタン不具合、在庫表示ミス、選択エラー |
| B | 判断できない | 送料、納期、サイズ、仕様が不明 |
| C | 不安が残る | レビュー、返品、FAQが不足 |
| D | 見た目を改善できる | 余白、装飾、アイコン、ボタン色 |
A → B → C → Dの順で考える
目に見えるデザイン変更から始めるのではなく、購入不能・判断材料不足・不安の順で解消します。
改善対象の商品を選ぶ
全商品を同時に確認するのではなく、影響が大きい商品から始めます。
優先候補は次のような商品です。
- 閲覧数が多いのにカート追加が弱い
- 売上への影響が大きい
- 広告流入が多い
- 問い合わせが多い
- 返品が多い
- 新しく販売を伸ばしたい
「売上上位○商品」のような固定数ではなく、自社の改善効果が大きそうなページを選びます。
商品ページ改善後は変更前後を同じ条件で比較する
商品ページを変更したら、改善内容と結果を記録します。
| 記録項目 | 内容 |
|---|---|
| 変更日 | いつ公開したか |
| 対象商品 | 商品名・SKU・URL |
| 変更内容 | 画像、送料表示、説明など |
| 仮説 | 何が購入を止めていると考えたか |
| 商品閲覧 | 流入量が変わっていないか |
| カート追加 | 商品ページから購入意向が高まったか |
| チェックアウト開始 | カート以降へ進んだか |
| 購入 | 最終購入が変化したか |
| 問い合わせ | 購入前の質問が減ったか |
| 返品 | 期待とのずれが増えていないか |
期間ではなくデータ量も見る
アクセスや購入が少ない商品は、短期間の数件だけで改善効果を判断すると偶然の影響を受けやすくなります。 自店で判断できるデータ量が集まるまで確認し、セール・広告・季節要因が大きく異なる期間を単純比較しないでください。
CVRだけで成功判定しない
たとえば商品ページ改善によってカート追加が増えたのに購入数が変わらない場合、商品ページ側は改善し、次のボトルネックがカートや決済に移った可能性があります。
逆に購入数が増えても返品や問い合わせが大幅に増えた場合は、商品情報が購入者の期待を必要以上に高めていないか確認します。
EC商品ページ改善の実行手順
計測状態を確認する
商品閲覧、カート追加、チェックアウト開始、購入を正しく取得できているか確認します。
改善対象の商品を選ぶ
閲覧、売上、問い合わせ、返品などから影響が大きい商品を選びます。
7項目を診断する
ファーストビューからスマホ操作まで○・△・×で確認します。
原因の仮説を1つ決める
「送料が分からない」「サイズ判断ができない」など、具体的な原因にします。
優先度の高い問題を修正する
購入不能、判断材料不足、不安の順で改善します。
変更内容を記録する
変更日、修正内容、仮説、変更前の数値を残します。
変更後を比較して次の課題を決める
カート追加、購入、返品、問い合わせを確認し、次の改善へ進みます。
EC商品ページ改善のFAQ
Q. EC商品ページのCVRが低いとき、最初に何を直せばよいですか？
最初に商品閲覧からカート追加、チェックアウト、購入までを確認してください。 商品閲覧は多いのにカート追加が少ない場合に、商品ページの写真、価格・送料、説明などを確認します。
Q. 商品説明を長くすれば購入率は上がりますか？
文章量を増やすこと自体が目的ではありません。 サイズ、用途、素材、配送、返品など、購入判断に必要な情報を探しやすい順番で掲載することを優先します。
Q. 商品画像は何枚必要ですか？
共通の最適枚数はありません。 全体、別角度、サイズ、使用場面、素材など、その商品を購入する前に確認したい疑問へ答えられる画像を用意してください。
Q. 商品ページの購入ボタンは何色がよいですか？
特定の色だけで購入率が決まるわけではありません。 周囲と区別でき、文字が読みやすく、押せることが分かることを優先します。 その前に在庫、サイズ選択、送料など購入を止める問題がないか確認してください。
Q. 商品ページ改善は何日で効果を判断できますか？
共通の日数はありません。 閲覧数や購入数が少なければ短期間の変化は偶然の影響を受けやすいため、十分なデータが集まるまで確認します。 セールや広告など流入条件が大きく違う期間との単純比較も避けてください。
Q. カート追加は多いのに購入されない場合も商品ページを直しますか？
商品ページだけが原因とは限りません。 カート、送料、会員登録、入力フォーム、配送方法、決済方法など購入手続き側を優先して確認します。
まとめ｜EC商品ページ改善は「売れない原因」を先に見つける
EC商品ページ改善では、写真やボタンを思いつきで変更するのではなく、購入ファネルと7項目からボトルネックを特定します。
確認する7項目
- ファーストビュー
- 商品画像
- 価格・送料・配送
- 商品説明
- レビュー・FAQ・返品条件
- 購入ボタン・在庫・バリエーション
- スマホ表示・速度
最初に直すのは、見た目ではなく「買えない」「判断できない」「不安が残る」という問題です。
変更前の数字と修正内容を記録し、カート追加、購入、問い合わせ、返品まで確認してください。 この繰り返しによって、自店の商品ページで本当に購入を止めている原因を少しずつ減らしていきます。
参考にした公式情報
GA4のEC計測では、利用しているECシステムや実装方法によって設定が異なります。 商品ID、金額、通貨、購入イベントなどが正しく送信されているか、実際の注文データと照合してください。
まず1商品だけ7項目で診断する
閲覧数や売上への影響が大きい商品を1つ選び、ファーストビューからスマホ操作まで○・△・×を付けてください。 最も優先度の高い問題を1つ改善し、変更前後のカート追加・購入・返品を比較します。