製品カタログの検索体験:分類・パラメータ絞り込み・検索機能の設計

カタログページの問題は見た目ではなく、買い手が絞り込めないことにある。製品が20点以内なら一覧ページで十分だが、20〜200点なら分類と絞り込みが必須、200点を超えるなら検索とパラメータ比較を検討する。判断すべき点は3つ。どの軸で分類するか、どのパラメータで絞り込むか、空結果ページをどう書くか。

产品目录三层:按数量选形态,不要一套吃到底Three Layers of a Product Catalogue: pick the form by volume 分类导航解决看得到,筛选解决选得准,检索解决找得到Categories make it visible, filters make it precise, search makes it findable 分类导航分类导航 解决「看得到」Makes it visible 适用:> 200 个产品Fits: more than 200 products 维度:用途 / 规格By use, then by spec 单一维度不够用One dimension is never enough 参数筛选参数筛选 解决「选得准」Makes it precise 适用:20–200 个产品Fits: 20-200 products 区间 + 多选 + 计数Ranges, multi-select, counts 空结果页要给替代Empty results need alternatives 检索与对比检索与对比 解决「找得到」Makes it findable 适用:客户按型号买Fits: buyers who order by model 对比参数 3–4 项上限Compare three or four specs at most 超过 5 项就失效Beyond five it stops working 每个产品的关键参数表:必填 6–10 项,口径全站统一A spec table per product: six to ten mandatory fields, one set of definitions across the site 分类页要能独立承接搜索意图;参数组合不要生成无穷 URL,只放可索引的有限组合。Category pages must carry search intent on their own; never generate endless URLs from filter combinations. 产品少于 20 个、参数差异小、客户只按型号买时,不要做筛选,做好列表与规格表即可。Skip filters under 20 products, when specs barely differ, or when buyers order by model — a clean list and spec table is enough. 筛选结果页默认 noindex,只让分类页与产品页进入索引。Keep filtered result pages out of the index and let only category and product pages in.
製品カタログの検索体験:分類・パラメータ絞り込み・検索機能の設計

製品カタログの検索体験:分類・パラメータ絞り込み・検索機能の設計

結論から言うと:B2Bの買い手が最初にするのは範囲を絞ることで、ページを1枚ずつめくることではない。製品が20点を超えているのに長い一覧しか出さないのは、絞り込みの作業を顧客に押し付けているのと同じだ。カタログ設計の判断点は3つだけ。どの軸で分類するか、どのパラメータで絞り込むか、検索と比較でどの課題を解決するか。この3つが決まれば、方針はほぼ固まる。

1. 買い手が最初にするのは範囲を絞ることで、ページを1枚ずつめくることではない

海外の調達担当者があなたの製品カタログを開くとき、頭の中ではすでに答えが半分出ている。何があるかを見に来たのではなく、自分が求める型番に対応できるかを確認しに来ている。

まず3種類の訪問者を区別しよう。ページに求めるものはそれぞれ違う。

訪問者の種類 流入経路 最初の行動 ページに必要なもの 離脱の典型パターン
選定担当者 具体的な型番やパラメータで検索 1点に絞ってパラメータを確認 型番検索、主要パラメータ表、図面ダウンロード 型番が見つからず、3回目のクリックで離脱
範囲から探す調達担当者 カテゴリ語、業界の推薦、展示会の名刺 用途と仕様で範囲を絞る カテゴリナビ、パラメータ絞り込み、件数表示 長い一覧しかなく、2画面目で断念
リピート顧客 型番を直接入力、またはメールから流入 まだ購入できるかをすぐ確認 型番ページに代替型番と納期状況がある リニューアルで旧型番の導線が切れる

3種類が同じカタログを共有するなら、設計目標は一文にまとめられる。どの訪問者でも3クリック以内に具体的な製品ページへ到達できること。

カタログ設計の判断点は3つだけで、残りは実行にすぎない。

判断点 決めるべき具体策 間違えたときの代償
分類軸 用途・仕様・業界・素材のどれで分けるか 買い手が照合できず、後続の絞り込みが機能しない
絞り込みパラメータ どの5〜8項目で絞り込むか、どんなUI部品を使うか 項目が多すぎて、2回選んだだけで空結果になる
検索と比較 キーワード検索を付けるか、何項目で比較するか 付けても使われない、あるいは必要な機能がなく問い合わせ前に離脱

この判断が当てはまらないケース:注文の9割が顧客から図面や指定型番での見積依頼なら、カタログページの役割は絞り込みではなく、型番・パラメータ・認証を明確に伝えることにある。複雑な絞り込み機能を付けても投資はほぼ回収できない。

2. カタログの形は製品数で決まる。20と200が2つの境界線

製品数がカタログの形を決める。数に当てはめるだけでいい。

製品数 カタログの形 必須要素 任意要素 四半期ごとの保守コスト
20点未満 一覧ページ。用途別にセクション分け 商品カードにメイン画像、型番、主要スペック3点 絞り込み不要 ほぼゼロ
20〜200点 カテゴリページとスペック絞り込み カテゴリナビ、絞り込み5〜8項目、件数表示 キーワード検索、スペック比較 半日
200〜1,000点 多階層カテゴリと絞り込みと検索 サブカテゴリ、絞り込みの組み合わせ、型番直行 スペック比較、代替型番の提案 1 日
1,000点以上 検索優先、カテゴリは補助 検索機能、型番の別名マッチング、シリーズ一覧ページ 業界別ソリューションの入口ページ 1〜2日

20と200という2つのラインは実用的です。20以下で絞り込みを置くと、顧客は2クリックもしないうちに空の結果画面を見ることになります。200以上で単層カテゴリのままだと、顧客は十数のカテゴリを手作業でたどることになり、3階層目まで進む人はいません。

この段階で最もよくある失敗は「カテゴリは充実しているのに型番で探せない」というものです。原因は検索アルゴリズムではなく、型番の表記が統一されていないことである場合がほとんどです。カタログはGX620、詳細ページはGX-620、図面はGX 620。まず表記を統一し、よくある誤記を別名マッチングに登録するほうが、検索システムを入れ替えるよりはるかに安く済みます。

三、カテゴリの軸をどう選ぶか。単一の軸ではほぼ確実に足りません

カテゴリの軸はよくある4種類だけで、それぞれに適した条件と落とし穴があります。

分類軸 向いている製品 買い手はそう言うか 主なリスク
用途別 同じ設備が複数のシーンで使われる 言う。購買担当は「何かをするためのもの」とよく言う 1つの製品が複数の用途にまたがり、所属先を決めにくい
仕様別 圧力、出力、サイズなどパラメータの範囲が明確 言う。技術系の購買担当は特にそう 仕様は連続値なので、カテゴリの境界を人為的に切る必要がある
業界別 製品が高度にカスタムで、業界色が強い 自分の業界の中でしかそう言わない 業界をまたぐ顧客が入口を見つけられない
材質別 ステンレス、アルミなど材質が性能を決める 言う。加工系の買い手は材質で探すのが習慣 材質は細かすぎて、単独の主軸にすると粗すぎる

判断は1つだけです。主カテゴリは「買い手自身が使う言葉」、副カテゴリは「製品の実際の違い」で作ります。買い手はあなたの工場レイアウトで分類しませんし、営業チームの分担で分類することもありません。

2つの軸を組み合わせれば通常は十分です。50点未満なら単層カテゴリ、50〜500点なら2層カテゴリ、200点を超えるなら製品カテゴリとは別にスペック絞り込みを重ねます。カスタム品は業界別の入口を別途設けてもよいですが、業界ページの内容が300字に満たないなら開かないほうがよいです。中身のないページは誰も相手にしません。

境界:製品が高度にカスタムで、標準品がほとんどない工場では、カテゴリツリーの価値は低くなります。こうしたサイトはむしろ能力ページを作るべきです。どこまで大きくできるか、どの精度か、どの材質に対応するか、納期はどれくらいか。能力を明確に示せば、顧客のほうから問い合わせてきます。

四、フィルターの設計。まずパラメータを並べ、次にコントロールを決める

絞り込み条件は多ければいいわけではありません。ある項目を絞り込みに出すかどうかは、4つの条件で判断します。お客様が最初の絞り込みに使うか、値が列挙できるか、データが正確か、継続して保守できる人がいるか。4つすべてを満たすものだけを出します。

項目の種類 絞り込みに出すか 判断基準 推奨するUI
離散値で種類が少ない(3〜6通り) 出す。優先度は最も高い お客様が最初の絞り込みに使う チェックボックス
連続した範囲(サイズ、出力など) 出す。ただし既成の段階を用意する お客様が具体的な値を言えない 範囲の段階
型番とシリーズ 出す。ただし絞り込みではなく検索に置く 型番を知っている人は絞り込まない 検索ボックス
認証と地域対応 出す。海外サイトでは特に有利 調達はまずコンプライアンスを通す必要がある チェックボックス
価格 ほとんどの場合は出さない 公開価格がなく絞り込めない 問い合わせ導線で代替する
社内コードや工場の分類 出さない お客様には意味が分からない フロントには出さない

絞り込みで本当に失敗しやすいのは、項目そのものではなく操作の細部です。

設計項目 正しい方法 避けたいやり方 結果
該当件数 各選択肢の後に対象件数を表示する 選択肢の文字だけを表示する クリックした結果が残るかお客様に分からない
複数選択のロジック 同じ項目内は「OR」、項目間は「AND」 すべて「AND」 掛け合わせで空の結果が出やすい
初期状態 初期状態では絞り込まない 特定の値に初期チェックを入れる サイトにこの数点しかないと誤解される
更新の仕方 結果だけを更新し、スクロール位置は保つ ページ全体が先頭に戻る 2回クリックしただけで離脱される
選択中の条件 上部に選択中の条件を表示し、個別に解除できる サイドバーにしか表示しない 何で絞り込んだかお客様が分からない

絞り込みの組み合わせは数を抑えます。5項目に各4つの値があると理論上は1,024通り、実際に在庫があるのは80通りに満たないかもしれません。選べる組み合わせを制限するか、該当がゼロのときは最も近い代替品を提示します。

5. 空結果ページと項目の比較:最も見落とされやすい2つの画面

空結果ページはサイトで最もコストのかかる1画面です。お客様が最も意欲的な瞬間に現れ、うまく処理すればつなぎとめられ、まずければその注文を失います。

位置 書く内容 書いてはいけないこと
1行目 現在の条件に合う製品がないことをはっきり伝える 「申し訳ありません。該当する内容が見つかりませんでした」のような空疎な文言は書かない
2行目 最も近い3〜5点を出し、どの項目が違うかを示す お客様をトップページに戻してやり直させない
3行目 有人の窓口を用意し、選択済みの条件をあらかじめ入力しておく 汎用の問い合わせフォームを置いて再入力させない

項目の比較は2つ目に過大評価されやすい機能です。適切な項目数は2〜3で、6を超えると比較の意味がほぼなくなるため、差がある項目だけを強調する形に変えます。前提として項目の定義が統一されている必要があり、そうでなければ比較が誤りを増幅します。これは「2〜3点で迷っている」お客様に効くもので、まだ20点から選んでいる段階のお客様が求めているのは比較ではなく絞り込みです。

6. 主要スペック表と項目の定義:カタログが使えるかどうかは、この層で決まります

カテゴリと絞り込みは入口にすぎず、顧客が選定できるかを決めるのはパラメータ表そのものです。大事なのは項目数ではなく、漏れなく揃っていて、正確であることです。

フィールドグループ 必須項目数 例 表記ルール
識別情報 2~3項目 型番、シリーズ、一般的な別名 型番の表記はサイト全体で統一
主要スペック 3~5項目 加工範囲、精度、出力 テスト条件と単位を明記
適合条件 2~3項目 電圧、インターフェース、認証 対応地域を明記
納品情報 1~2項目 納期レンジ、最小ロット レンジで示し、単一の値で約束しない
任意項目 不問 重量、梱包サイズ データがなければ空欄にし、「未定」と書かない

パラメータ表記の不整合はカタログが機能しなくなる見えない原因です。よくある4つのパターンは次のとおりです。

不整合の種類 よくある例 結果 統一のしかた
単位の混在 ある箇所はミリ、ある箇所はインチ 顧客が選定を誤る 表示はメートル法に統一し、英制換算を併記
テスト条件の違い 精度が一方は20度基準、他方は常温基準 顧客が2つの数値をそのまま比較する テスト条件を必ず併記
名称の違い 同じパラメータがサイト内で3通りの呼び方 絞り込みと検索が同時に機能しなくなる 用語集を作り、サイト全体で1つの呼び方に統一
レンジと単一値の混在 ある箇所は0.01、ある箇所は0.01~0.02 顧客が最も保守的な値で解釈する すべてレンジで表記

パラメータ表は型番ごとに個別に書き、大きな分類の比較表1枚で済ませないようにします。メンテナンスは四半期のサイクルに組み込み、製品更新とあわせて確認します。関連するインターフェースの信頼性については、次とあわせてご確認ください。/insight/12-inquiry-form-reliability-anti-spam-delivery/一緒に見ていきましょう。

7. カタログとSEO:カテゴリページは検索意図を単独で受け止められるようにする

ディレクトリ構造は2つの目的を同時に満たす必要があります。顧客が商品を見つけること、検索エンジンが製品体系を理解することです。両者の要求には1点衝突があります。顧客が必要とする絞り込みの組み合わせは無限ですが、検索エンジンが扱えるURLは有限です。

ページの種類 インデックス可否 対応方法 理由
カテゴリページ インデックスする 150~300字のカテゴリ説明を用意 カテゴリ語自体に検索ボリュームがある
パラメータ組み合わせページ 検索ボリュームのある組み合わせだけを許可 よくある組み合わせは独立ページにし、それ以外はnoindexを付与 似たようなURLが何百も生成されるのを防ぐ
絞り込み結果ページ 原則インデックスしない カテゴリページを指すcanonicalを付与 組み合わせが無限にあり、インデックスすると共食いする
型番詳細ページ インデックスする 型番をページの主タイトルにする 型番のキーワードはコンバージョンが最も高い
ページネーション 1ページ目はインデックス 以降のページはcanonicalを付与するが、クロールは禁止しない クロールを禁止すると、より深いコンテンツが見つけられなくなる

カテゴリページは検索意図を単独で受け止められるようにします。判断基準は3つです。独自のタイトルと説明文があること、説明文に買い手が検索する語が含まれていること、そのカテゴリに少なくとも5つの製品があること。製品が5つ未満のカテゴリは単独でページを作らないでください。これはキーワードカニバリゼーションの判定ロジックと通じます。次を参照してください。/insight/10-keyword-cannibalization-merge-decision/の意図分割の方法。

絞り込みを作らないほうがよいケース

ケース 判断基準 代替手段
製品が20未満 絞り込むと1~2点しか残らない 一覧ページとパラメータ表を追加
パラメータの違いが小さい 各モデルの違いは外観かカラーのみ シリーズページで違いを説明
顧客は型番で購入 問い合わせの80%以上が型番を直接指定 型番検索と別名マッチングを実装
完全カスタムで選択不可 毎回図面通りに製作 対応力ページと試作説明を用意
チームに保守する余力がない 四半期ごとにパラメータを確認できる人がいない まず静的カテゴリで作り、余力が出たらフィルタを追加

最後の項目が最も見落とされやすい。保守する余力がないのに複雑なフィルタを導入すると、半年後にはパラメータと実際の製品が食い違い、フィルタがないより悪い状態になる。カタログ変更の技術的な仕上げは、/site/の納品チェックリストに沿って進めるか、/contact/から現状の構造を送って診断を受けてほしい。

FAQ よくある質問

製品が数百点ある場合、フィルタのパラメータはどう決める?
まず「顧客が最初の絞り込みに使うか」で優先順位をつけ、上位6個以内に収める。典型的な組み合わせは用途、仕様範囲、認証、材料で、そこに業界特有のパラメータを1〜2個足す。パラメータの適否は3つの条件で判断する。値が列挙できること、データが正確であること、保守できる人がいること。製品が200〜1,000点の場合、8個を超えるフィルタは顧客にとって負担になる。あるパラメータを90%の顧客が使わないなら、フィルタから外してパラメータ表に残せばよい。
フィルタ結果ページを検索エンジンにインデックスさせるべき?
原則としてインデックスさせない。フィルタの組み合わせは爆発的に増え、5つのパラメータに各4つの値があれば千通り以上のURLになる。すべて許可すると検索エンジンが類似ページにクロール枠を消費し、キーワードも奪い合う。正しい方法は、フィルタ結果ページにカテゴリページを指す正規URLを設定し、実際に検索ボリュームがある少数の組み合わせだけを独立ページにすること。例えば「ステンレス×高圧」のようなものだ。判断基準は安定した検索ボリュームがあるかどうかで、自分が重要だと思うかではない。
パラメータ比較は必要?いくつが適切?
価値はあるが、顧客が2〜3モデルで迷っているときだけ役立つ。適切なパラメータ数は2〜3個で、4〜5個はスマホで横スクロールが必要になり、6個を超えると表としての比較の意味がなくなる。より確実な方法は、差異のある項目だけを強調し、同じ項目は折りたたむこと。前提としてパラメータの定義が統一されている必要がある。同じパラメータでもページによって単位や試験条件が違うと、比較機能が誤りを増幅させる。製品が20点未満なら、静的な比較表1枚で十分。
顧客が型番で探す場合、カタログを再構築すべき?
カテゴリツリーの再構築は不要で、重点を型番検索に変える。まず3つやること。型番の表記を統一し、よくある誤記や旧型番を別名として登録し、検索ボックスで曖昧一致に対応する。判断は問い合わせの構成を見る。80%以上の問い合わせが型番や図面を直接指定するなら、カテゴリフィルタの効果は限定的で、型番ページの充実度と図面・認証のダウンロード性に投資すべき。この場合、多階層カテゴリを作っても顧客は使わず、保守コストだけが続く。
ディレクトリ構造を変えると順位は下がる?
変動します。規模は変更範囲によります。カテゴリの並び替えや絞り込み項目の追加・削除だけであれば、通常2〜4週間で変動は10%以内に収まります。カテゴリのURLを変えてリダイレクトを設定しない場合、30%以上の下落はよくあります。進め方は、まず旧URLの一覧を書き出し、各URLに「維持・マッピング・統合・廃止」を1件ずつ付け、マッピング表を切り替え前に自己テストしてから作業に入ります。カテゴリページを統合するときは、旧URLを1対1でリダイレクトし、すべてをトップページに向けないでください。切り替え後60日間は、インデックス数と主要キーワードの順位が戻るかを見ます。
商品が20件未満なら、カテゴリは必要?
絞り込みは不要で、セクション分けで十分です。1つの一覧ページを用途やシリーズで3〜4ブロックに分け、各商品にメイン画像・型番・主要スペック3点を表示し、完全なスペック表を用意します。理由は明快です。20件の商品で絞り込みを付けると、2回クリックしただけで空の結果が出て、絞り込みなしより体験が悪くなります。本当に投資すべきはスペック表の網羅性と型番の検索性です。型番をページタイトルに入れ、サイト内の型番検索に対応させるほうが、カテゴリツリーよりはるかに役立ちます。

最後に

商品カタログはデザインの問題に見えて、実は判断の問題です。カテゴリ、絞り込み、検索、比較、どれも顧客の代わりに候補を絞る作業ですが、どれも維持コストがかかり、増やしすぎれば負担になります。

あなたが決めるべきことは3つだけです。メインカテゴリをどの軸で分けるか、どのスペックを絞り込みに出すか、そしていつ何もしないか。最初の2つは顧客が商品を見つけられるかを決め、3つ目はこのカタログが半年後も使えるかを決めます。

一言で覚えるなら、カタログの価値は商品を全部並べることではなく、顧客が3クリック以内に不要な商品を除外できるようにすることです。

环形山
环形山 クレーター専門家

公式アカウント · 環形山 Crater

環形山(Crater)は、WordPress独立サイト開発+Google SEO+GEO全域成長に特化した海外展開支援会社で、スマートハードウェア、産業機器、SaaS、新エネルギーなどの分野を手がけています。

プロダクト能力方法論ホワイトペーパー業界レポート
965件のシェア
78件のナレッジベース