搜索结果页

Search Results Page

布局模式也叫：搜索页、检索结果页、结果列表页、SERP

一句话：用户输入关键词后看到的页面，顶部保留搜索框，侧边或上方是筛选条件，主区域按相关度列出结果并高亮关键词。

详细解释

搜索结果页的结构很固定：顶部是保留了关键词的搜索框；下面一行显示「找到 128 条结果」和排序方式（相关度、最新、价格）；左侧或上方是筛选条件，比如分类、价格区间、发布时间；主区域是结果列表，每条显示标题、摘要、来源和时间，匹配的关键词加粗或高亮；底部是分页或「加载更多」。

结果本身用什么形式要看内容：文章和网页用简单列表，商品用卡片网格，图片用画廊。搜索结果页负责的是外层框架：搜索框、筛选、排序、结果数量、分页，以及没有结果时怎么处理。

没有结果时不要只写「无结果」，要给出纠错建议（「你是不是要找……」）、热门搜索或清除筛选按钮。已选的筛选条件要以标签形式显示出来，并且能一键清除。

灰度线框示意，只表达结构，不代表具体视觉风格。

可以直接贴给 Cursor、Claude Code 等工具，把里面的业务内容换成你自己的。

做一个搜索结果页：顶部是保留关键词的搜索框；下方左侧 220px 是筛选栏（分类复选、价格区间、发布时间），右侧结果区顶部显示「找到 N 条结果」和排序下拉，已选筛选显示为可删除的标签；每条结果包含标题（关键词高亮）、两行摘要、来源和日期；底部分页。无结果时显示纠错建议和热门搜索。

顶部是搜索框，下方侧边（或顶部）是筛选条件，主区域依次是结果数量与排序栏、结果列表和分页。