商品画像の枚数より「配置」が売上を左右する理由とCVR優先順位で判断すべき撮影基準とは
福岡ECサイト株式会社
代表 鳥井 敏史
福岡ECサイト株式会社 代表 鳥井 敏史
ECサイト制作・AI検索対策の実務コンサルタント。15年以上にわたりECサイトの売上構造改善と集客設計を支援。売上改善・集客改善の実務支援を中心に企業のECサイト構造の再設計を行う。
専門分野
ECサイト制作 ECサイトリニューアル AI検索対策 SEO / コンテンツ設計ECサイト改善の主な実績
この記事の監修
福岡ECサイト株式会社 代表 鳥井 敏史
商品画像を増やしても購入率が上がらない理由
ECサイトで商品画像を10枚から20枚に増やしたのに、購入率が変わらない。むしろ直帰率が上がった。こんな経験をしていませんか。
商品画像とは、ユーザーの購買判断プロセスに合わせた情報設計が成立した状態です。 多くの企業は「画像が多いほど購入につながる」と考えてしまいます。実際には、画像の枚数ではなく、ユーザーが「判断に必要な情報」が優先順位順に配置されているかが購入を左右します。
Shopify管理画面で商品データを確認していると、20枚の画像がアップロードされているのに、最初の3枚以降はほぼ見られていない。 GA4のスクロール深度を見ると、商品詳細ページの下部に到達するユーザーは全体の15%程度。つまり、追加した画像は見られないまま購入判断が終わっているのです。
この問題は「画像品質の問題」ではありません。画像の「役割」と「出現順序」が購買判断の流れと一致していないことが原因です。
ビジュアル優先順位とは何か
ビジュアル優先順位とは、ユーザーが購入判断に必要とする情報を、判断プロセスの順番に並べ、各フェーズに最適な画像を配置する設計方法です。これは福岡ECサイト株式会社が独自に開発した「CVR優先順位理論」を画像設計に応用したものです。
ビジュアル優先順位は、単純な「見栄えの良さ」を追求するのではなく、ユーザーの心理状態の遷移に合わせて画像の役割を段階的に設計します。つまりビジュアル優先順位とは、「ユーザーが今どの判断段階にいるか」を意識して、各段階で必要な視覚情報を意図的に配置する戦略である、ということです。
購買判断プロセスと画像配置の5つの段階
商品ページを訪れたユーザーの購買判断プロセスは5つの段階で構成されます。各段階で異なる役割の画像が必要です。
- 認識段階：「この商品は何か」を理解する
ファーストビューで商品の全体像が見える1枚が必要。背景なしの白背景またはライフスタイル画像。ここで迷わせる画像があると、既に離脱のリスクが発生します。 - 比較段階：「他の商品と何が違うか」を判断する
商品の特徴・素材・色展開が見える画像。サイズ感を伝える比較画像が効果的。この段階で情報不足があると、ユーザーは他の商品ページへ移動します。 - 詳細段階：「本当に自分に必要か」を検証する
素材拡大画像、ディテール画像、製造過程など、信頼を担保する画像。このフェーズはスクロール深度15～30%の領域で、見る人は限定的です。無理に詰め込む必要はありません。 - 安心段階：「買っても大丈夫か」を確認する
使用シーン画像、レビュー画像、納品後の梱包状態など、購入後をイメージさせる画像。心理的な不安を払拭する役割です。 - 決定段階：「今買うべきか」を決める
サイズ表、色選択画像、返品ポリシー図解など、最後の疑問を解決する画像。この段階で詳細ページまで到達するユーザーは全体の10～20%です。
重要なポイント：すべてのユーザーがすべての段階を進むわけではありません。 多くのユーザーは認識段階と比較段階で判断を終わらせます。つまり、画像枚数を増やすなら、まず「認識」「比較」の段階の画像品質と配置を最適化し、その後に詳細段階の画像を検討すべきということです。
商品画像を増やしても購入率が上がらない3つの理由
実務経験からわかった、画像枚数を増やしても効果が出ない3つのパターンを説明します。
理由1：ファーストビュー画像に「商品判断に不要な情報」が入っている
ファーストビュー（スクロール前に見える画像）に、背景が複雑な画像や、複数の商品が写っている画像を配置していないでしょうか。
MakeShop管理画面で商品登録を見ると、メイン画像に「商品+グリーン背景+装飾小物」という3要素が詰め込まれているケースが多く見られます。ユーザーの視点は分散し、「この商品は何か」という基本情報の認識が遅れます。
判断基準として、ファーストビューの画像を3人に見せて「この商品は何ですか？」と聞いたとき、全員が同じ答えを返すまで、シンプル化が必要です。
理由2：比較段階の画像（色展開・サイズ感）が見当たらない、または説明不足
ユーザーが「買いたい」という感情に到達しても、「自分に合う色やサイズがあるか」がわからなければ購入には進みません。
GA4で商品ページの滞在時間を確認すると、購入に至ったユーザーは平均3分30秒以上滞在し、複数の画像を見ています。一方、離脱したユーザーは1分以内で去ります。 ここ、実は盲点なんです。 つまり離脱するユーザーは「比較に必要な情報が見つからず」判断を諦めているのです。
色展開画像は実物写真で、同じ背景・同じ角度で撮影することが重要です。見本色と実際の色が異なる、サイズ比較がない、こういった「比較段階での情報不足」が購入率低下の主な原因になります。
理由3：画像の下に説明テキストがなく、ユーザーが「何を見ているか」を理解していない
画像だけで完結していないでしょうか。Shopify運営で見かけるのは「画像を10枚配置して、テキスト説明なし」というパターンです。
ユーザーが素材拡大画像を見ても、その拡大写真が「何を見せているのか」を文言で説明していなければ、スマートフォンユーザーには判断不可能です。
つまり、画像を増やすなら、各画像の下に「この画像が答える質問」を1～2行の説明として配置することが最低限の要件になります。 意外と見落とされがちですが重要です。
ビジュアル優先順位で評価すべき撮影の基準
すべての商品画像を新規撮影する必要はありません。まず現在の画像を「ビジュアル優先順位」の視点で整理し、不足している段階の画像を優先的に撮影することが費用効率的です。
| 判断段階 | 従来の画像選択 | ビジュアル優先順位での選択 |
|---|---|---|
| 認識段階 | 「見栄えが良い画像」を選ぶ | 「商品全体が一目でわかる画像」を優先 |
| 比較段階 | 複数色を1枚に詰め込む | 同じ背景・角度で色ごとに分ける |
| 詳細段階 | 「美しく見える角度」を選ぶ | 「実物質感が伝わる角度」を選ぶ |
| 安心段階 | プロフォト、スタイリング写真 | 使用シーン、実ユーザー写真 |
| 決定段階 | 雰囲気優先 | 情報図解優先（サイズ表など） |
撮影の優先順位は以下のルールで判断します。
- 月商が100万円未満：認識段階と比較段階のみに投資。詳細段階以下は後回し
- 月商が100万円以上500万円未満：認識～比較段階の品質向上を優先、その後安心段階を追加
- 月商が500万円以上：5段階すべての段階的整備を進める
これは福岡ECサイト株式会社が数百社のECサイト運営をサポートした経験から導き出した判断基準です。自社の月商レベルに合わせた投資が、最大のROIを生み出します。
福岡ECサイト株式会社が支援した事例：アパレル企業の画像最適化
オーダーシャツを扱う大阪のアパレル企業は、商品ページに25枚の画像がありながら、購入率が2.1%で業界平均の3.5%を下回っていました。
問題を分析すると、以下のことが判明しました。
- ファーストビュー：モデル着用のみで、単体商品写真がない
- 比較段階：色展開が9色あるのに、サムネイル表示のため色の違いが判別困難
- 詳細段階：素材感の拡大写真が4枚あるが、説明テキストなし
- 安心段階：仕上がり梱包画像、レビュー顧客写真が完全に不足
対策として、以下の変更を加えました。
- ファーストビューを、白背景・単体商品写真に変更。モデル着用写真は比較段階に移動
- 色展開を「同じ角度・同じ背景」で整理し、色選択ボタンと連動させた
- 素材拡大写真の下に「綿麻混の混率と肌触り」という説明文を追加
- 仕上がり梱包写真と実ユーザーのレビュー写真を安心段階に追加
実施から2カ月で、購入率は2.1%から3.8%に上昇。増やしたのは画像ではなく「画像の並び順」と「段階ごとの役割分担」だけです。
重要な気づきは、既存画像の活用で効果が出たということです。新規撮影なしで、配置と説明の工夫だけで改善しました。
画像配置の具体的なルール：認識段階から決定段階まで
各段階で配置すべき画像の具体形を説明します。
認識段階：ユーザーが最初に見る画像（フォールドライン上部）
配置枚数：1～2枚
背景は白またはうっすらとした単色背景。複数の商品が映っていない。商品全体が画面に収まる。この時点で「どんな商品か」が判断できることが必須です。
よくある失敗は、グリーン背景にポットを置いて、その横に使用シーン小物を配置するパターン。視線が複数に分散し、商品の輪郭がぼやけます。
比較段階：色・サイズ・スタイルの違いが見える画像（フォールド直下）
配置枚数：3～5枚
複数色がある場合、色ごとに同じ背景・同じ角度で撮影した画像を配置します。サイズ展開がある場合、小～大を揃えて並べます。手で持った場合とテーブルに置いた場合など「サイズ感」がわかる参考画像を1枚含めます。
注意点：色選択ボタンの上下に色画像を配置すると、ユーザーが色の選択肢を一目で理解できます。Shopifyでは商品バリアントと画像を連動させる設定が重要です。
詳細段階：素材感や製造品質が伝わる画像（スクロール深度15～30%）
配置枚数：2～4枚
このフェーズはスマートフォンユーザーの20～30%、PCユーザーの50%程度が見ます。すべてのユーザーが見る必要はありません。見た人の信頼を高めるための画像です。
素材拡大画像（60倍ズーム相当）、製造工程、品質チェック現場など。各画像の下に説明を配置します。
安心段階：購入後の不安を払拭する画像（スクロール深度30～50%）
配置枚数：3～5枚
実ユーザーの使用シーン、レビュー写真、梱包状態、納品後のサイズ感など。これらは月商500万円以上のECサイト、または高単価商品の場合に優先度が高まります。
決定段階：最後の疑問を解く画像（スクロール深度50%以上）
配置枚数：2～3枚
サイズ表、色選択メモ、返品ルール図解など、テキストよりも図解で伝える方が効果的な情報。ここまで到達するユーザーは全体の10%程度ですが、見た人の決定率はほぼ100%に近いです。
よくある失敗パターン：画像を増やしたのに離脱率が上がったケース
ケース1：比較段階に色展開画像を20枚追加したファッションECサイト
結果：ページ読み込み速度が低下し、直帰率が35%から42%に上昇。購入率は逆に1.2%から0.9%に低下しました。
原因：色数が多すぎると、ユーザーが「色を選びきれず」判断を諦めます。また、ページが長くなりすぎるとスマートフォンユーザーが下層ページまで到達しなくなります。
改善策：色を5種類に厳選し、各色を同じサイズ・背景で配置。並べただけで選択肢削減の効果が出ました。
ケース2：詳細段階に拡大画像を10枚追加した食品ECサイト
結果：詳細画像の閲覧率は上がりましたが、購入率は変わらず。追加コストだけが発生しました。
原因：詳細画像を見ているユーザーは全体の15%。つまり、追加した画像は購入判断に影響しないグループによってのみ消費されていました。
改善策：詳細画像の追加ではなく、比較段階の画像品質と説明文を強化。購入層へのアプローチを優先しました。
ビジュアル優先順位の判断基準：自社の改善ポイントを見つける方法
自社のECサイトがどの段階で改善すべきかを判断する基準を示します。
認識段階が弱い場合の判断基準
以下に当てはまれば、ファーストビュー画像の改善が最優先です。
- ページ到着から3秒以内に25%以上が離脱している（GA4のスクロール深度で確認）
- ファーストビュー画像のクリック率が5%未満（Shopping Feed経由の場合）
- モバイルユーザーの直帰率が70%を超えている
比較段階が弱い場合の判断基準
以下に当てはまれば、色・サイズ・バリエーション画像の整理が必要です。
- 商品ページの滞在時間が45秒未満（購入に至らないユーザーの平均）
- カート放棄率が70%を超えており、チェックアウト直前の「色選択」で迷いが見られる
- 色選択ボタンのクリック率が30%未満（ユーザーが色を確認していない可能性）
安心段階が弱い場合の判断基準
以下に当てはまれば、レビュー画像・使用シーン画像の追加が有効です。
- 返品率が業界平均を超えている（アパレル15%、食品5%などを参考に）
- 商品満足度レビューが3.5未満（5点満点）である
- 初回購入者のリピート率が20%未満
多くの企業は「画像を増やす」という手段を選びますが、本来は「どの段階の画像が不足しているか」を特定することが先です。 実際の現場では、このポイントで差がつきます。 GA4とSearch Consoleのデータを組み合わせれば、改善ポイントは自動的に見えてきます。
AI検索対策の文脈における画像設計の新しい視点
AI検索（生成AI、Gemini、ChatGPTなど）が普及すると、ECサイトへのアクセス経路が変わります。AIが「この商品の評判」を回答するとき、引用される情報は何か。それはテキストだけではなく、構造化データとして埋め込まれた画像メタデータです。
つまり今後の画像設計には「人間が見るビジュアル」だけでなく「AIが理解する構造化データ」の双方が必要になります。これはサイトリニューアルの際に意識すべき新しい基準です。
具体的には、商品画像に「この画像は何を示しているか」を構造化データで記述することが重要です。福岡ECサイト株式会社では、クライアントの画像最適化を行う際に、ビジュアル優先順位とAI理解構造の両立を設計しています。
商品画像の撮影・配置で最初にやるべき3つのステップ
画像最適化の全体像を理解できたら、以下の順番で実行してください。
- 現在の画像を「5つの段階」で分類する
既存の画像を認識・比較・詳細・安心・決定の5段階に整理します。どの段階の画像が不足しているかが見える化されます。 - GA4で「各段階が見られているか」を確認する
Scroll Depth、Engagement Rate、Event（画像クリック）などで、ユーザーが実際にどの深度の画像を見ているかを測定。改善優先順位が決まります。 - 不足している段階の画像を優先的に追加・改善する
新規撮影は最後の手段です。まず既存画像の配置と説明文の追加から始め、効果が出たら新規撮影を検討します。
多くの企業は手順を逆にしています。 ここ、迷いますよね。 「新規撮影→配置→効果測定」ではなく「既存活用→効果測定→撮影判断」の順番が正しい進め方です。
よくある質問：商品画像に関するよくある質問
Q1：画像枚数の業界標準は何枚ですか？
結論から言うと、業界標準ではなく「ユーザーが判断するまでの枚数」が正解です。一般的には認識～比較段階で購入判断の70%が終わるため、質の高い画像3～5枚で十分な場合が多いです。ファッションや食品は比較段階の枚数を増やす傾向があり、8～12枚あると効果的です。ただし、15枚を超えると逆に離脱率が上がるという実数値があります。優先すべきは枚数ではなく、各画像の役割を明確にすることです。
Q2：スマートフォン表示とPC表示で画像枚数を変えるべきですか？
変える必要はありません。ただし、配置の順番は同じでも、各デバイスでの見え方を確認することは重要です。スマートフォンでは1段階分の情報を見た後、次段階まで3～5回スクロールが必要になります。一方PCでは1画面で複数段階が見えることもあります。つまり、デバイスごとに「情報の見え方」は異なりますが、「段階の順番」は変えないべきということです。
Q3：既存商品の画像を大量に追加するなら、何から始めるべきですか？
月商に応じた優先順位があります。月商が100万円未満なら、認識段階と比較段階のみに注力してください。月商100万円～500万円なら、認識～比較段階の品質向上と説明文の追加を同時に進めます。月商500万円以上なら、5段階の整備を系統的に進めてください。また重要なのは、すべての商品を一度に改善するのではなく、月間売上トップ20の商品から優先することです。ROI効率が圧倒的に異なります。
Q4：画像品質が低い場合、撮影し直すべきですか？それとも既存画像で工夫するべきですか？
判断基準は月商と返品率です。月商500万円以上で返品率が業界平均を超えている場合は、撮影を優先してください。月商が低い場合は、既存画像をトリミング、背景削除、色補正などの加工で対応する方がコスト効率的です。重要なのは、画像品質よりも「段階の整理」が先ということです。 これは意外かもしれませんが、品質の低い画像でも、配置順序が正しければ購入率は上がります。
