網站架構怎麼設計才好用?列舉業界範例解析給你看

網站架構圖是網站製作的起點,這篇文章將說明如何規劃 Sitemap,從分析同業到分層列點,幫助您快速釐清網站頁面結構與導覽邏輯。
2025/08/10

kelsey    Kelsey Wang

 

網站架構表可以用來了解你的公司網站包含哪些內容,不管交給網頁設計公司或公司自己內部討論,網站架構表通常是著手網站製作的第一份文件。

在開始之前,建議貴公司可以先挑出與你們公司相關的產業或競爭對手,從這些企業網站中列出各公司的網站架構,此舉主要是要找出與自己公司相同規模的企業網站,網站架構會比較接近自己的公司規模和企劃目標。

 

如何製作網站架構表

你可以透過WordExcelPowerPoint這些Office文件來製作網站架構表,當然也可以使用Xmind這類的心智圖工具來製作。用Word、Excel、PowerPoint的好處是大部份的電腦都有這些軟體,採用通用軟體可以讓團隊的每個成員都能隨時修改內容,增進溝通上的效率。

 

網站架構內容要寫些什麼?有沒有參考範例?

網站架構沒有一定的標準,視每間公司的規模大小而定。如果還是沒什麼想法,我們在下方整理了大部份企業網站可能建置的內容,可以幫助你重新思考公司的網站架構。

 

延伸閱讀:網站架構表是什麼?該怎麼做?實用工具一次報你知(範本檔下載)

延伸閱讀:網頁設計開始前有哪些考量重點?從準備到維運的四階段自我檢查清單

 

 

1. 公司簡介 | 讓人了解你的企業背景、產業規模、歷史發展、核心優勢

「關於我們」也就是公司簡介,用來介紹公司的背景資訊、產業定位、服務優勢,讓客戶了解你的過去、現在與未來,當然你可以用簡單一頁來介紹你的公司,也可以用多個分頁來介紹。

這個部份在B2B或B2C產業,在表現上有極大的差異,如果是B2B產業(例:製造業或技術服務業),通常強調硬實力,將公司的基本能力規格列出來。在B2C產業的形象網站設計中,通常是採用「品牌故事」的方式強調軟實力,緩緩道出品牌的個性與面貌。

 

建議的單元項目:

  • 公司基本資料:通常會採用表格方式列出公司的概況,較常見於製造業,讓人了解公司的成立時間、場所地點、員工人數等基本資料。
  • 營業範疇:列出公司的營業項目及核心事業,讓人了解公司在整個產業的角色是專精某個技術領域、或是具備跨領域系統整合的能力
  • 經營理念:讓人了解公司的核心價值、企業文化
  • 歷史沿革:透過RWD時間軸式的歷史記錄,可以讓人了解公司的過去、現在、未來。
  • 組織架構:列出經營團隊、組織圖,讓人了解公司組織運作,常見於製造業及上市櫃公司。透過組織架構可以得知一間公司的企業規模。
  • 能力優勢:品質政策、環安政策、得獎認證等等,用以突顯公司優勢,與競爭對手拉出差異性。

 

參考範例:

 

 

2. 產品資訊 | 你的企業主要銷售哪些產品?

因應不同的產業,產品資訊的呈現方式有很大的差別。B2B產業通常採用型錄式設計,重點在於清楚表達產品的資訊與架構,採用詢價車的方式。

 

建議的單元項目: 

  • 產品分類總覽:通常是列出產品的主要分類,讓客戶了解公司所經營的產品範圍。
  • 產品列表:列出單一分類下的產品。可以採用icon或文字方式在這一頁突顯個別產品特色,對於user要區分每個產品的特色將會很有幫助。
  • 產品內頁:列出產品名稱、型號、產品特色、產品規格或其他產品說明。
  • 產品篩選:當產品規格繁多時(例如不同的電壓電流或功能特性),就會需要Product Finder的功能。透過多個條件的下拉選單,就可以讓客戶輕鬆找到想要的產品。
  • 加入詢價車:當產品數量太多時(常見於品項繁多的貿易業或電子零組件產業),客戶會需要同時survey幾個不同的品項請你報價,這個時候,加入詢價車是一個很有幫助的功能。

 

參考範例:

 

 

3. 解決方案 | 你的企業具備一站式解決方案的能力嗎?

建議的單元項目與參考範例: 

 

 

4. 能力優勢 | 你的企業在市場中,具有哪些核心競爭力?有什麼差異?

建議的單元項目與參考範例: 

 

 

5. 服務項目 | 你的企業提供哪些專業服務?

有些企業並不是以產品製造銷售為主要營收,而是以專業服務為主。例:會計事務所、律師事務所、系統整合、工程服務。那麼就會需要在此介紹你的服務項目有哪些、你的服務優勢是什麼?服務範圍到哪裡?服務流程為何?

 

建議的單元項目與參考範例: 

 

6. 客戶實績 | 你的企業過去完成哪些傲人的實績案例?

建議的單元項目與參考範例:

 

7. 服務支援 | 你的企業可以提供哪些後續服務?

建議的單元項目與參考範例:

 

8. 新訊活動 | 你的企業是否不定期對外發佈新訊?有哪些新鮮事?

建議的單元項目與參考範例:

  

9. 聯絡我們 | 你的企業客戶應該如何聯絡到你?

建議的單元項目與參考範例:

 

10. 人力資源 | 你的企業是否提供人力資源政策?

建議的單元項目與參考範例:

 

 

建議的單元項目:

  • 財務資訊
  • 股利分派
  • 財務概況、財務報告、月營收報告、公司年報
  • 股務資訊、股務報告、股東訊息、歷年股利
  • 重大訊息、投資人新聞、公開資訊觀測站連結

 

網站參考範例:

 

12. 企業社會責任 CSR | 企業營運應負環境、社會及治理之責任

建議的單元項目:

  • 永續發展
  • 企業社會責任
  • 公益參與
  • 社會關懷
  • 綠色使命
 
網站參考範例:
 
 

以上是企業網站常用的網站架構,在「網站建置」的過程中,每個企業網站因應不同的產業架構和市場領域所帶出來的網站架構也會有所不同,你可以依貴公司的企業架構和需求進行調整。

 

 

常見問題 FAQ|網站架構規劃相關問題一次解答

Q1:網站架構表準備好了,之後要做什麼?

大型企業可以當作對內溝通的文件之一,同時也可拿來與網頁設計公司討論,並作為設計與開發依據,這樣有助於確認內容完整、避免重複與遺漏,也方便日後網站更新及導覽調整。

 

Q2:如何規劃網頁?

在正式著手規劃前,可以先確定你架設網站想達成什麼目標,比如說:初期你只想先建立品牌形象,又或是你想為你的企業增加轉單率(業務量),確認目標後再開始規劃網站架構(Sitemap),架構確認後再開始進行蒐集內容,最後再進入實際建置階段,有前期規劃的這個舉動對於後續網站建置的流程有非常大的幫助。

 

Q3:網站架構表建議用哪些工具製作?

通常我們自己都是用PowerPoint,但其實沒有什麼限制,只要階層架構清楚明瞭就可以,比如說:Word、Excel或Xmind都可以,依照你的習慣就好。

 

Q4:網站架構圖怎麼畫?

PPT、Excel、Word等都可以,重點是要清楚呈現「主選單與子選單」的階層關係,為了方便讀者閱讀,我們會建議初次規劃時盡量避免超過三階層。

 

Q5:如果我只想做一頁式網站,要多少錢?

一頁式網站不同於架構完整的網站,通常都只要一個頁面然後用滑動或錨點的方式處理,基本上費用會落在3~6萬元之間,需視設計複雜度、功能需求與是否需客製化而定,不過一頁式網站通常會不具備後台,若有這個需求的話建議先問清楚喔。

 

 

延伸閱讀:從零開始打造上市櫃公司集團網站:五大設計要點一次提供

延伸閱讀:ESG 是什麼?企業永續經營指標,一篇帶你快速了解何謂 SDGs、CSR、ESG

認識網站行銷SEO

為什麼推薦台中網頁設計公司凱士數位?位於台中的凱士相對有機會接觸到各種不同的產業面向,擁有各種產業的網站設計經驗,幫助企業提升網路品牌形象,建立良好的使用體驗。如果您有形象網站、企業網站、客製化網頁、網站改版相關需求,歡迎聯絡我們。

 

您可以直接填寫諮詢表單;撥打諮詢電話 04-22210688;或加入凱士LINE由專人與您聯繫。

line qrcode

sticky text

line

contact btn