建設與不動產公司的 B2B 官網設計,常同時服務潛在買方、合作夥伴、投資人、媒體與求職者。若專案只從首頁視覺和導覽選單開始,建案資料、公司資訊、永續內容與不同語言很容易各自維護;幾次更新後,同一個地址、品牌名稱或專案狀態便可能在不同頁面出現不同版本。

因此,這類企業官網應先設計內容來源與發布責任,再決定畫面。頁面是輸出,內容模型才是長期維護的底層:一筆建案有哪些欄位、哪些資訊可重複引用、中文與外文如何對應、過期資料如何歸檔,以及誰能核准公開,都應在開發前寫清楚。

先把建案做成資料,不要做成複製頁面

建案或作品頁可以先定義一組共同欄位,例如名稱、類型、地區、狀態、摘要、圖片、里程碑、聯絡入口與相關文章。若某些欄位不適用,就允許留空或由頁型規則處理,不要讓編輯者複製上一頁後直接改文字。複製頁面雖然上線快,卻會讓篩選、搜尋、多語對照與批次更新變得困難。

同一筆資料若要出現在首頁精選、作品列表、個別頁面與相關文章,應由單一來源產生。網站後台也要區分內容狀態:草稿、待確認、已排程、已發布、已歸檔,不要用「把頁面刪掉」處理狀態變更。驗收時可以修改一筆地址或狀態,確認所有引用位置是否同步,並檢查舊網址是否仍有合理去向。

圖片與文件也需要欄位,而不是只丟進媒體庫。至少應記錄用途、替代文字、版本或日期資訊、公開權限及關聯建案。若永續報告或公司文件會定期更新,頁面應清楚呈現可辨識的版本,舊檔案是否保留則依組織政策決定,不應靠覆蓋同名檔案碰運氣。

多語系是兩套可被找到的內容,不是切換按鈕

Google Search Central 的多語與多地區網站指南建議不同語言使用不同網址,並可用 hreflang 標示語言或地區版本。文件也提醒,不宜只依使用者推測語言自動重新導向,且每個語言頁面應讓主要內容與導覽的語言清楚一致。

這些原則會直接影響 B2B 官網設計。後台不能只有一個「英文版完成」勾選框,而要讓每筆內容看得出中文與外文版本的狀態、最後確認者與缺漏欄位。語言切換應連到同一內容的對應版本;若尚無翻譯,要事先決定顯示原文、回到該語言列表,或明確標示尚未提供,不能任意跳到首頁。

驗收時應抽查建案、永續文章、公司介紹與聯絡頁,從每個語言版本互相切換,並檢查網址、導覽、頁面主要文字及搜尋引擎標記是否一致。不要只驗首頁,因為真正容易漏翻譯的是深層內容、表單訊息與圖片說明。

公司基本資料要有唯一來源

Google 的 Organization 結構化資料文件說明,在首頁加入組織結構化資料可協助搜尋引擎理解與區分組織;建議屬性包含名稱、法定名稱、標誌、網址、電話及可連結的外部頁面。文件同時強調,應加入與頁面相符的適用資料並測試,正確標記也不保證一定以特定形式出現在搜尋結果。

實作上,公司名稱、標誌、聯絡資訊與官方連結應從受控的公司資料來源輸出到頁尾、聯絡頁及結構化資料,避免三處各自輸入。若集團有子公司或不同事業品牌,要先釐清網站代表哪個組織、哪些頁面屬於哪個單位,而不是為了看起來完整就加入不適用欄位。結構化資料是對既有公開內容的描述,不能代替頁面上應讓人讀到的資訊。

這也提供一個明確驗收方式:修改測試環境中的公司電話或標誌來源,確認所有預期位置同步;再用結構化資料測試工具檢查格式,並比對標記值和可見內容。若需要人工在多處修改,應記入維護風險或回到資料模型調整。

從築澄開發案例拆解內容治理

「築澄開發」(zhucheng-realestate)案例是一個包含建案作品、城市更新、投資人與永續專章,以及站內預約賞屋流程的建設公司官網。案例中的十二個建案各有作品頁與影像藝廊,投資人和永續內容則形成另一組較深的資訊架構。

這個案例可用來做內容盤點,而不是推導任何營運成果。建案資料可能由行銷或專案團隊維護;投資人資訊可能有不同確認流程;永續內容需要保留脈絡;預約賞屋則涉及表單收件與後續處理。若全部交給同一個最高權限帳號,不只責任模糊,也很難在團隊異動後維持一致。

需求書可以為四類內容各畫一條發布路徑:誰建立、誰補資料、誰預覽、誰核准、誰能撤回,以及更新後要通知哪些人。再選一個建案狀態更新、一份永續文件替換、一段外文修訂和一次表單收件,作為端到端驗收情境。這會比「後台可以新增文章」更接近實際營運。

上線前用內容營運情境驗收

B2B 官網設計的驗收不應停在版面相似度。可以安排編輯者實際新增建案、關聯圖片、建立外文草稿、送審並排程;接著由不同權限的人退回或核准,再檢查列表、搜尋、語言切換、組織資料與相關連結。最後模擬建案歸檔和人員離職,確認內容不會遺失、帳號可以停用、操作紀錄仍可追溯。

交付清單則應包含內容模型、角色權限、語言對照規則、媒體與文件規範、網址策略、資料匯出方式及操作文件。若部分內容仍依賴供應商更新,也要列出請求格式、回應方式與結束合作時的移轉程序。

建設業 B2B 官網的價值,不在於把所有資訊塞進一個大型選單,而在於每一筆建案、公司與永續資料都有清楚來源,能被正確發布到不同頁面與語言版本。先把內容治理做成系統,再處理視覺與動效,網站才不會在下一次改組、翻譯或資料更新時重新變成人工拼貼。