Category · 検索結果ページ
検索結果ページのデザイン例とAIプロンプト
検索結果ページ（SERP）のAIプロンプト集。クエリ表示・結果カウント・ソート/フィルタ・スニペット付きリスト・ページネーションまで、情報探索体験のパターン集。
検索結果について
探している何かを絞り込む、情報探索の中心。タイトルとURLと説明文を並べる Google 型、カードグリッドのEC型、ファセットフィルタ型など、業種で最適形態が異なります。絞り込み欄の役割は条件を入力させることではなく、判断基準を先に一覧して見せることです。各選択肢に件数を添えないと、条件を足すたびに0件を引く賭けになります。クエリのハイライト、適用中の条件の常時表示、0件のときに条件を一つ外した提案を必ず用意してください。
よく使われる場面
- ECサイトの商品検索
- メディアサイトの記事検索
- ナレッジベース・社内ドキュメント
- 求人・不動産・旅行などの絞り込み検索
- 図書館・アーカイブの目録検索
成功のポイント
- クエリ語をスニペット内でハイライト
- 結果0件には代替提案を必ず
- ファセットフィルタは多くなりすぎないよう要選定
- 並び替えのデフォルトは「関連度」を最初に
- ページネーションは10件/ページが標準
