同一ページに複数ロジックを置くときの優先順位 Comparison
同一ページにレコメンドを複数ブロック配置するときの、ロジックの優先順位と組み合わせ方の比較ガイドです。どのロジックを上に置くか、何個までに抑えるか、競合しない並べ方と、出しすぎによるデメリットを整理します。

結論:1ページ3ブロック以内、役割がかぶるロジックは同居させない
同一ページに複数のレコメンドブロックを置くときは、
- ブロック数は「3つ以内」に絞る
- 1ブロック1役割(閲覧補助・クロスセル・アップセルなど)にする
- AI類似商品 と AI関連商品 のように、狙いが近いロジックを同じ位置に並べない
というルールで整理すると、売上・CV の邪魔をしにくい配置になります。
以下では、代表的なロジックを比較しながら、「どのページで」「どのロジックを」「どの順番で」置くべきかを解説します。
比較対象ロジックの整理
ここでは、Shopify ストアでよく使うレコメンドロジックを、役割ごとに3グループに分けて比較します。実際のロジック名はアプリにより異なりますが、ここでは代表例として AI類似商品・AI関連商品・一緒によく買われる商品・閲覧履歴・ランキング(売れ筋) の5つで考えます。
- AI類似商品:今見ている商品と近い価格帯・デザイン・用途の商品を提案する。役割は「迷っている人に別候補を出す」
- AI関連商品:今見ている商品と一緒に使うことが多い、用途がつながる商品を提案する。役割は「セット・コーデ提案」
- 一緒によく買われる商品:過去の購買データから一緒買いされやすい商品を提案。役割は「実績ベースのクロスセル」
- 閲覧履歴:ユーザーが最近見た商品を再提示。役割は「戻りやすくする・比較しやすくする」
- ランキング(売れ筋):人気順で並べる。役割は「迷っている人に外さない選択肢を見せる」
このうち、同じページに複数置いたときに「競合しやすい(役割がかぶる)」のは次の組み合わせです。
- AI類似商品 × ランキング(売れ筋)(どちらも「他の候補」を出す)
- AI関連商品 × 一緒によく買われる商品(どちらも「一緒に買うもの」を出す)
逆に、役割がはっきり分かれていて「同居させやすい」組み合わせは次のようになります。
- AI類似商品 × AI関連商品(代替案 + セット提案)
- AI類似商品 × 閲覧履歴(代替案 + 比較用の再訪リンク)
- ランキング(売れ筋) × 閲覧履歴(人気商品 + ユーザー専用の軌跡)
商品ページ:どのロジックを何番目に置くか

商品ページは「買うかどうか」を決める場なので、優先すべきは「購入の背中を押すブロック」です。ここでの候補ロジックを比較します。
- AI類似商品:ユーザーが今の商品に迷っているとき、離脱を「別商品への乗り換え」に変えられる。単価・カテゴリを近く保ちやすい
- AI関連商品:今の商品を前提に、カゴの中身を増やせる。アクセサリ・セット・コーデなど
- 一緒によく買われる商品:実績データが十分ある場合に、信頼度の高いクロスセルができる
- 閲覧履歴:比較検討のしやすさは上がるが、視線が散って今の商品への集中を削ぐリスクもある
- ランキング(売れ筋):別カテゴリの商品まで出てしまうと、商品ページの意図からずれやすい
商品ページに複数ロジックを置く際の「おすすめ優先順位」は次のイメージです。
- 第1優先:AI関連商品 または 一緒によく買われる商品
- 目的:カート内点数・客単価アップ
- 配置位置:商品説明のすぐ下 〜 カートボタンの少し下 - 第2優先:AI類似商品
- 目的:離脱防止(代替案提示)
- 配置位置:商品詳細コンテンツの末尾(レビューの下など) - 第3優先:閲覧履歴(必要な場合のみ)
- 目的:比較検討支援
- 配置位置:ページ最下部付近 に小さめで
このページでの「避けたい組み合わせ」は以下です。
- AI関連商品 と 一緒によく買われる商品 を上下に連発する(同じようなクロスセルが続き、情報過多)
- AI類似商品 をカートボタンのすぐ近くに置き、購入の決心を鈍らせてしまう(「他も見るか」と迷い始める)
- 4ブロック以上を商品ページに詰め込む(読み込み遅延と、主商品への集中低下)
トップページ・コレクションページ:発見重視の配置
トップ・コレクションは「まだ何を買うか決めていない人」の比率が高いため、「発見」「入口作り」が役割になります。それぞれのロジックの適性は次の通りです。
- ランキング(売れ筋):初訪問〜ライトユーザー向けの入口。失敗しにくい選択肢を提示できる
- 閲覧履歴:リピーターや検討中ユーザー向け。前回の続きにスムーズに戻れる
- AI類似商品:トップよりも、コレクションや商品ページ向き。トップに大量に出すと脈絡が弱くなりやすい
- AI関連商品・一緒によく買われる商品:前提となる「軸商品」が必要なので、トップより商品ページで活きる
トップページに複数ブロックを置くときのおすすめ構成と優先順位です。
- 第1優先:ランキング(売れ筋)
- 目的:初めての人に看板商品を見せる
- 配置位置:メインビジュアル(ヒーロー)直下 - 第2優先:閲覧履歴
- 目的:再訪ユーザーをすぐ「続きの検討」に戻す
- 配置位置:ランキングより下、またはページ下部 - 第3優先:カテゴリ別ランキングや特集的なAI類似商品ブロック
- 目的:特定カテゴリへの導線作り
- 配置位置:ページ中〜下部
コレクションページでは、次のような組み合わせが扱いやすくなります。
- ランキング(売れ筋):そのコレクション内の人気商品だけを表示
- AI類似商品:コレクション下部で「見た商品に似たもの」を出す
- 閲覧履歴:コレクション下部に小さく添える程度
トップ・コレクションともに、「4ブロック以上」を詰め込むと、以下のデメリットが目立ちます。
- 読み込み時間が長くなり、ファーストビュー表示が遅れる
- どれが自分向けのブロックか分からず、クリック率が全体的に下がる
- 重要なブロック(ランキングなど)の印象が薄れる
複数ブロック配置でよくある失敗と、避け方の比較
最後に、「複数ブロック配置」で頻発しがちな失敗パターンを、どのロジックをどう使うと起きやすいかという観点で比較します。
- 失敗1:とにかく全部載せる
- 状況:商品ページに AI類似商品・AI関連商品・一緒によく買われる商品・閲覧履歴 をすべて縦に並べる
- 問題:ユーザーの視線が分散し、どれもクリックされない。主商品からの離脱も増える
- 回避策:役割が近いブロックはどちらか一方に絞り、「最大3ブロック」の上限を決める - 失敗2:クロスセルが決済の邪魔をする
- 状況:カートボタンのすぐ近くに AI類似商品・ランキング を置き、「他を見始める導線」を増やしてしまう
- 問題:購入の決心がついたユーザーまで迷わせ、CV を落とす
- 回避策:カートボタン周辺は AI関連商品・一緒によく買われる商品 のような「今の商品を前提にした追加提案」に限定する - 失敗3:トップがレコメンドだらけで、ブランドが伝わらない
- 状況:トップページのほぼ全てが ランキング・閲覧履歴・複数のAI系ブロックで埋まる
- 問題:ブランドの世界観・ポジショニングが伝わらず、「なんとなく安そう/雑多そう」と見えてしまう
- 回避策:トップの上半分はブランドや主力カテゴリをしっかり見せ、レコメンドは「サポート役」として下半分にまとめる
目安としては、1ページあたり「役割の異なるレコメンド 2〜3ブロック」までに抑え、その代わりに「位置」「順番」「見出し文言」を丁寧に作り込む方が、結果としてクリック率・CVR が安定しやすくなります。
RecoBoostで複数ロジックを試すときの次の一歩
RecoBoost をお使いの場合、上記の優先順位・組み合わせをそのまま検証できます。今日できる一歩としては、次のような流れがおすすめです。
- Shopify管理画面 → アプリ → RecoBoost を開き、現在どのページに何個のブロックが出ているかを確認する
- RecoBoost 内の各ウィジェット設定画面で、ロジック名(例:AI類似商品・AI関連商品・ランキング・閲覧履歴)と配置ページを一覧で洗い出す
- 商品ページについては「クロスセル系 1つ + 類似商品 1つ +(必要なら)閲覧履歴 1つ」の3つ以内になるよう、ウィジェットの 表示ON/OFF と 表示位置 を整理する
- トップページでは、ランキング をヒーロー直下に、その下に 閲覧履歴 を1ブロックだけ置き、その他のレコメンドは一旦オフにしてクリック率の変化を見る
- 2〜4週間ほど数値を見てから、必要に応じて2つの構成案(例:AI関連商品優先 vs 一緒によく買われる商品優先)を比較テストする
「ブロック数を増やす」よりも、「ページごとに役割が違うロジックを1〜3個だけ厳選する」方が、RecoBoost のようなAIレコメンドアプリの効果を引き出しやすくなります。まずは商品ページとトップページだけでも、ロジックの優先順位と配置を見直してみてください。
