如何搭建房产房源展示网站

房产房源展示网站本质上是一个房源数据库，配上面向公众的页面：每套房源一个页面，一个带筛选的搜索功能，以及让买家或租客就某套房产进行咨询的途径。背后是一个私有的管理后台，中介在这里添加、编辑房源，并把房源标记为已售。你可以用 AI 应用构建工具，在几次会话内搭建出一个扎实的版本，前提是先设计好房源数据，并让第一个版本保持精简。

这个网站为谁服务，需要做什么

在考虑功能之前，先明确你要搭建的是哪一类网站。它们看起来相似，但需要的东西不同。

本指南主要讲前三种。拥有多个发布方的门户是一个双边市场，属于另一类问题；如果你想做的是这类项目，请参阅如何搭建市场平台和如何搭建目录网站。

每条房源需要的数据

房源数据是网站的核心。字段设计对了，搜索、卡片和详情页就都能顺利跟上。一套实用的起始字段如下：

• 基本信息： 标题、状态（可售、已签意向、已售 / 已租）、房源类型（出售或出租）、价格及价格说明（“指导价”“每月”）。
• 位置： 地址、区域或街区，如需地图还需经纬度。需要决定完整地址是否公开；许多中介只展示街道或区域。
• 面积与户型： 卧室数、卫生间数、建筑面积（以及单位，平方英尺或平方米）、房产类型。
• 描述： 用于卡片的摘要，以及用于详情页的完整描述。
• 特色： 如车位、花园、阳台、可养宠物等列表。将这些存为标签，便于转化为筛选条件。
• 媒体： 按固定顺序排列的照片、封面图，以及可选的户型图或宣传册 PDF。
• 管理字段： 发布日期、更新日期，以及该房源归属的经纪人。

咨询信息是第二张表：姓名、邮箱、电话、留言、对应房源以及提交时间。如果你计划安排看房，还需要第三张表来保存预约的时间。

应尽早决定的事项

• 货币和单位。 选定一种货币和一种面积单位，并在第一条提示词中写明。之后再改，就要修改每一条房源。
• 已售房源。 是隐藏，还是保留并标注“已售”，以显示中介的成交记录？两种都可以，但要在搭建搜索功能之前决定。
• 出售与出租。 如果两者都做，就把它作为一个字段，并在顶部设置一个筛选，而不是做成两个独立的网站。

人们真正使用的搜索和筛选

访客通常带着三个问题而来：在哪里、多少钱、多大。先做这三个：

1. 位置 — 对于小型中介，提供你所覆盖区域的下拉列表，比自由输入文字更好用。
2. 价格范围 — 最低价和最高价。
3. 卧室数 — 最少卧室数。
4. 出售还是出租（如果两者都做）。

然后添加排序（最新、价格从低到高、价格从高到低），并且如果房源数量足够多，再根据你的标签添加特色筛选。地图视图很吸引人，但对于第一个版本不是必需的；在每个详情页上放一张静态地图，通常就够用了。

请把筛选条件放进 URL 中（例如 /properties?area=north&minBeds=2），这样访客可以分享或收藏搜索结果，返回按钮也能正常工作。请明确提出这一点 — 否则很容易做错。

照片：决定成败的关键

房产网站依赖照片，因此需要提前规划：

• 直接上传，而不是粘贴链接。 管理员应直接上传照片。在 Mythex 上，上传的文件会存入项目的文件存储，在应用需要时启用即可。
• 顺序和封面。 允许中介通过拖动调整照片顺序，并选择封面图。
• 尺寸。 原始大图会拖慢手机上的网站速度。请要求对图片进行压缩，或以合适的尺寸提供，并在图库中使用懒加载。
• 替代文本。 为每张照片写一句简短的描述，有助于无障碍访问和搜索。

咨询流程

网站的核心目的是获取咨询。表单应简短：姓名、邮箱、电话（可选），留言框中预先填入房源标题。提交后：

• 将咨询保存到数据库，并与对应房源关联。
• 通过邮件通知经纪人。这需要 Resend 或 Postmark 等邮件服务商；参见如何从你的应用发送邮件。
• 显示清晰的确认信息，并可选择向咨询者发送一份副本。

如果你希望访客可以申请预约看房时间，那么应把它当作一个小型预订功能来做：每套房源可用的时间段、预约申请、经纪人确认。预订应用指南介绍了时间段的逻辑。

管理后台与权限

管理后台是网站真正发挥作用的地方。它需要：

• 登录功能，确保只有经纪人能进入后台。
• 房源列表，包含状态、价格和日期，并提供快捷操作（编辑、标记为已售、隐藏）。
• 带照片上传功能的房源表单。
• 咨询收件箱，可按房源筛选，并带有“已处理”标记。

权限保持简单：在小型中介中，每位经纪人都可以编辑每一条房源。如果需要“经纪人只能编辑自己的房源”，请在提示词中说明，并通过分别以两位不同经纪人登录来测试。

如果你的咨询逐渐发展为真正的销售流程 — 跟进、阶段、备注 — 那就是 CRM 了。先从收件箱开始，等你超出它的能力范围时，再阅读如何搭建 CRM。

一条有效的第一条提示词

为一家位于两个街区（North Park 和 Riverside）的小型房产中介搭建一个房源展示网站。公开页面：首页展示推荐房源；搜索页提供按区域、出售或出租、价格范围和最少卧室数的筛选（筛选条件保存在 URL 中）；每套房产一个详情页，包含照片图库、价格、卧室数、卫生间数、建筑面积（平方米）、特色、描述和咨询表单。经纪人登录管理后台，可添加和编辑房源、上传并调整照片顺序、将房源标记为已签意向或已售，并按房源查看咨询。数据保存在数据库中。价格以英镑计。设计简洁沉稳，在手机上体验良好。

分步搭建

1. 先用示例数据搭建公开页面。 让构建工具生成十条逼真的示例房源，以便你判断卡片、搜索和详情页的效果。
2. 添加数据库和管理后台。 将房源迁移到数据库中，然后添加登录和管理页面。亲自从头到尾添加一条房源。
3. 添加照片上传。 上传一组真实照片，调整顺序，设置封面，并在手机上检查图库。
4. 接入咨询。 提交一条咨询，确认它出现在收件箱中，并且经纪人的邮件已收到。
5. SEO 基础。 每条房源都需要独特的标题和描述、可读的 URL（/properties/3-bed-house-riverside）以及分享图片。我们的 面向 AI 构建网站的 SEO 指南解释了为什么这对房源页面比大多数页面更重要。
6. 测试权限。 退出登录后，直接尝试打开管理后台的 URL。它们应该跳转到登录页。
7. 发布并连接你的域名。 中介应使用自己的域名，而不是构建工具提供的子域名。

常见错误

• 把房源写在代码里。 这种做法用一周还行，之后中介要修改价格就得找开发者。从一开始就使用数据库。
• 忘记已售状态。 访客咨询已售房源会浪费所有人的时间。让状态醒目，并可以被筛选。
• 照片过大。 满屏全分辨率的相机原图在移动网络下会很慢。请压缩尺寸。
• 没有可被索引的内容。 如果网站所有房源都靠 JavaScript 加载，并且没有每条房源独立的标题，搜索引擎很难理解它。对于房源网站，SEO 是免费流量的大头。
• 默认显示精确地址。 请有意识地决定，尤其是对于出租房和仍有人居住的房屋。
• 没有核对房源规定。 一些国家对房产广告的内容有要求，例如能源评级或物业关键信息。请确认哪些适用于你。

成本与工具

对于一家小型中介，运行所需的部分包括：

什么时候现成产品更合适

当你希望掌控设计、自己的搜索体验，并且房源是属于你自己的，而不是租用门户网站上的空间时，就自己搭建。如果出现以下情况，则更适合选择现成产品：

• 你的房源必须来自 MLS 或门户数据源 — 数据源服务商通常提供经批准的网站产品，并有你必须遵守的规则。
• 你主要需要曝光。门户网站会带来买家；你自己的网站主要是让那些已经认识你的人转化。
• 你需要完整的中介后台（租约管理、合规、财务）。专业的中介软件涵盖这些内容，而且很难自行做得同样好。

许多中介两者兼顾：在门户网站上发布以获得覆盖面，同时保留自己的网站来塑造品牌并获取直接咨询。

使用 Mythex 搭建

Mythex 非常适合这个项目：在聊天中描述网站，在实时预览（包括手机尺寸画框）中查看运行效果，它会为房源和咨询添加数据库，并在需要时为照片添加文件存储。无论是否付费，都可以发布到 mythex.ai 地址；在 Pro 版中，还可以使用你自己的域名。如需起步参考，可以查看 AI 房产网站构建器，或浏览网站模板。

常见问题