← プレイブック一覧へ

比較

同一ページに複数ロジックを置くときの優先順位 Comparison

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

同一ページに複数レコメンドブロックを配置したEC商品ページのワイヤーフレームイメージ
AI generated (gpt-image-1)

結論: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レコメンドアプリの効果を引き出しやすくなります。まずは商品ページとトップページだけでも、ロジックの優先順位と配置を見直してみてください。

関連プレイブック