製品カタログの検索体験:分類・パラメータ絞り込み・検索機能の設計
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 よくある質問
最後に
商品カタログはデザインの問題に見えて、実は判断の問題です。カテゴリ、絞り込み、検索、比較、どれも顧客の代わりに候補を絞る作業ですが、どれも維持コストがかかり、増やしすぎれば負担になります。
あなたが決めるべきことは3つだけです。メインカテゴリをどの軸で分けるか、どのスペックを絞り込みに出すか、そしていつ何もしないか。最初の2つは顧客が商品を見つけられるかを決め、3つ目はこのカタログが半年後も使えるかを決めます。
一言で覚えるなら、カタログの価値は商品を全部並べることではなく、顧客が3クリック以内に不要な商品を除外できるようにすることです。
