如何打造房屋刊登網站

房屋刊登網站是一個帶有公開面貌的房產資料庫：每筆刊登都有一個頁面、一個附篩選條件的搜尋，以及讓買方或承租人詢問房產的管道。它背後則是一個私密的管理後台，房仲在這裡新增、編輯與標示已售出的刊登。你可以用 AI App 建置工具在幾次對話內做出一個扎實的版本，前提是要先設計好刊登資料，並讓第一版保持精簡。

網站是給誰用的，要做什麼

在思考功能之前，先清楚你要打造的是哪一種網站。它們看起來很像，但需要的東西不同。

本指南聚焦在前三種。擁有眾多刊登者的入口網站是雙邊市集，是另一個問題；如果你想做的是這種，請參閱如何打造市集與如何打造目錄網站。

每筆刊登需要的資料

刊登資料是網站的核心。把欄位定義正確，搜尋、卡片與詳情頁就會跟著順利運作。一組實用的起始欄位：

• 基本資訊：標題、狀態（可售、議價中、已售／已租）、刊登類型（出售或出租）、價格與價格說明（「指導價」、「每月」）。
• 地點：地址、區域或社區，若需要地圖則加上座標。請決定完整地址是否公開；許多房仲只顯示街道或區域。
• 大小與格局：臥室數、衛浴數、室內坪數（以及單位，例如平方英尺或平方公尺）、房產類型。
• 說明：用於卡片的摘要，以及用於詳情頁的完整說明。
• 特色：例如停車位、花園、陽台、可養寵物等清單。以標籤的方式儲存，這樣才能轉換成篩選條件。
• 媒體：依固定順序排列的照片、封面照片，以及選擇性的平面圖或宣傳 PDF。
• 管理欄位：刊登日期、更新日期，以及該刊登所屬的房仲。

詢問紀錄是第二張資料表：姓名、電子郵件、電話、留言、所詢問的刊登，以及時間。如果你打算安排看屋，那還需要第三張資料表來存放預約的時段。

值得及早決定的事項

• 幣別與單位。 選定一種幣別與一種面積單位，並在第一個提示詞中說明。之後再改，就必須修改每一筆刊登。
• 已售刊登。 隱藏它們，或保留並加上「已售」標籤來證明網站仍有活動？兩種都可以，但要在建置搜尋之前決定。
• 出租與出售。 如果兩者都做，就把它做成一個欄位與頂層篩選條件，而不是兩個獨立的網站。

人們真正會用的搜尋與篩選

多數訪客帶著三個問題來：在哪裡、多少錢、多大。先把這三個做好：

1. 地點：對小型代理商來說，從下拉選單選擇你服務的區域，比自由輸入文字更好用。
2. 價格範圍：最低與最高價。
3. 臥室數：最少幾間。
4. 出售或出租，若兩者都做的話。

接著加入排序（最新、價格由低到高、價格由高到低），如果刊登數量夠多、值得這麼做，還可以依標籤加入特色篩選。地圖檢視很吸引人，但在第一版中並非必要；在每個詳情頁放一張靜態地圖，通常就已經足夠。

請把篩選條件放在網址中（例如 /properties?area=north&minBeds=2），這樣訪客就能分享或收藏搜尋結果，而且返回鍵也能正常運作。請明確要求這一點，否則很容易做錯。

照片：決定成敗的關鍵

房產網站仰賴照片，因此規劃時要特別注意：

• 上傳，而不是貼連結。 管理者應該直接上傳照片。在 Mythex 中，上傳的檔案會存放在專案的檔案儲存空間，需要時會自動啟用。
• 順序與封面。 讓房仲可以拖曳調整照片順序，並選擇封面照片。
• 檔案大小。 原始檔過大會讓手機上的網站變慢。請要求將圖片縮小為合適的尺寸，並在相簿中使用延遲載入。
• 替代文字。 每張照片附上簡短描述，有助於無障礙使用與搜尋。

詢問流程

網站的目的就是取得詢問。請保持表單簡短：姓名、電子郵件、電話（選填）、留言，並預先填入房產標題。送出後：

• 將詢問存入資料庫，並與該刊登建立關聯。
• 以電子郵件通知房仲。這需要 Resend 或 Postmark 等寄信服務商；請參閱如何從你的 App 寄送電子郵件。
• 顯示清楚的確認訊息，並可選擇寄一份副本給詢問者。

如果你希望訪客能預約看屋時間，請把它當成一個小型的預約功能來做：每筆刊登設定可預約的時段，訪客送出申請，再由房仲確認。預約 App 指南涵蓋了時段的邏輯。

管理後台與權限

管理後台是網站真正發揮價值的地方。它需要：

• 登入功能，確保只有房仲能進入。
• 刊登列表，包含狀態、價格與日期，以及快速操作（編輯、標示已售、隱藏）。
• 含照片上傳的刊登表單。
• 詢問收件匣，可依刊登篩選，並有「已處理」標記。

權限設定要簡單：在小型代理商中，每位房仲都可以編輯所有刊登。如果你需要「房仲只能編輯自己的刊登」，請在提示詞中說明，並以兩位不同的房仲分別登入來測試。

如果你的詢問逐漸發展成真正的銷售流程（追蹤、階段、備註），那就是 CRM 了。先從收件匣開始；當你超出它的能力時，再閱讀如何打造 CRM。

有效的第一個提示詞

為一家位於兩個社區（North Park 與 Riverside）的小型房仲代理商打造房屋刊登網站。公開頁面：首頁顯示精選刊登；搜尋頁提供區域、出售或出租、價格範圍與最少臥室數的篩選（篩選條件保留在網址中）；每間房產有詳情頁，包含照片相簿、價格、臥室數、衛浴數、室內面積（平方公尺）、特色、說明，以及詢問表單。房仲登入管理後台，可以新增與編輯刊登、上傳並重新排序照片、將刊登標示為議價中或已售，並依刊登查看詢問。所有資料都存在資料庫中。價格以英鎊計。畫面乾淨沉穩，在手機上也好用。

這個提示詞說明了使用者、頁面、欄位、篩選條件，以及誰可以做什麼，完全沒有提到程式碼。

逐步打造

1. 以範例資料打造公開頁面。 讓建置工具產生十筆逼真的範例刊登，以便判斷卡片、搜尋與詳情頁。
2. 加入資料庫與管理後台。 把刊登移入資料庫，然後加入登入與管理畫面。親自新增一筆刊登，從頭到尾走一遍。
3. 加入照片上傳。 上傳一組真實照片，重新排序，設定封面，並在手機上檢查相簿。
4. 串接詢問。 送出一筆詢問，確認它出現在收件匣，並且房仲的電子郵件有收到。
5. SEO 基礎。 每筆刊登都需要獨特的標題與說明、易讀的網址（/properties/3-bed-house-riverside）以及分享用圖片。我們的為 AI 建置網站的 SEO 指南說明了為什麼刊登頁面比多數頁面更需要重視這一點。
6. 測試權限。 登出後直接嘗試開啟管理網址，應該會被導向登入頁。
7. 發布並連接你的網域。 代理商應使用自己的網域，而不是建置工具提供的子網域。

常見錯誤

• 把刊登放在程式碼裡。 這樣做一週還行，之後房仲要改價格就得找開發者。從一開始就使用資料庫。
• 忘了已售狀態。 訪客詢問已售出的房產會浪費大家的時間。請讓狀態醒目，並可篩選。
• 照片太大。 全解析度的相機照片在行動網路上載入很慢。請先縮小。
• 沒有可被索引的內容。 如果網站用 JavaScript 載入所有刊登，又沒有每筆刊登專屬的標題，搜尋引擎很難理解它。對刊登網站來說，SEO 就是你最主要的免費流量來源。
• 預設就顯示完整地址。 請審慎決定，特別是出租房產與仍有人居住的房屋。
• 沒有檢查刊登規定。 有些國家規定房產廣告必須包含特定內容，例如能源等級或重要資訊。請確認哪些規定適用於你。

成本與工具

對小型代理商來說，持續運作所需的項目如下：

何時現成產品是更好的選擇

當你想要掌控設計、自己的搜尋體驗，並讓刊登內容真正屬於你，而不是寄居在入口網站上時，就應該自行打造。在以下情況，則應選擇現成產品：

• 你的刊登必須來自 MLS 或入口網站饋送。饋送服務商通常有已獲核准的網站產品，以及你必須遵守的規則。
• 你主要需要的是曝光。入口網站能帶來買方；你自己的網站主要是把已經認識你的人轉化為客戶。
• 你需要完整的代理商後台（租約管理、合規、會計）。專門的代理商軟體涵蓋這些功能，而且很難自己做得同樣好。

許多代理商兩者並用：在入口網站上刊登以擴大觸及，同時保留自己的網站來建立品牌並接收直接詢問。

用 Mythex 打造

Mythex 很適合這個專案：在對話中描述網站，在即時預覽中（包括手機尺寸的框架）看到它運作，它會在需要時為刊登與詢問加入資料庫，並為照片加入檔案儲存空間。你可以發布到 mythex.ai 網址（任何方案皆可），或在 Pro 方案中使用自己的網域。如需起點，可參閱 AI 房地產網站建置工具，或瀏覽網站範本。

常見問題