← ブログ一覧へ

Shopify商品ページのレコメンド件数は何件が最適か?増やしすぎの失敗例と設計基準

Shopify商品ページのレコメンド件数は、やみくもに増やすと逆効果になります。ファーストビューに置く場合は2〜4件、ページ下部の補完枠なら4〜8件を上限とし、目的別に枠を分けて設計するのが基本です。この記事では、件数ごとの役割、避けるべき失敗パターン、判断基準とチェックリストを具体的にまとめました。

商品ページのレコメンド件数:少なめの見やすい配置と増やしすぎの対比図解
AI generated (gpt-image-1.5)

商品ページに「おすすめ商品」や「関連商品」をどれだけ並べるべきかは、意外と判断が難しいテーマです。とりあえず多めに出しておけば機会損失が減るだろうと考えて、10件以上のレコメンドを敷き詰めているストアも少なくありません。ですが、件数を増やしすぎると逆に迷わせてしまい、CVRや客単価が落ちるケースがよくあります。Shopifyのテーマやレコメンドアプリは簡単に商品数を増やせてしまうので、なおさら設計の意図が重要です。

結論から言うと、商品ページ(PDP)のレコメンドは「目的ごとに枠を分け、その枠ごとに上限件数を決める」のが基本です。ファーストビュー近くのアップセル目的の枠は2〜4件に絞り、ページ下部での「ついで見」用の枠でも4〜8件が上限の目安です。これを超えて10件以上を並べると、多くのストアでクリック率と購入率の両方が鈍りやすくなります。ここでは、Shopifyで現実的に実装しやすい設計基準と、やってしまいがちな失敗パターン、件数の決め方のチェックリストを具体的に整理します。

まず整理したい:商品ページのどのレコメンドが「何をする枠」か

件数の話に入る前に、商品ページ上のレコメンドを「役割」で分けておくと判断しやすくなります。よくあるのは次の3タイプです。

  • アップセル枠:同一商品をグレードアップ・セット化・サイズ増量などで単価を上げる枠(例:通常サイズから大容量サイズへの誘導)
  • クロスセル枠:一緒に買うと便利な関連商品を提案する枠(例:トップスの商品ページでボトムスやベルトを提示)
  • 代替/類似商品枠:検討中の商品が合わないときの逃げ道として、似た価格帯やカテゴリの商品に乗り換えてもらう枠

Shopify公式テーマの多くは「おすすめ商品」「関連商品」など1〜2枠を標準搭載していますが、アプリを組み合わせると、これら3タイプを分けて配置することができます。どの枠も「おすすめ」として見えるので、運営側はつい全部を厚くしたくなりますが、役割まで分解すると、枠ごとに適切な件数が違うことがわかります。

つまり、商品ページのレコメンド件数は「ページ全体で何件出すか」ではなく、「枠ごとに何件まで許容するか」で考えるのが実務的です。次のセクションからは、各枠の目的と件数の目安を整理します。

ファーストビュー付近のレコメンドは2〜4件が基本線

メイン画像や価格・カートボタンの近くに置くレコメンドは、ユーザーが商品を真剣に検討しているタイミングで目に入る要素です。この位置のレコメンドは、クリックされたときに「せっかく盛り上がった購入意欲を、別の商品に逃がしてしまうリスク」もあります。そのため、ここに配置するのは「アップセル」か「強い関連商品」に絞り込み、件数も2〜4件に抑えるのが現実的です。

ファーストビュー近くで8件以上を横スクロールで出す設計も見かけますが、多くの場合「目移りの発生」と「ページ速度への影響」がデメリットになります。スクロール操作を伴うカルーセルに大量の候補を詰め込んでも、ユーザーは全てを見ることはほとんどなく、上の数件だけで判断することが多いからです。

特に、スマホのPDPでは表示幅が限られているため、1画面に見えるのは1〜2商品程度です。この状態で10件分のレコメンドを流しても、最後までスワイプするユーザーはごく一部です。「本当に見せたい候補を2〜4件に厳選する」「補完的な商品はページ下部の別枠に回す」という役割分担をした方が、クリック率とCVRの両方のバランスが取りやすくなります。

ページ下部の「ついで見」レコメンドは4〜8件まで

レビューの下や「この商品について」セクションの後など、ページの中〜下部に置くレコメンドは、ユーザーが一通り情報を確認した後の「ほかの商品も見てみようかな」というタイミングを捉える枠です。ここでは、アップセルというより「回遊」と「代替案」の提供が主な役割になります。

この位置であれば、ファーストビューよりも多めに商品数を見せても問題ありません。ただし、それでも4〜8件程度までに抑えた方が、一覧として把握しやすくなります。グリッドレイアウトであれば、「2列×2〜4行」程度が一つの目安です。これ以上増やすと、ユーザーは「全部を見る」よりも早々にスクロールをやめてしまい、下に埋もれた商品はほとんど見られません。

また、ページ下部は「最近見た商品」「あなたへのおすすめ」「同じシリーズ」など、複数の枠を並べたくなる場所です。各枠に8件ずつ入れてしまうと、結局20件以上の商品が連続して並び、情報過多になります。どうしても枠を複数置く場合は、「回遊用のレコメンド枠は合計で8〜12件以内」といった全体の上限も意識しておくとバランスが取りやすくなります。

やりがちな失敗パターン:レコメンドを「詰め込むだけ」の設計

運営側がやってしまいがちな失敗は「とりあえず候補を増やして、どこかで刺さればよい」という発想で、商品ページをレコメンドだらけにしてしまうことです。典型的なパターンをいくつか挙げます。

  • ファーストビューに10件近いカルーセルを配置し、スクロールしないと商品詳細が見えない
  • ページ下部に「おすすめ商品」「関連商品」「閲覧履歴」「ランキング」をすべて8件ずつ出し、計30件以上が連なる
  • メインのレコメンド枠が類似商品とクロスセル商品をごちゃ混ぜにしており、ユーザーがどう選べばよいかわからない
  • 価格帯もジャンルもバラバラな商品が大量に並び、「自分向けの提案」という印象が薄くなっている

こうした設計では、クリック率が分散し、どのレコメンド枠も中途半端な成果に終わりがちです。さらに、商品数が増えるほど画像やデータの読み込みも増え、モバイルでの体感速度が落ちるリスクもあります。Shopifyのテーマやアプリは、管理画面上の設定で簡単に「表示件数」を増やせてしまうため、つい詰め込みがちですが、「とりあえず最大件数」は避けるべきです。

もう一つの落とし穴は、分析のしにくさです。複数のレコメンド枠に大量の商品を表示していると、「どの枠が機能していて、どの枠が不要か」を判別しづらくなります。件数を絞ることは、ユーザーの選択肢を整理するだけでなく、運営側の検証対象を絞り込む意味もあります。

自ストアに合うレコメンド件数を決めるチェックリスト

最適な件数はストアの商材や価格帯によっても変わりますが、闇雲にABテストを始める前に、「前提条件として満たすべきポイント」をチェックしておくと設計がぶれにくくなります。

  • 【ページ構造】メインの商品情報(画像・価格・カートボタン)が、スマホの1〜2画面内に収まっているか
  • 【枠の役割】アップセル/クロスセル/代替・類似の少なくとも2種類以上は役割を分けて考えているか
  • 【表示位置】ファーストビュー近くに配置する枠は1つだけに絞れているか
  • 【上限管理】ページ下部のレコメンド枠を合計しても、12件前後を超えていないか
  • 【関連度】各枠のレコメンドロジック(同カテゴリ、同ブランド、セット商品など)が明確か
  • 【計測】レコメンド枠ごとにクリック率や追加購入率を把握する手段があるか

このチェックリストを満たしたうえで、まずは「ファーストビュー2〜4件+ページ下部4〜8件」というベーシックな構成から始めるのがおすすめです。その後、枠ごとのクリック率や、レコメンド経由の購入数を見ながら、件数を1〜2件単位で増減させていくと、極端な失敗を避けながら最適値に近づけます。

特に、SKU数が多い総合型ストアでは「商品が多いから、レコメンドも多く出さないと」と考えがちですが、1ページ内の情報量には限界があります。まずは「1ページあたりでユーザーが理解しやすい件数」に揃え、その中身(どの商品を出すか)にこだわる方が成果に直結しやすいです。

ケース別:レコメンド件数の現実的な目安

商材ジャンルごとに、ユーザーの比較行動はある程度パターンがあります。厳密な数値ではなく「設計を始めるときの目安」として、次のような考え方が参考になります。

  • アパレル・ファッション:色違い・サイズ違い・コーデ提案が中心。ファーストビュー近くのアップセル/類似商品は2〜4件、ページ下部の「コーデでまとめて買う」は4〜6件程度
  • コスメ・日用品:リピート・まとめ買いが多い商材。詰め替えやセット品などのアップセルを2〜3件、関連カテゴリの商品を4〜8件
  • 家具・家電・高単価商品:比較に時間がかかる分、代替・類似商品のレコメンドが重要。ただし意思決定の負荷を考え、ファーストビューは2〜3件、ページ下部で4〜6件程度に抑える
  • 食品・ギフト:バリエーションが多い場合でも、1ページに10件以上並べるより、詰め合わせ・人気の組み合わせなど「選びやすい単位」を2〜4件提案する方が機能しやすい

どのジャンルでも共通するのは、「件数を増やすより、用途やシーンが違う商品を混在させないこと」の方が優先度が高いという点です。たとえば、家具のPDPで「同じシリーズの色違い2件+まったく別カテゴリの小物4件」のように混在させるより、「まずは同シリーズの選択肢3件」「ページ下部にコーディネート例として小物を4件」と分けた方が、ユーザーにとっては判断しやすくなります。

Shopifyで実装するときの具体的な手順と判断ポイント

Shopifyでは、テーマ設定とアプリを組み合わせることで、レコメンド件数や枠の数を柔軟に変えられます。ここでは、実際に運営画面で調整する際のステップと判断ポイントを整理します。

  • 1. 現状を棚卸し:商品ページをスマホで確認し、「どの位置に、何件のレコメンドが出ているか」をスクリーンショットで洗い出す
  • 2. 枠にラベルを付ける:各枠に「アップセル」「クロスセル」「代替・類似」「閲覧履歴」などの役割ラベルを付ける
  • 3. 必要な枠だけ残す:ファーストビュー付近は1枠に絞り、ページ下部も役割が被っている枠は統合する
  • 4. 件数を仮決めする:役割と位置ごとに「2〜4件」「4〜8件」など初期値を決める
  • 5. Shopifyのテーマエディタ/アプリ設定で反映する:各セクションやウィジェットの「商品数」を変更し、実機でレイアウト崩れがないか確認する
  • 6. 計測期間を区切る:2〜4週間など期間を区切って、レコメンド枠ごとのクリック率や売上寄与を確認する

このとき重要なのは、「一度にいくつも変えすぎない」ことです。ファーストビューの件数もページ下部の件数も同時に変えてしまうと、どこが効いたのか判断できません。まずはインパクトの大きいファーストビューの枠から件数を整理し、その後、ページ下部の枠の数と件数を調整する、と段階を分けて進めると検証しやすくなります。

また、Shopifyの標準機能や多くのテーマは、商品推奨セクションに対して「表示する商品数」を数値で設定できます。ここで最大値を設定するのではなく、「スマホで1〜2回スクロールすれば全件が見える件数か」を基準に決めると、ユーザー視点に近い設計になります。

RecoBoostならこう活かす:枠別ロジックと件数を分けて検証する

RecoBoostのようなAIレコメンド・アップセルアプリを使う場合も、考え方は同じです。まずは商品ページ上で「アップセル用」「クロスセル用」「代替・類似用」と枠を分け、各枠の件数を2〜4件/4〜8件の範囲で仮置きします。そのうえで、RecoBoost側の設定で枠ごとにレコメンドロジックと上限件数を分け、クリック率や追加購入率を比較します。アルゴリズム任せに商品を増やすのではなく、「どの枠で何件見せると、どの指標が変わるか」を1枠ずつ確認していくことで、自ストアにとっての最適なレコメンド件数を安全に見つけていくことができます。

商品ページのレコメンド件数は、「多ければよい」ではなく「役割ごとに適量を決める」発想が重要です。ファーストビューは2〜4件、ページ下部の回遊用でも4〜8件を一つの目安にしつつ、枠の役割と位置を整理しながら、自ストアのユーザー行動に合わせて少しずつ調整していくのが現実的なアプローチです。レコメンドの質と件数のバランスを取ることで、CVR低下やページ離脱を防ぎながら、客単価アップにつながる設計がしやすくなります。