網頁設計報價：費用行情＋省錢懶人包（2018更新）

你搜尋了很多網頁設計報價，但行情看得霧煞煞？

「架設網站費用怎麼算？價目表如何破解？」你問。

對此, 我用5個報價單範例，讓你了解是否該自己架站，還是外包給網頁設計師（或用FB粉專就好）。你將清楚什麼是RWD、金流串接及「SEO支援」。文末更有成功 / 失敗案例，讓你從別人的經驗中學習～

想製作企業形象網站、並節省維護費用？看這篇就對了！

網頁設計報價單：5個範例

（以下是我google設計網站推薦得到的報價單，截圖底下有來源連結。有興趣深入了解的同學，可至設計公司網頁瀏覽。）

若你沒有架站經驗，以下5個報價範例，你應該有看沒有懂：

行情看得霧煞煞？

如前述，若你沒有網站製作經驗，這些報價單你應該有看沒有懂。

曾經用Dreamweaver、Adobe Muse寫過靜態網頁的人，會比較了解其中項目。但現在還有誰在手寫，或請人手寫靜態網頁（非CMS）？ 當然，不懂這行的除外～

現在是開源CMS（Content Management System 內容管理系統）的時代。用過免費CMS的人，可能會對這些報價一笑置之。

我不是說網站不須要請專人製作。事實正好相反：我支持你外包給網頁設計師，讓自己專注在更重要工作上。但在外包之前，你要思考3個問題：

• 我須要自架網站，還是用Facebook粉絲專頁就好？
• 我知道如何增加網站流量？
• 我能投入時間來經營網站（增加流量）？

以下是我的建議僅供參考…

我須要自架網站，還是用Facebook粉絲專頁就好？

如果你經營寵物店、餐廳、雜貨五金、傢俱行… 等實體店面，我建議用FB粉專就好—除非你計畫朝連鎖加盟或電子商務發展。若你屬於「知識經濟」這個群體 – 如健身 / 減肥教練、補習班老師、股票名嘴… 我推薦架設自己的網站。

我知道如何增加網站流量？

製作網站也要注重投資報酬率。時間、金錢投下去，換來的只是一個持續燒錢的線上名片？網站要幫你開發客戶並創造營收，這樣的網站才能稱為「行銷資產」。就像房地產、股票… 等資產，網站也必須創造被動收入（除非你不care）。但被動收入的前提是流量—請問你有這方面的知識？

我能投入時間來經營網站（增加流量）？

知道如何增加流量是一回事，能否動手執行又是另一回事。很多業主常說：「我沒有時間弄網站的東西」、「忙不過來」… 但要知道，大家手邊都有一千萬件事情要做，重點在優先順序與時間規劃。行銷是唯一能賺錢的商業活動，其他如採購、客服、生產… 都是在燒錢。如果你無法挪出時間做「網路行銷」，那麼請人設計網頁就是無謂的花費。

根據以上3個問題，如果你適合架設網站、並會安排時間來經營，就請繼續看下去吧！

費用怎麼算（如何省錢）

以下，我將逐一破解報價單上各條目，並提供省錢方法～

當然, 如果你口袋夠深，你可以跳過以下「問與答」。

RWD製作費NT$25,000 → 最低只收NT$19,800

RWD是什麼意思？它是英文 Responsive Web Design 響應式網頁設計 的縮寫…

範例如張阿道：

它又稱自適應設計—網頁尺寸隨螢幕轉向縮放。手機 / 平板在你手上，無論你是直著拿還是橫著看，網頁排版都能「自適應」螢幕寬度。

有別於傳統的手機版網頁（單獨為手機製作的網頁），RWD只須一個網頁版本，即可滿足桌上型電腦、筆電、平板、手機… 及未來無人知的奇怪尺寸螢幕。

有這麼多優點的RWD網站，設計起來困難嗎？費用很高嗎？從自己用CMS架站的角度來講… 免費！

以CMS的超級大咖—WordPress來說，市場上有上千個免費RWD主題 / 版型，甚至連WordPress的預設主題（貳零壹柒、貳零壹陸、貳零壹伍、貳零壹肆…）都是響應式設計！也就是說，你能用很便宜的價錢，就可以自製RWD網站。

• 有興趣自己架站的同學，可參考 網站架設＆費用：21個教學
• 如何安裝WordPress版型？請參考 WordPress教學：32個課程

最新RWD網站，五年費用只要NT$54,795

自己用WordPress架設響應式網站，版型費用最低是0元，最高不超過NT$3,000元。

好，假設你花NT$3,000購買付費的WordPress版型（現在幾乎都是RWD，根本不用特別註明）。那剩下的NT$51,795（54,795 – 3,000 = 51,795）如何破解？

以SiteGround為例，一個網域 + 3年主機 = 158美金（約4,580台幣）：

再另購2年主機 [非特價]：240美金（約6,957台幣）。5年總價就是NT$11,537（4,580 + 6,957 = 11,537）。

… 這樣就節省了四萬多元！

三十項以上網站功能、上百種風格版型變化…

WordPress外掛和版型的選擇，可能有上萬種～

1300萬張以上的商用授權圖庫

Pexels、Unsplash是高品質的免費圖庫…

上架商品數量無上限、自訂頁面無上限、全站式後台管理系統

• WordPress安裝WooCommerce後，也能無限上架商品。
• CMS系統都是自訂頁面無上限、都有「全站式後台管理系統」…

客製化設計、製作工時、建置時間

如果網站還沒有流量，這時候花大錢設計有意義嗎？

我建議先花時間找合適的版型（行情：免費至NT$3,000）—若它能滿足你70%的要求即可。有時間者可以自學CSS來加強設計，沒時間者可以先把重點放在撰寫實用內容—這是增加流量的基礎。網站流量有了，再花錢請設計師都不遲。就怕本末倒置，砸錢設計出漂亮網頁但沒有正向ROI（除非預算超多）。

金流串接

想讓顧客線上刷卡？那你的結帳系統必須串接金流。

串接金流比較複雜：銀行（玉山…）或第三方支付平台（綠界、歐付寶、智付寶…）提供API、SDK或購物車模組，給你（或網頁設計師）做串接。

製作購物網站的技術性高，相當費工，行情自然較貴。

如上述，在花大錢設計網站之前，最好先經營出穩定流量。若你是「新手電商」，我建議將購物車系統外包（利用電商平台如蝦皮、91APP、momo摩天商城），同時自架網站寫Blog經營流量，並在文章連結至開店平台，讓網友能到你的網路商店下單…

… 等你的個人網站有一定流量後，再請網頁前端工程師架設購物網站。

網站維護費用、程式保固＆升級

維護就是升級軟體及故障排除。開源CMS的程式升級通常免費…

你須時常更新CMS核心、版型與外掛。偶而會有外掛＆外掛之間，或版型＆外掛之間的衝突。若不知如何排解，可以請精通你CMS的前端工程師幫忙解決，或換裝另一個外掛。

網站空間

網站空間就是主機允許的容量。這是SiteGround空間容量：

網站擁有權

網站分兩部分：域名和主機。域名（又稱獨立網址）你可以在Godaddy、Namecheap買，一年價格約3～4百元台幣。

主機是誰擁有管理權，誰就擁有所謂的「網站」。但前提是域名也要指向主機才算數：如何設定DNS指向

網站開發限制

只要CMS程式碼是開源的、只要你懂，你愛怎麼開發就怎麼開發～

是否支援SEO

WordPress使用者只要安裝Yoast SEO（免費）, 就能設定 title 及 meta description 標籤：

Google關鍵字排名、網站SEO怎麼做？我在這 48個課程，示範如何優化SEO ?

（從搜尋引擎原理到趨勢分析、從關鍵字工具到內容行銷…）

是否支援站長工具、Google流量分析

現在有哪些網站不支援？自己裝很簡單：

• 提交網站給Google、Bing站長工具
• 安裝Google Analytics教學（影片）

未來擴充性、多語系支援

這是在搞笑吧？大部份免費CMS，這兩項「功能」是預設。

網路行銷建議、教育訓鍊…

創業者本該主動學習網路行銷知識。當然，如果有人免費提供，就欣然接受吧（希望資訊是正確的）！

技術支援

是24小時、全年無休嗎？國外虛擬主機商的「技術支援」，是24/7喔～

WRP網站資源整合

只要不額外收費，Why not?

模組化程式

就是套版的意思。套版沒有錯！在經營出穩定流量之前，我推薦使用套版。等流量多了、口袋深了，再客製化設計都不遲。

客製首頁樣式設計、首頁網站版型設計與製作

若你真的想客製設計網頁（不限首頁），WordPress有很多網頁製作外掛，例如 Page Builder by SiteOrigin、elementor、Beaver Builder 等。

網站內容管理系統建置

這又在搞笑了… 現在滿街都是開源 / 免費的內容管理系統。

網站內容圖文編排、上線設定

如果你不會上傳圖片、或使用文章編輯器（如Word）, 那你可能需要這項服務。

採用Google推薦之網站設計技術

Google喜歡WordPress + WordPress免費 = 全球超過30%網站是WordPress！

符合使用者習慣的網站版型及動線

平面廣告設計、文案撰寫 ← 如果想進一步研究，這些是關鍵字。

歡迎頁FLASH：6000元、首頁FLASH：6000元

Flash早已被淘汰，我不理解為何還出現在報價單上。

網站地圖：4000元

WordPress的Yoast SEO外掛（免費）有XML網站地圖… 現省NT$4,000！

GIF動畫：2000元

通常只有兩種情況你會需要GIF動畫。一種情況是橫幅廣告，另一種是教學目的。例如「軟體使用步驟」的短片往往只有幾秒鐘，嵌入一個YouTube影片太殺雞用牛刀。而GIF動畫就很適合這種情況。

線上GIF製作軟體，我推薦GIPHY。這樣你又省下NT$2,000。

Logo設計、螢幕保護程式、廣告Banner設計、EDM設計：2萬2千元

這些放在網頁設計報價單上，有點匪夷所思。那要不要加入Facebook廣告投放、手機APP製作、業配文行情？

網站設計失敗案例

這裡說的「失敗」不是指設計上的失敗，而是指業主可能沒有釐清網頁設計外包之前的3問題：

• 我須要自架網站，還是用Facebook粉絲專頁就好？
• 我知道如何增加網站流量？
• 我能投入時間來經營網站（增加流量）？

這3個問題，我在前面已經說明。總結一下重點：製作網站也要注重投報率…

以下三個設計案例的ROI，我推測是負成長：

葉家香辣椒館

衡量網站的ROI，可以用流量查詢工具如Ahrefs、SimilarWeb。首先你要了解，沒有任何流量監測工具是100%準確。但Ahrefs的數據，和我經營一些網站的GA分析數據滿接近，所以還算可靠。

以下是葉家香辣椒館的流量、關鍵字分析：

它的有機搜尋月流量514左右，其中品牌關鍵字佔363。

計算網站的投資報酬率，建議不要算入品牌關鍵字的流量。為什麼？因為這些流量可能是網站之外的行銷活動所產生，例如線下促銷、電視廣告、網路廣告等。從計算ROI的角度看，我們希望網站能自己產生流量（又稱有機流量），而非靠其他行銷方式「灌水」。

所以扣掉品牌關鍵字的流量，它的淨有機流量是151。

電商平均轉換率（訪客轉換成客戶）大約2%～5%。此葉家香案例，我們抓4%好了：

151 × 4% = 6.04

恩… 葉家香網站每個月成交6位客人？看似有很大進步空間。

另外，網站上有購物車 / 結帳系統，想必所費不貲。但奇怪的是，官網的購物車不用，竟然在其他電商平台開店（寧願付手續費＋其他有的沒的費用）：

種種跡象顯示此「官網」可能不賺錢。

神基科技 Getac

我們先來看神基科技的流量分析：

淨有機月流量只有「mil-std-810g 516.6」產生的33，看起來是個徹底失敗的網站？

把自然流量，和網站製作、維護、營運成本相比，它的確是失敗，但請考量Getac的商業模式。Getac是B2B（商對商）批發銷售，其流量價值要比B2C的網站高幾百、幾千倍。這樣看來，神基官網的ROI其實沒有那麼差。

我覺得有待加強的地方，是增加非品牌關鍵字流量的比例。關鍵字只做到「mil-std-810g 516.6」的確不理想。

樂頤飯店

同樣，網站漂不漂亮、時不時尚，對投資報酬率沒有太大關係。能帶來實質收入的是流量：

從樂頤飯店官網的分析可以看到，淨有機月流量大約30。即使轉換率抓10%，此網站每月只吸引3位房客？

請容我再重複一次，雇人設計網頁之前，應該自問：

• 我須要自架網站，還是用Facebook粉絲專頁就好？
• 我知道如何增加網站流量？
• 我能投入時間來經營網站（增加流量）？

假設樂頤飯店的管理階層，不知道也沒時間經營網站流量，我推薦FB粉絲專頁＋線上訂房平台（Agoda、Trivago…）。這比花幾萬塊設計、維護一個沒人光顧的網站，更省時省力省錢。

網頁設計成功案例

一個網站的ROI是正向還是負向，與設計的關係很小… 但與內容的關係很大。以下是3個內容取勝的範例：

AmazingTalker

AmazingTalker Blog 沒有「創意設計」，但產生的流量驚人：

一個外表平凡的部落格，是怎麼做到高達17萬的自然流量？答案是內容行銷。

例如寫一篇「英文自傳範例」的實用文章：

這篇文章的月流量8千左右，如果在上面賣東西想必不難…

流量先做出來，再來談網頁設計，才是網路行銷的推薦流程。

馬路科技

馬路科技透過發佈實用資訊，也能在「硬知識」領域打下一片天：

這篇「3D列印的原理…」有圖片、影音等多媒體，每月帶來近3,000的有機流量：

所以，與其著重於網頁設計，倒不如專注於製作多元化內容？

凌威科技

凌威科技也是一個好的範例：透過發布實用內容，創造出一～兩萬的自然流量 ↓

這篇「如何判斷自己的硬碟是不是壞軌…」，每個月產生4千左右的流量。如果能加入圖片、甚至影片，會有更好效果。純文字在今日的富媒體時代，吸引力已大不如前：

相信這3個範例已清楚說明，研究網頁設計行情之前，你應該規劃內容行銷策略（並有效執行）。在這個內容為王年代，設計一些漂亮的網頁，並不能保證網站會有正向ROI。

你的「企業形象網站」

從這篇文章你了解，製作網站必定會花錢。但每花一塊錢，是否有賺回兩塊、十塊錢？

行銷要創造淨收入，網站也該如此—除非你把它當做「商業支出」、「營運成本」看待。

你已學會什麼是Google流量分析、站長工具、網站地圖…（並自己安裝），相信能節省不少網頁設計費用。

還有對報價單上哪些名詞不了解？請在下方分享你的問題＆心得。