網站設計完整指南 2026｜中小企業主的做站決策框架

網站設計不只是把頁面做得好看，而是把網站用途、頁面內容、手機操作、搜尋設定、交易流程與維護責任一起規劃清楚。中小企業主在動工前，先回答四件事：做哪一種網站，需要哪些內容與功能，交給誰做，三年要花多少。報價或規格缺少這些項目時，應補問交付、費用與驗收方式；本文提供可帶去討論的決策清單，讓決策者和執行者有共同的依據。

本文以五種用途、七項規劃問題、六個階段、三種製作安排、三年成本算法與五項驗收風險，幫你把需求轉成報價和操作檢查。不以固定市場費用、工時或最便宜保證代替實際估價。

本文處理的是決策：用途、流程、製作方式與費用。如果你已經決定要做，想看的是視覺風格、互動效果與版面該怎麼選，請改讀網站設計的六個設計方向與五項原則。

一、網頁設計 vs 網站設計：差在哪？

本文按規劃工作整理名詞，並非各工具的統一職稱或固定產出規格。

本文用「網頁設計」偏指單頁視覺與操作，「網站設計」則包含跨頁資訊、功能與維護規劃。實際報價與分工可能重疊，應以交付內容為準。

網頁設計（Web Design）可包含視覺、文字、色彩、排版與互動。產出可用設計稿、原型、編輯器或程式呈現；請確認是否只交稿，或也負責實作與驗收。

網站設計可把頁面、資訊架構、讀者流程、功能、技術、搜尋設定與後台維護一起規劃。先記錄網站任務和需要完成的流程，再指定每項負責人。

需要完整網站時，除了外觀，也應核對資訊、詢問或交易及維護責任。這些是驗收項目，不代表完成後一定帶來詢問、排名或投資回報。

提案與報價裡常出現三個縮寫，討論範圍前先分清楚。UI（User Interface，使用者介面）指使用者看得到也能操作的介面，例如按鈕、表單與版面；UX（User Experience，使用者體驗）指訪客從進站到完成任務的整體體驗，重點是容不容易理解與操作；RWD（Responsive Web Design，響應式網頁設計）指同一份網頁依螢幕尺寸調整版面，讓不同裝置都能閱讀與操作。三者都在網站設計要驗收的範圍內，業主怎麼驗收可以看UI 與 UX 的差異與驗收方法。名詞定義參考MDN 詞彙表的 UI、UX與響應式網頁設計說明（查核2026-10-13）。

規劃面向	單頁設計	整站規劃
內容	頁面文字、圖片與操作	跨頁資料、分類、導覽與內容責任
產出	設計稿、原型或實際頁面，依約定	範圍、流程、設定、文件與驗收項目，依約定
需確認	誰負責實作與桌手機測試	誰負責資料、交易、搜尋與維護
如何選	適合單頁或既有網站局部調整	適合需要跨頁與後台流程的規劃

二、可規劃的五種網站用途

以下五種用途幫你盤點內容和流程，並非使用率排名或互斥類型；同一網站可以組合多種用途。

1. 形象網站

形象網站可用品牌故事、服務、作品與聯絡資料介紹業務。是否收款或加入其他功能，按實際需要選擇；不設三秒理解或一定不做交易的門檻。頁面與視覺怎麼規劃，見形象網站完整指南；以公司名義經營，需要放較完整的公司資訊時，看公司網站架設指南。

可參考的需求：顧問、律師、會計、設計、建築、攝影、診所與B2B服務的內容展示；涉及醫療、個資或案例公開時另核對適用規範。

2. 品牌官網 ＋ 部落格

需要持續解答讀者問題時，可加入文章、專欄或影片，搭配適用的訂閱與聯絡入口。內容更新需安排責任並觀察搜尋資料，不保證累積權重或流量。

可參考的需求：個人品牌、講師、顧問、KOL、教練、新創或企業的持續內容管理。

3. 線上課程／知識付費網站

要在線上銷售與交付課程時，核對課程、付款、學員權限、影片服務、進度、退款及發票流程。若只介紹授課或接受邀約，不必直接採用全部模組。

可參考的需求：開課講師、教育品牌、企業訓練與顧問的線上交付。

4. 電商網站（虛擬／實體商品）

商品銷售可按需求安排商品、結帳、付款、訂單、規格、折扣及發票。實體商品另確認庫存、物流與出貨；虛擬商品不必一律配置物流，特定運送商和功能須核對支援與費用。

可參考的需求：品牌商品、服飾、美妝、食品或虛實組合；訂閱制另核對產品、付款方式、扣款與交付條件。建置流程與費用拆法，可接著看電商網站架設完整指南。

5. 一頁式網站／活動頁

一頁網站可集中說明產品或活動，再引導報名、試用、下載或購買。需要較多內容或個別搜尋入口時，可增加內頁；一頁形式本身不等於轉換保證，也不等於不能被收錄。適用情境與製作方式，見一頁式網站完整指南。

適合對象：新品上市、活動報名、產品 Landing Page、早期驗證期的專案、事件行銷。

三、做站前必答的七個問題

啟動前可用以下七項問題整理規格與驗收，沒有答案的項目先指定負責人，不把所有預算超支都歸因於開工前規劃。

1. 首要任務是什麼？列出要提供的資訊、詢問或交易，再安排內容、行動入口與驗收。
2. 目標讀者是誰？先記錄角色、要找的資訊與需要完成的步驟，再用實際讀者或研究核對，不按B2B/B2C推定全部行為。
3. 必要功能清單是什麼？聯絡表單？電子報訂閱？會員系統？線上預約？金流？物流？先把「必要」跟「想要」分開。
4. 預算如何估？把製作、維護、加購、內容與時間成本放進同一期間核算，避免同一服務重複計費。
5. 誰來管理內容？指定後台負責人、培訓、更新和聯絡資料檢查方式，不必每站都固定發文。
6. 是否有搜尋需求？核對可存取與索引、內容、標題、內鏈和頁面體驗；設定後仍需觀察結果，不保證所有修改都要大改版。
7. 期望何時完成？依內容、設定、整合與驗收列階段排程，確認每階段輸入和負責人，不按網站名稱推定固定週數。

回答完七個問題後：網站設計的六個階段

網站設計的流程可以分成六個階段，不論走自架、外包或架站產品哪一條路線，順序大致相同，差別在每個階段由誰負責。先把階段和負責人對起來，報價與排程才有共同的基準。

1. 需求與目標：把上面七個問題的答案寫成一頁需求，列出必要功能與決策人。
2. 網站架構與內容盤點：決定需要哪些頁面，頁面之間怎麼連，以及每頁要放的資料由誰提供。
3. 視覺與版面方向：確認品牌色、字體、圖片風格與主要頁面的版面，手機版與桌機版都要看過。
4. 文案、圖片與內容填入：準備有權使用的文字與素材，放進頁面後再調整版面。
5. 搜尋設定與功能整合：設定各頁標題與摘要、網站地圖、表單通知、追蹤工具，以及需要的金流或預約。
6. 測試、上線與維護：實測桌機與手機的閱讀、表單和連結，上線後安排內容更新與定期檢查的負責人。

每個階段需要的時間取決於資料是否備齊與決策速度，沒有適用所有網站的固定週數。想看逐週的排程示例與分工，可以參考網站架設完整路線圖的八週規劃示例。

四、三種製作安排怎麼選？

做一個網站的方式，基本上可以歸納成三條路線。各有各的適用情境與成本結構。

路線 A：自己做（自架 WordPress）

自架WordPress可用主題和擴充功能管理頁面、文章與權限。自架的主機、授權、設定與維護依選用工具估算，不把固定牌價或所有外掛免費當成總成本。來源：WordPress官方功能說明（查核2026-10-10）。

估價時列主機、授權、相容性、更新、安全、備份、搜尋設定與桌手機驗收。時間成本用自己的工時紀錄或明示預估計算，並註明哪些工作已包含在委託費中。

若能安排技術責任、維護與故障排除，可評估自架；也能委託部分工作，不能只用預算低就判定一定最便宜。安裝步驟與上線檢查見WordPress 自架教學。

路線 B：外包（網頁設計公司／接案工作室）

外包可包含設計、內容、開發、整合與維護，也可能只交部分工作。先問交付範圍和負責人，不以公司稱呼推定已配置每種職位。

外包費用依頁面、流程、資料、視覺與維護估價。比較相同範圍的報價，請供應者說明製作、修改、交付和支援項目，再確認哪些另計。

把修改次數、手機驗收、SEO設定、主機、維護、素材授權與擴充費寫進合約。每項包含範圍和支援期間分開核對，不把未知追加金額硬填成市場常態。

若需特定視覺、流程或整合，可用外包補足內部能力。公司規模不是唯一條件，仍要確認交付、授權、帳戶與維護能力。廠商類型與評估標準，見網頁設計公司怎麼選的 10 項評估與合約檢查。

路線 C：完整架站產品（秒站 x 即站力）

秒站是台灣團隊用WordPress打造的SaaS架站服務，提供現成架構、頁面編輯器及AI協作Vibe畫布，三種方式可依頁面需求混用。內容、權限、交易和功能適配仍需核對；服務條件第4點僅可取得部落格文章匯出檔、會員清單、訂單列表、商品清單、Vibe 畫布與網站設定等客戶資訊，系統代碼與其他資料不予匯出或保存，不能當成完整系統可搬家。

主方案分首年與續年：標準24000/12000、專業36000/18000、輕電商48000/24000元。服務、客服和維護依官方範圍，客製、加購及第三方另核對；方案頁列的客服是24小時內回覆（電子郵件與LINE），不是全天候即時客服，SEO與設計服務也不是全部內含。來源：官方方案（查核2026-10-10）。

特殊後端流程、會員權限或API整合先確認規格與支援。用自己的代表頁面和操作流程試做，再比較實際工具、維護與資料需求。

適合對象：想把精力放在商業經營上，不想養 RD 團隊，重視可預期年費，希望網站穩定運作不分心技術的中小企業與個人品牌。

項目	秒站	自架WordPress	外包
主費用	核對首年、續年與加購	主機、授權、製作與維護另列	依交付規格及合約
完成時間	按資料、設定及驗收	按實作與維護能力	按階段排程與驗收
操作責任	需整理內容並試用確認	自行或委託設定與更新	需提供資料、審稿及驗收
搜尋設定	提供工具，仍需設定核對	依選用工具核對	按報價交付與實際結果
退出與交接	可匯出範圍依服務條件	核對帳戶、資料、授權及備份	核對原始碼、文件與權限合約

上表只比較三種安排的責任分工。想把其他架站工具也放進來看，可以參考10 家網站架設平台的比較與情境建議。

免費工具、模板與範例算哪一條路線？

免費架站工具、網頁模板與設計範例是起步的素材，不是第四條路線。用它們做出來的網站，最後仍要回到上面三種安排之一，由明確的人負責內容與維護。開始前各有要先確認的事：

• 免費架站工具：先確認免費方案的網址、品牌露出、容量與功能邊界，再決定只用來試作，還是當成正式網站；各家條件見免費架站平台怎麼選。
• 網頁模板：先確認拿到的是網站檔案、平台主題、設計稿，還是含建置的服務，再核對授權與後續維護；見網頁模板的六種交付類型與採購驗收。
• 設計範例與靈感：範例用來整理視覺與結構方向，漂亮的畫面不能證明成效，文字與素材仍要用自己有權使用的內容；找資源可以從網頁設計靈感的 6 個方向與 14 個資源開始。

五、實際預算怎麼抓？三年 TCO 試算表

三年總持有成本（TCO）是同一期間的全部相關成本。下表提供填報價的欄位，不是三條路線的實測市場價格；只有秒站主方案數字引用當日公開牌價，其他金額請填自己的報價。

成本欄位	自架	外包	秒站專業方案示例
製作／主方案	填設計、設定及授權	填同範圍製作報價	首年NT$36,000＋續年NT$18,000×2＝NT$72,000
主機、網域及授權	填三年費用	核對已包含或另計，避免重複	核對主方案外另計項目
維護和內容	填工時×時薪或委託費	填三年維護與內容合約	核對服務範圍，客製、內容與加購另計
第三方交易與儲存	按實際用量和契約	按實際用量和契約	金流、影片、發票、物流等按契約
追加與退出	估實際需求並標假設	核對修改、擴充與交接	核對加購、客製及可匯出範圍
三年總成本	相加各欄，註明工時是否計入	相加各欄，剔除重複項	72,000＋所有另計項；費率假設不變

比較前先固定相同內容、功能、維護與期間，再相加費用和時間成本。上表72,000元只為專業方案三年主費用，並假設2026-10-10費率不變，不能視為所有需求完整TCO，也不能由此判定哪條路最便宜、最快或最穩。想知道各欄費用怎麼拆，以及報價單會列哪些項目，可以看網頁設計費用怎麼估。

六、五個常見地雷

地雷 1：沒考慮行動裝置就開始設計

用實際讀者資料判斷裝置需求，也要測試手機的主要內容、圖片、表單與導覽。Google mobile-first主要使用手機內容索引與排名；這不代表所有網站有同一流量比例，或RWD本身保證排名。來源：Google行動優先索引說明（查核2026-10-10）。

地雷 2：圖片過大影響網站速度

圖片可能影響載入，互動程式與版面穩定也需檢查。按實際頁面觀察LCP、INP、CLS，並核對尺寸、格式與載入安排，不以圖片大小推定所有指標都變差。Google使用Core Web Vitals，但好分數不保證最高排名。來源：Google頁面體驗說明（查核2026-10-10）。

地雷 3：SEO 被當成事後補救

建置時可先核對URL、標題、索引、導覽及適用標記；也能在上線後逐項改善。修改影響和費用依實際結構，不推定事後只能改Meta或一定大幅改版。

地雷 4：沒有明確的內容維運計畫

安排資料、聯絡方式、功能與內容的更新責任。需要時修正過期資訊，透過實際搜尋和詢問資料觀察影響，不以停止發文就推定六個月變負資產或權重固定流失。

地雷 5：把設計決策權交給「最大聲的人」

設計決策要回到使用者旅程與商業目標。啟動會議先約定誰負責整理意見，誰拍板，如何以讀者測試核對，以及定稿後如何處理修改，讓視覺調整有明確依據。

七、秒站 x 即站力：完整架站產品的具體選擇

秒站提供平台維護、內容工具與AI協作的建站方式；實際包含和加購範圍依當日方案與服務條件。頁面編輯器調整區塊，Vibe畫布承接AI生成的HTML／CSS／JavaScript；生成初稿仍需核內容與操作，不能當成已完成正式站驗收。

網站地圖、搜尋設定、圖片、結構化資料與流量工具仍要按網站內容和帳戶權限核對。Search Console需驗證資源，Core Web Vitals和桌手機操作需實測；Google自2026-05-07不再顯示FAQ rich results，FAQ仍可提供讀者資訊。來源：Google官方更新（查核2026-10-10）。

比較三種安排時，核對同範圍的功能、維護和費用，不能推定外包都加價或自架都要研究很久。秒站退出資料依第4點服務條件，第三方WordPress自架的資料與授權安排則另核對。

三個方案對應不同規模：

• 標準方案（首年NT$24,000，次年NT$12,000）：供品牌資訊與內容需求評估。若要外部收款連結，可另申請SLP或立即付，核准後依其條件收款，不視為站內訂單與付款同步。
• 專業方案（首年NT$36,000，次年NT$18,000）：供線上課程、數位商品與收款等需求評估；影片、金流、發票和加購仍按支援及契約確認。
• 輕電商方案（首年NT$48,000，次年NT$24,000）：需要物流整合時可評估，先核對運送商、資格、運費與出貨流程；不是所有實體商品都只有這一種安排。

先試做代表頁面和流程，再比較三年費用與維護責任。客服與顧問服務依官方支援範圍：方案頁列的是24小時內客服回覆（電子郵件與LINE），指回覆時限，不是全天候即時處理。秒站也不保證所有需求都是年費最低或沒有追加成本。

八、總結：怎麼做決定

把前面的分析收攏成一張決策路徑圖：

• 能安排技術、資料與維護責任時，可評估自架或委託部分工作，不按低預算就推定最划算。
• 需特定視覺或系統流程時，先寫規格、交付與維護條件，再比較外包或平台客製。
• 希望由平台承接部分維護時，試用操作並核對方案、費用、搜尋設定及退出條件。
• 賣實體商品時，核對物流、庫存、出貨與交易流程；秒站物流整合可評估輕電商。
• 只需收款連結時，可另評估SLP或立即付；需要站內訂單、課程或商品時，核對對應方案與串接。

把資訊、流程、搜尋和維護放在同一份規格中，再用實際驗收和觀察調整。安排定期檢查內容、功能和費用；遇到新需求時，先比較擴充、局部修改與改版的範圍。

按需求評估秒站或其他製作安排

「三條路線」的選擇，最後還是要回到你自己的情境。以下是幾種常見情境，以及秒站對應的方案建議：

• 只需要一個專業形象站 ＋ 部落格，做 SEO 長期經營 → 秒站標準方案（含 AI 架站 ＋ SEO 架構 ＋ Vibe 畫布）
• 需銷售與交付線上課程：核對秒站專業主方案、影片服務、加購及交易費，再與其他平台相同範圍和期間的費用比較。
• 實體商品與官網整合：核對商品、付款、物流及出貨，按商家資格與支援評估輕電商。
• 從既有平台移轉：先盤點內容、媒體、商品、帳號、URL與可匯出格式，請客服確認可協助範圍和費用；不保證所有資料原樣搬移或更穩。
• 醫療或法律專業網站：先確認資料公開、廣告、保密、個資和實際流程；選用方案或預約／發票功能不代表已合法合規。

還不確定哪一種安排適合，可以先用自己的內容試做一頁，再對照方案與實際案例：

• 4 小時免費試用：不必信用卡，先進後台確認編輯方式與操作流程；試用與正式站分開處理。
• 看秒站方案：核對標準、專業與輕電商的首年、續年、功能與加購。
• 看實際案例：按產業與內容需求參考，展示不代表每項功能或成果。

需要品牌官網與商品介紹，可從秒站開始；想先用連結或 QR Code 收款，可到立即付建立商店；商家與商品資料備妥後，可透過SHOPLINE Payments 合作申請送件，核准後回原平台串接。

想比較付款方式，或查詢申請、撥款與退款流程，可以閱讀SHOPLINE Payments 完整指南；合作費率表提供秒站合作優惠及各付款方式的適用條件。

重點整理

網頁設計跟網站設計差在哪？我到底需要哪一個？

本文用網頁設計偏指單頁視覺與操作，網站設計涵蓋跨頁、資料、流程與維護；實際工作可能重疊。先核對設計稿、實作、設定及驗收的交付，不由名稱推定成果。

做一個網站到底要花多少錢？

同期間相加製作、主機、授權、維護、內容、工時與交易費，避免重複。秒站專業主方案按當日費率不變，三年36,000＋18,000×2＝72,000元；其他另計項仍要加上，不是所有需求完整TCO或最便宜保證。

自己架 WordPress 還是找人做還是用 SaaS？怎麼選？

比較工具適配、資料權限、維護能力與同範圍費用。範本、客製、代管能搭配；收款連結不等於站內訂單同步，實體物流按實際安排和方案核對，不按固定預算指定唯一路線。

中小企業常見的網站類型有哪些？

本文整理形象展示、品牌內容、課程交付、商品交易與一頁活動五種用途。同一站能組合，實際功能按需求選，不推定形象站一定無收款或虛擬商品必須物流。

做一個官網大概要多久才能上線？

依內容準備、設計、設定、整合與驗收列階段排程，確認所需資料、負責人和修改範圍。AI生成初稿後，仍需核對內容及正式站操作，再安排上線。

網站做好之後，SEO 可以怎麼做？

先核對索引與可存取、標題內容、內鏈、適用結構化資料及頁面體驗，再用Search Console觀察。工具預配置仍需按內容與權限設定，排名沒有保證；Google FAQ rich results自2026-05-07不再顯示。

做站的常見地雷有哪些？

五項檢查為桌手機內容與操作、載入與互動、搜尋設定、內容責任與設計決策。按實際頁面和讀者資料驗收，並約定上線後誰負責檢查、修正及處理新需求。

網站的維運費用該怎麼估？

核對每期主機、授權、更新、備份、支援、內容和加購，以及工時是否計入。秒站專業續年18000元為主方案費；客製及第三方另核對，其他製作安排則依實際範圍和合約估價。

網站設計可以自己做嗎？需要會寫程式嗎？

可以自己做，也不一定要會寫程式。使用架站產品或自架 WordPress，都能在後台編輯頁面和文章；WordPress 另以主題調整外觀，以外掛擴充功能。需要特殊流程、系統整合或客製互動時，再評估程式開發或外包。動手前先估內容準備、設定、測試與後續維護的時間，並確認出問題時由誰處理。

委外做 WordPress 網站，該找哪一種團隊？

先分清楚要委外的是哪一段工作：視覺與版面設計、主題與功能的設定或開發、內容與搜尋設定，還是上線後的主機、更新與備份維護。團隊的名稱不能代表分工，請對方列出負責項目、交付檔案、帳號歸屬與維護期間，再用相同範圍比較報價。

想要 WordPress 架站加上 SEO 設定，有哪些做法？

對應本文的三種安排：自架 WordPress 後自行設定各頁標題、摘要、網站地圖與索引；外包時把搜尋設定的項目和驗收方式寫進報價；或使用已提供搜尋設定工具的架站產品，例如用 WordPress 打造的秒站。不論哪一種，都要依實際內容逐頁核對，再用 Search Console 觀察，排名沒有保證。