返回營銷攻略
Uncategorized

企業網站設計指南,B2B 網頁設計的架構、案例與查詢流程

發布日期:2026-10-19
企業網站設計指南,B2B 網頁設計的架構、案例與查詢流程

B2B 網頁設計的核心,不是先選顏色或 CMS,而是先把決策角色、服務分類、案例證據及網站查詢流程接起來。最低限度應規劃清晰的首頁、服務頁、案例頁、SEO 基礎、lead capture 及 CRM 交接,讓買家可以自行理解、比較和提出具體查詢。

網站看起來很完整,訪客卻不知道你做甚麼、適合誰、案例是否與自己相關,更不知道下一步該如何查詢。流量有了,qualified enquiry 卻沒有跟上,問題往往不在視覺,而在結構。

B2B 買家通常要先理解服務、比較選擇、驗證風險,再與同事取得共識,才會留下資料。單靠一個漂亮首頁很難撐起這段過程,這正是企業網站設計與一般宣傳網站最大的分別。

本文由 LetsGetWeb 編輯團隊整理,用網站架構、服務頁、case study、lead capture、SEO 及 CRM handoff,拆解香港 SME 與專業服務品牌可執行的設計順序。內容屬規劃框架,不是成效承諾。

B2B 網頁設計與一般公司網站有甚麼不同?

B2B 網頁設計(B2B website design)的任務,是讓不同決策角色在沒有銷售員陪同下,也能理解服務、驗證能力、分享資料並完成查詢。一般展示型網站講「我們是誰」,B2B 網站要回答「為甚麼值得放進供應商短名單」。

差別在於買家不是一個人。Gartner 2025 年 5 月的銷售調查指出,74% 的 B2B 買家團隊在決策過程中出現「不健康衝突」。對網站設計的啟示是:頁面要提供容易在內部轉發、有助達成共識的資料,而不是只說服單一聯絡人。

B2B 網站要同時服務哪些決策角色?

以下角色屬規劃模型,不是固定行業規則,要按你的銷售流程調整:

  • 老闆或 economic buyer: 想知道風險、投資範圍及合作是否可靠。
  • Marketing manager: 看服務定位、內容質素及查詢質素。
  • Technical evaluator: 查閱規格、技術限制及整合要求。
  • Sales: 需要查詢背景,才能有效跟進。

B2B 決策角色與網站頁面對應圖

為甚麼漂亮首頁仍然可能沒有 qualified enquiry?

常見原因有三個:首屏沒有說明服務對象;所有服務擠在同一頁;案例只有 logo,沒有判斷依據。

再加上表單太早追問預算,或查詢進來後沒有明確負責人,訪客就在最後一步流失。

B2B 公司網站架構應該如何規劃?

先看一個示例 sitemap。這是假設架構,不代表任何特定客戶網站:

頁面 主要決策角色 買家問題 下一步 CTA
首頁 老闆、marketing 這家公司做甚麼、適合誰? 瀏覽服務或提交查詢
服務頁 marketing、technical evaluator 範圍、交付物及限制是甚麼? 索取建議或預約討論
行業或情境頁 部門主管 有沒有相近情境的經驗? 查看相關案例
案例頁 老闆、sales 有沒有可核實的證據? 以相似情境查詢
資源頁 marketing、technical evaluator 如何評估及比較選擇? 連往相關服務頁
關於我們 老闆 團隊及公司背景可靠嗎? 聯絡
聯絡頁 所有角色 如何提供資料及跟進? 提交查詢

先按買家任務,而不是按公司內部部門分頁

買家不關心你的部門架構,只關心自己的任務:了解服務、確認適合度、查看證據、取得報價。導航按任務命名,比按部門命名更容易使用,也更容易讓不同角色找到各自要看的頁面。

基本頁面:首頁、服務頁、行業或情境頁、案例頁、資源頁、關於我們及聯絡頁

上表已列出 B2B 公司網站的基本頁面。不要把所有服務、行業及地區塞進單一頁面,每類頁面只負責一個任務,並指向下一步。

企業網站設計最常見的失誤,是頁面名稱齊全,但每頁都沒有清楚的下一步。

服務分類、URL、內部連結及 sitemap 如何互相配合?

服務分類決定 URL 層級,URL 用簡短的描述性字詞;內部連結讓訪客及搜尋引擎由首頁、行業頁、案例頁走到服務頁。Google 的 SEO 入門指南支持清晰的 URL 與可抓取連結等基礎做法。

建議先按服務分類,再用行業或地區作補充頁,避免三種分類互相搶同一個查詢。

B2B 服務頁應該寫甚麼,才可以幫買家完成判斷?

B2B 服務頁要讓買家判斷三件事:這服務是否適合我、包括甚麼、下一步是甚麼。完整的服務頁寫法可參考服務頁文案架構指南,本文只集中在 B2B 決策角度。

服務定義、適合對象及問題情境

用一句話定義服務,列明適合對象,再描述買家面對的問題情境。同時寫出不適合的情況,合適的買家反而更放心。

工作範圍、交付物、流程、限制及 FAQ

這部分通常是 technical evaluator 最先看的內容,建議包括:

  • 包括及不包括的工作範圍
  • 交付物,例如 sitemap、頁面及追蹤設定
  • 流程,以及需要客戶提供的資料
  • 已知限制及技術 FAQ

CTA、表單及下一步應如何接在服務內容後?

CTA 要配合買家階段:仍在了解的,引導到案例或資源;已有需求的,給一份簡短查詢表。

從 B2B 服務頁 SEO 角度,每頁只聚焦一項服務,標題及 H1 清楚描述該服務,避免一頁混合多個查詢意圖。

B2B case study 如何變成決策證據,而不只是作品集?

Case study 的作用是降低買家的判斷風險,而不是展示設計。每個案例都應按問題、決策、交付及結果排列,並標明資料來源。

Challenge、approach、deliverables、evidence、outcome

  • Challenge: 客戶面對的問題及限制。
  • Approach: 為何選擇這個方向。
  • Deliverables: 實際交付的頁面、功能或文件。
  • Evidence: 截圖、驗收記錄或客戶授權內容。
  • Outcome: 有基準及時間範圍的結果;沒有就不寫。

坦白說明一項限制:本文沒有可公開引用的 LetsGetWeb 已命名 B2B 客戶案例或原始分析數據,因此不創作案例或成效數字。

沒有可公開數字時,應該展示甚麼?

可以按證據層級由淺入深展示:

  1. 描述證據: 服務範圍及適用情境。
  2. 流程證據: 工作步驟及決策記錄。
  3. 交付證據: 頁面前後對比及驗收清單。
  4. 成效證據: 有基準、時間及客戶授權的數據。

B2B 案例證據四層階梯圖

先做好前三層,不要把設計截圖寫成商業成果,也不要用 logo wall 取代這些內容。

如何設計 B2B lead generation website 的查詢流程?

B2B lead generation website 的網站查詢流程,可按以下順序規劃:

  1. 入口頁:服務頁、案例頁或資源頁
  2. 證據:案例、流程說明及 FAQ
  3. CTA:說明提交後會發生甚麼
  4. 查詢表單或 WhatsApp
  5. 確認頁及內部通知
  6. CRM 或人工跟進
  7. 來源追蹤

B2B 網站查詢流程圖

每一步都要實測,包括確認頁、通知電郵及追蹤事件。

CTA、表單、WhatsApp、電話及 email 的角色

短表單適合首次查詢;WhatsApp 適合快速提問;電話適合緊急需求;email 方便傳送文件。香港 B2B 買家常用 WhatsApp,但表單欄位、回覆語言及時段要與銷售流程一致。

如果服務對象同時包括繁體中文與英文決策人,服務頁及查詢流程也應對應雙語,並由熟悉香港 B2B 語境的人校對。

表單應收集甚麼,才不會降低首次查詢意願?

首次查詢只收必要資料:姓名、公司、聯絡方式、查詢服務及簡短需要。Marketing 想知道來源與服務興趣;sales 想知道公司規模、時間表及決策角色,可在跟進時再問,預算欄位可設為選填。

涉及個人資料收集時,應另行核對香港個人資料私隱專員公署的指引。

CRM、lead routing 及 attribution 要在甚麼階段規劃?

在 proposal 階段就要規劃,而不是上線後補做。不是每間企業都需要 CRM,查詢量少時,清楚的人工跟進流程已可起步;查詢增加後,再考慮 HubSpot 等 CRM。

本文只談規劃方向,並不代表 LetsGetWeb 已確認任何 CRM integration。要把查詢數據連到營收分析,可參考營收增長諮詢服務。

B2B 網站如何同時支援 SEO、AI 搜尋與轉換?

B2B SEO 不是在頁面塞關鍵字,而是讓搜尋引擎和買家都容易看懂每頁的任務。LetsGetWeb SEO、GEO 與 AIO 搜尋優化服務是品牌公開列出的搜尋優化方向,以下兩項則是通用基礎。

Google Search 需要哪些可見及可抓取訊號?

  • 重要資訊以可見文字呈現,不要只放在圖片內
  • 描述性的 title tag 及標題
  • 可抓取的內部連結及 sitemap
  • 用 Search Console 檢查索引狀況

Google 搜尋開發者入門文件支持這些技術基礎。每項設定都應連回服務頁、案例頁或查詢流程,而不是孤立的 checklist。

AI citation-ready 內容應該有甚麼特徵?

特徵是直接回答、短句、實體清楚及來源可核實。Schema(如 Article、BreadcrumbList、Organization)必須與頁面可見內容一致,詳見 Google 結構化資料指引。

Google 不保證 rich result,Schema 也不是 AI 引用保證。GEO 及 AIO 只能提高內容被理解及引用的機會。

如何比較 B2B 網頁設計公司的 proposal?

比較 proposal 時,先比範圍,再比價格。流程、QA 及驗收可參考網頁設計流程及驗收清單,當中項目屬建議清單,並非所有專案的固定交付物。

企業網站設計的報價看似相近,差別往往藏在下表這些項目。

Scope、交付物、內容責任、SEO、追蹤及維護

評估項目 要求對方列明 沒有列明的風險
Scope 及 sitemap 頁面清單、服務分類、URL 後期加頁面時追加費用
內容責任 誰寫文案、誰提供案例、誰校對繁中及英文 上線延誤
SEO 遷移 舊 URL 對應、重新導向、title 處理 改版後搜尋流量下跌
表單及追蹤 表單測試、事件追蹤、通知 查詢遺失或無法歸因
驗收及交接 QA 清單、帳戶及源碼交接 日後難以轉換供應商
維護及新增工作 維護邊界、新增工作如何計算 責任不清

先問哪些問題,再比較價格?

  • 你們會如何根據我們的決策角色規劃 sitemap?
  • 付款前,能否展示 QA 清單及追蹤測試記錄?
  • 報價不包括哪些項目?
  • 上線後由誰負責維護及修正?

本文不提供香港市場平均價,因為 B2B 專案的範圍差異太大,單看數字很容易誤判。

LetsGetWeb 適合哪些 B2B 網站項目?

根據官方公開資料,LetsGetWeb 把網站設計、SEO/AIO 及營收增長諮詢列為主要服務方向,定位是協助香港企業把流量轉成營收的數位增長團隊。可先瀏覽 LetsGetWeb 網頁設計服務,了解其公開服務範圍。

LetsGetWeb 官方網站首頁

披露:以下判斷根據 LetsGetWeb 官方公開服務資料,不代表獨立排名、客戶評價或成效保證。

適合:需要把網站設計、SEO/AIO、查詢路徑及營收目標連接的香港 SME

  • 需要同時處理網站結構、服務頁及 SEO 的香港中小企
  • 希望把查詢路徑與營收目標連接的專業服務品牌
  • 能提供現有網站、主要服務及目標客戶資料的團隊

你可以提交現有網站及主要服務資料,先確認架構、查詢流程及合作範圍是否適合。

When this is not the right fit

  • 只需要一次性修改標題或小幅更新
  • 已有內部團隊,不需要架構或 SEO 支援
  • 未能提供服務資料,也未確定決策人
  • 需要未經確認的特殊 integration,須先與團隊核實可行性

FAQ:B2B 網站架構、服務頁與 Lead Generation

B2B 網頁設計與一般公司網站有甚麼不同? B2B 網站要服務多位決策角色,並支援較長的比較過程;一般公司網站多以展示為主。

B2B 公司網站最少要有甚麼頁面? 首頁、服務頁、案例頁、關於我們及聯絡頁;有行業需求時,再加行業頁。

服務頁和首頁可以合併嗎? 只有一項服務時可以;服務多於一項,就應分開,讓每頁對應單一查詢意圖。

B2B 服務頁應否公開價格? 不一定。價格視乎範圍時,可公開影響報價的因素,而不是硬寫數字。

Case study 沒有數字時還有用嗎? 有用。流程、交付物及驗收證據,同樣能降低買家的判斷風險。

B2B 網站一定要接 CRM 嗎? 不一定。查詢量少時可先用清楚的人工跟進流程,量大才考慮 CRM。

B2B 網站查詢表格應該問甚麼? 先問姓名、公司、聯絡方式及查詢服務,其餘資料留待跟進時補充。

B2B SEO 是否只是在頁面加入關鍵字? 不是。還包括網站架構、可見文字、內部連結及索引檢查。

Schema 是否可以保證 AI 引用或 Google rich result? 不能。Schema 只協助理解頁面,而且必須與可見內容一致。

甚麼情況下不應立即重做網站? 問題只在標題、CTA 或表單時,先局部修正並量度,再決定是否重做。

結語:用一張決策清單檢查你的 B2B 網站是否準備好

企業網站設計是否到位,可以用以下六點檢查:

  1. 是否能在第一屏說清楚服務對象、問題及下一步?
  2. 每個核心服務是否有獨立、可搜尋及可內鏈的服務頁?
  3. 是否有可核查的案例證據,而不只是 logo 或形容詞?
  4. 表單及 WhatsApp 是否收集足夠資料,又沒有製造不必要阻力?
  5. SEO、Schema、追蹤及 CRM handoff 是否在 proposal 階段已列明?
  6. 供應商是否清楚列出不包括項目、驗收證據及上線後責任?

如果其中幾項答不出來,可以提交現有網址、主要服務、目標客戶及目前的查詢方式,LetsGetWeb 會先判斷網站架構及查詢流程的問題,再討論合作範圍。這是評估步驟,不涉及排名或營收保證。