検索結果とコレクションに「おすすめ」を置く実務設計ガイド

結論として、検索結果やコレクション内に置く「おすすめ」は、1) ユーザーの意図から大きく外さないこと、2) 一覧の上位 20〜30％ に限定して露出すること、3) 売れ筋だけでなく「次に見せたい在庫」を意識して設計することが重要です。漫然と「人気順」で並べると、在庫切れや粗利の低い商品ばかり出てしまい、売上・在庫回転の両方で損をします。実際のストアでは、検索とコレクションで役割を分けて考えると設計しやすくなります。ここでは Shopify で今すぐ実装できる粒度で整理します。　　　　　※本記事は一般的な運営ノウハウであり、特定のテーマ・アプリ固有の仕様には触れていません。詳しい UI 操作はご利用中のテーマやアプリのドキュメントを確認してください。

検索結果とコレクション一覧の役割を分けて考える

まず押さえたいのは、「検索」と「コレクション」は同じ一覧画面でも、ユーザーの目的がかなり違うという点です。検索は「探し物をしている」ユーザー、コレクションは「ざっと見て比較したい」ユーザーが多くなります。この違いが、そのまま「どんなおすすめを混ぜるか」に直結します。

検索の主役はあくまでクエリにマッチした商品です。「黒 T シャツ」と検索したのに、上位が全部おすすめコートでは離脱につながります。一方、コレクションはカテゴリ一覧なので、売れ筋・新着・在庫を意識したマーチャンダイジングを行いやすい場所です。同じ「おすすめ」でも、検索では関連性重視、コレクションでは売りたい商品重視、という設計の切り替えが必要です。

失敗パターンとして多いのは、検索結果とコレクションで同じ「人気順＋おすすめバナー」を使い回すケースです。これをやると、検索では意図に合わない商品が混ざり、コレクションでは一部の人気商品が上位を独占します。その結果、在庫が余っている商品や粗利の高い商品がいつまでも見られず、在庫回転が悪化します。

検索結果ページのレコメンド：どこに・何を置くか

検索結果ページでは、「まずはクエリに合う商品を見せる」「そのうえで、迷っている人向けにサポートするおすすめを置く」という二段構えが基本です。おすすめを置く位置は、上部を小さくか、一覧の途中・下部に限定します。1 行目から検索と関係の薄いおすすめを並べると、クリック率が下がりやすくなります。

具体的には、次のようなパターンが実務で扱いやすい構成です。

• 検索結果の上に「最近チェックした商品」や「閲覧履歴からのおすすめ」を 1 行（4 商品など）だけ表示する
• 検索結果の 1 行目〜2 行目はクエリにマッチした商品だけにする
• 検索結果が少ないとき（例：5 商品未満）のみ、ページ下部に「このカテゴリの人気商品」を表示する

実店舗でいうと、検索は「お客様が商品名を伝えてくれた状態」に近いです。このとき店員がまったく別の商品棚に案内することはありません。まずは該当棚を見せ、その周りに関連商品や上位モデルをそっと並べるイメージで、検索レコメンドも設計すると失敗しづらくなります。

数値目安としては、検索結果ページ内に表示する「おすすめ」枠は、全体の 20〜30％ 程度に抑えるとバランスを崩しにくくなります。例えば 24 商品表示する検索ページであれば、「最近チェックした商品」4 商品＋「このカテゴリの人気商品」2 商品程度にとどめ、残りは検索結果そのものに割くイメージです。

コレクション一覧で効くレコメンドの型と並べ方

コレクションページは、マーチャンダイジングの中心となる場所です。ここでは「売れているものをさらに売る」だけでなく、「売りたい在庫を前に出す」「新作に気付いてもらう」という役割も持たせたいところです。おすすめを配置する際は、どのロジックの商品をどの段に入れるかを最初に決めておくと運用が安定します。

よく使われる並べ方の一例として、次のようなルールがあります。

• 1〜2 行目：そのコレクションの売れ筋・粗利の高い商品を固定表示
• 3〜4 行目：在庫が多い商品や重点販売したい商品を優先表示
• 5 行目以降：標準の並び順（例：新着順やベストセラー順）

ポイントは、「固定枠」と「自動並び替え枠」を混在させることです。すべてを人気順にしてしまうと、在庫切れやサイズ欠けした商品がいつまでも上位に残りがちです。一方ですべてを手動で固定すると、更新コストが高くなり、更新漏れが起きます。上位 8〜12 商品だけを固定して、それ以降は自動並び替えに任せると、実務の負担と成果のバランスが取りやすくなります。

失敗例としてよくあるのは、「セール商品を優先した結果、定価商品の売上が大きく落ちる」パターンです。すべての行をセール商品で埋めるのではなく、1 行目は定価の売れ筋、2 行目はセール品、といった形でメリハリを付けると、全体の粗利を守りながら在庫も減らしやすくなります。

おすすめロジックの選び方：人気順・類似・補完の使い分け

同じ「おすすめ」でも、中身のロジックによって役割が変わります。検索結果やコレクションに埋め込むときは、「人気順」「類似（似ている商品）」「補完（セットで買われる商品）」の 3 種類を使い分けると整理しやすくなります。

検索結果ページ内では、「クエリに近い商品＋人気順」が基本です。例えば「黒 スニーカー」と検索されたら、黒いスニーカーの中で人気順・レビュー数順を参考に並べ、その周りに「一緒に買われやすいソックス」などの補完ロジックを小さく添える、といった構成が考えられます。

コレクションページでは、もう少し攻めた設計が可能です。同じカテゴリ内でテイストが近い商品を出す「類似ロジック」は、回遊を増やすのに向いています。また、「このコレクションで一緒に買われているアイテム」を出す補完ロジックは、セット販売や客単価アップに直結しやすくなります。

注意したいのは、すべてを「全ストアでの人気順」にしてしまうことです。例えば、レディースカテゴリのコレクションなのに、全体人気順のメンズ商品が紛れ込むと、コンテキストが崩れて離脱につながります。ロジックを設定するときは、「この場所（検索結果 or コレクション）の文脈に合ったデータだけを元にする」ことを意識してください。

おすすめ枠の数と位置の目安：上位 20〜30％ に絞る

おすすめの置き方で悩みやすいのが、「どれくらいの量を、どこに置くか」です。ユーザー体験と売上の両方を考えると、一覧ページに占めるおすすめ枠は、全体の 20〜30％ 程度に絞るのが現実的です。出しすぎると「ステマ感」が出て逆効果になり、少なすぎると効果が見えづらくなります。

配置の基本パターンとしては、次のような構成が扱いやすくなります。

• 1 行目：そのページの目的に最も合った商品（検索結果ならクエリ一致、コレクションなら売れ筋）
• 2〜3 行目：おすすめ枠（レコメンドロジックを使う）
• 4 行目以降：標準の並び順（新着・人気・価格順など）

実務でありがちな失敗は、「おすすめの効果を見たいから」と、ページ最上部からおすすめだけを敷き詰めてしまうケースです。これを行うと、検索意図やカテゴリ期待とズレた商品ばかりになり、直帰率が上がります。まずは 2〜3 行目におすすめを挟む形から試し、クリック率や売上の変化を数字で確認してから、露出枠を増減させる方が安全です。

また、スマホでは 1 行あたりの表示商品数が少ないため、PC と同じ「行数」感覚でおすすめを増やすと、実質的にページのほとんどがおすすめで埋まってしまうことがあります。スマホ表示で実際にスクロールしてみて、「1 画面目〜2 画面目のうち、どこまでがおすすめで占有されているか」を確認することをおすすめします。

RecoBoost ならこう活かす

RecoBoost を使う場合は、ここまで紹介した「位置と役割」のルールを先に決めたうえで、検索結果ページには「検索クエリ＋閲覧履歴ベースのおすすめ」を 1 行だけ挟み、コレクションページには「上位数商品をピン留め＋コレクション内人気・在庫考慮レコメンド」を 2〜3 行分だけ配置する設計が現実的です。RecoBoost のシナリオ機能や固定表示機能を使うと、「1〜2 行目は手動で固定、それ以降はレコメンドロジック」のようなハイブリッド構成をストアごとにルール化しやすくなるため、テーマや他アプリの機能と組み合わせながら、自店舗に合ったバランスを少しずつ調整していくと運用の手間を抑えられます。

検索結果とコレクションにおすすめを置くときは、1) そのページの役割（探す／比較する）を明確にし、2) 上位 20〜30％ に限定してレコメンド枠を設計し、3) 売れ筋だけでなく在庫や粗利も考慮したロジックを混ぜることがポイントです。固定配置と自動レコメンドを組み合わせて、少しずつ AB テストしながら、自店舗に合ったバランスを見つけていきましょう。