【網站架設、網頁設計】12大網站設計主題教學與網站公司推薦

Wordpess上萬主題讓你挑選，網站風格、基本RWD、跨瀏覽器呈現一次搞定。

Wordpress架站功能擴充一鍵搞定。

非網站外包公司自有技術打造，不擔心被外包公司 ... 【網站架設、網頁設計】12大網站設計主題教學、做網站公司推薦 【網站架設、網頁設計】12大網站設計主題教學、做網站公司推薦 公司網站架設該如何開始？ 找網頁設計公司報價，網站架設費用又是多少？全球市佔４０％、超過７億５千萬都是WORDPRESS網頁設計的網站又是什麼呢？如何買網址、SSL、RWD是什麼。

不管那個情況，接著躁鬱症發作，問題大暴發。

心想弄一個形象網頁設計真的那麼難嗎？ 先不管難度與否的問題，貴設計想傳達一個最重要的訊息，市面上網站架設軟體百百種，但不管你是自學網站架設、還是尋找網站架設外包，務必選擇Wordpress架站，理由何在呢？Wordpress網站的特色如下 美國白宮也是選擇Wordpess網站架設，可信賴度高。

貴設計寫了18年的客製化網站，也深覺Wordpess網站架設的好用。

Wordpess不用程式也能架設網站，彈性極大。

（承上，貴設計做網站要寫個上千行的程式，真的極力推Wordpress） Wordpess網站架設時間短又快速。

Wordpess網站架設資源極多，網站自學、公司新人交接都方便。

Wordpess上萬主題讓你挑選，網站風格、基本RWD、跨瀏覽器呈現一次搞定。

Wordpress架站功能擴充一鍵搞定。

非網站外包公司自有技術打造，不擔心被外包公司綁架，隨時搬主機，換掉外包商。

選擇Wordpress架站之後，接著就可以開始，網站架設第一步先弄清楚公司網站類型（見下表），接著買網址、主機空間、網頁設計、Google登錄，５步驟其實一點都不難。

接著就讓貴設計１２大主題網頁設計教學，分享如何架設網站、網站架設流程、網站素材準備、網頁設計推薦。

就讓我們開始GO！GO！GO！ 網站類型 型態 說明 📌 形象官網 品牌形象網站，只介紹品牌、公司。

📌 電商、購物網站 線上產品銷售，例如保養品、皮件、手機、課程。

📌 形象+購物網站 首頁會以介紹品牌，內頁則以電商、線上產品銷售為主。

📌 Blog、媒體網站 網站以文章為主軸，如數位時代、天下雜誌。

📌 論壇網站 如MOBILE01 📌 客製化網站 網路上提供特有的服務。

例如:UberEat、熊貓。

關鍵字：網頁設計網站架設費用RWD響應式網頁設計網頁設計公司推薦WORDPRESS網頁設計 官方網站架設 １.官方網站架設的重要性 形象官網未必每個品牌都會有，最大原因不外就是費用高昂，所以取而代之的便是Facebook粉絲專頁。

所以有了Facebook粉絲專頁、Youtube、Instagram等社群平台，還需要網站嗎？答案其實"是的"。

很多企業主諮詢時都會提出，「只經營FB的粉絲團不可以嗎，台灣人愛滑手機，使用臉書的比例偏高，不如直接開一個粉絲專頁更有效？」。

這時候通常都會試問一下請問有那個大品牌，只有FB粉絲團、IG，卻沒有官網的呢？。

官方網站其實是你在茫茫網海中的門面，你有意走網路行銷就必需準備品牌官網。

而官網建置完成不是一個終點，是一個更大的起點。

你要開始網站管理經營、廣告行銷、網站優化、網站升級擴充功能等等。

這些的目地就是為了持續經營官方網站在廣大的網海中的品牌形象、同時也透過網路行銷拓展客群、增加業績。

所以為什麼我們需要官方網站？網站優點有很多，但首先讓我們來看看Google怎麼說： 官網的重要性是連Google都認同的，所以想了解更多官網架設的好處嗎？請參考【官方網站架設】的重要性你知道嗎？ ２.有FB還需要建置官網嗎？ 這是一個好問題，企業主都在想我已經有臉書粉絲團，為什麼我還要架設一個網站？ 很簡單的問題，你看過那一個大品牌只有成立FB粉絲團沒有建置官方網站的呢？所以會架設官網一定有其道理存在。

或許您可以參考如表 官網 FB粉絲團 公信力 高 低 權威性 高 低 搜尋結果順序 優先 較後面 SEO操作 容易 難 資訊留存 永久 逐漸消失 資訊傳達速度 慢 快 粉絲互動 低 高 ３.官方網站架設的好處？ 官方網站是公信力的代表：許多官方平台的申請，都會設定要求審核官網的條件，或者接洽客戶，當名片上的公司網址呈現.com等國際正式網址而非社群平台的附屬網址，都是增加客戶對企業或品牌信賴度的重要指標。

官方網站傳達是一種企業形象：擁有一個真正屬於自己官網，能呈現專業品牌形象外，也在訴說這間公司擁有真正的企圖和承諾的表現。

官方網站提供是一種信賴感：上面有提到，官網能帶來公信力，想像一下，如果您要找一家沒合作過的廠商合作，如果A廠商有一個官網，專業、有完整資訊，B廠商剛好沒網站，只有一些資訊在社群媒體上，您會覺得哪一家比較有信賴呢？ 官方網站可聚集你的行銷歷程：官網價值之一，就是官網的網域，網域=你的價值，網域可以代表企業的價值，不附屬在別人的平台之下，對搜尋引擎來說具有累積性。

無論你怎麼更改網站內容，都會記載在網路上，讓你的行銷不至於間斷。

官方網站可永保內容：日益累積的文章、內容、瀏覽人數等，瀏覽著可以很容易找到他們想看的內容，透過內容行銷＆搜尋引擎優化（SEO）行銷的概念，可以創造出疊加行銷能量。

Facebook精心設計的素材、菜單、心得、文章等，經過一段時日，就會被新的貼文不斷往下壓，石沈大海找不到了！ 官方網站比FB、IG、youtube是更能永續經營的通路：現在Facebook的前景看好，但誰能保證它永遠不會消失？哪天Facebook不玩了或是哪天出現更酷更炫的網站使用者紛紛跳槽？到時再多的粉絲和討論全部歸零。

所以架設網站的好處很多，尤其當你的產業都不流行架設官網，而你有網站時，而且還要用官網架設推薦軟體－Wordpress，那整個差異化就出來。

４.官方網站的經營與管理？ 網站管理會從以下的角度管理網站 網站當機、死機：網站勿三不五時的死機、若常發生該情況，可以考慮更換主機商。

網站下載速度過慢：下載速度過慢，有可能文案、圖片過多、主機位置太遠，可以考慮優化網站下載速度。

連結壞掉：網站連結壞掉，可以使用Dr.Link或其他工具檢查。

網站破圖產生：一般小型網站頁數不多，請直接用人眼觀察。

若為中大型網站的話，同樣可使用如上工具。

找不到頁面：連結壞掉就會產生找不到頁面的問題。

網站中毒、綁架：被駭客入侵、植入病毒。

官網Email回覆：總會有許多形形色色的Email、例如求結盟、問合作、問服務等事項要回覆。

FB粉絲團留言回覆：（同上） 網站新功能擴充：網站下一步擴充什麼功能？如何擴充，委外或自行處理。

網站檔案備份：如圖片檔、程式、文件等。

資料庫資料備份：資料庫內有許多系統設定、使用者註冊資料等。

網站GA、GSC設定：一旦GA、GSC設定好之後，仍是有可能會跑掉，所以三不五時還是要檢查設定是否正常無誤。

網站經營貴設計則從以下幾點經營 品牌：品牌名聲是否有愈來愈有名的感覺。

網路聲量：是否有部落格介紹公司品牌，或網路上開始有人在搜尋品牌網站名稱。

網站流量：網站的流程有持續升高嗎？ 流量品質：進入網站的使用者是否與品牌的目標族群有一致呢？ 維持老客戶與開發新客戶：二個主要的客戶要如何管理。

網站行銷：要如何持續為網站帶來更多的流量。

使用者註冊：使用者註冊，及使用者註冊後的轉換。

公司開始賺錢：網站為公司帶來了業績嗎？ 以貴設計手邊有四個自已的網站，貴設計每天就是在做這些事情，並且還要讓網站能夠有所營利，其實這不是一件易事，都是需要靠時間累積下來的。

所以只能持續的不斷優化網站、再優化、再優化。

有關優化網站請參考7大【Google站長工具】網站架設優化非夢事/ ５.官網架設後，官方網站如何做行銷？ 網站建置完成後，就要開始做行銷了，其實網路行銷的費用才是真的貴，隨便要有效果都是10來萬起跳。

而一個Wordpress網站設計卻只要$50,000~$65,000。

所以自己要先有心理準備。

目前市面的網路行銷方式有以下幾種 Google關鍵字搜尋廣告：這是大家最常見的行銷方式，當你在搜尋冰箱，搜尋結果的第一、二、三筆就都會是廣告了。

這的費用是算"點擊"，別人點擊一下你的廣告就會開始付款，並未成交。

Google聯播網廣告、youtube廣告、FB廣告：這是最討人厭的廣告，你常在各大平會看見。

是一種很侵入性的廣告，所以很討人厭，使用者體驗不好。

同樣以點擊廣告為計費方式（其實也有以曝光方式啦）。

SEO搜尋引擎優化：該行銷方式不用錢，但有很高的技術門檻存在，使用得當，可以佔據搜尋結果的第一頁，以賺取很多的搜尋流量進入你的網站。

可參考SEO。

部落客、KOL：業配、業配就是業配文。

簡單來說就是花一筆錢，請他在他的頻道推廣你的產品。

但這需要觀察他的觀眾屬性跟你的產品屬性是否有搭。

不然轉換率會很低。

廣告購買：去Yahoo、聯合新聞網、各大平台、甚至報社、電視購買廣告 廣為人所使用的行銷方式就上述幾種，但還是需看手中目前的資源有益於做什麼行銷。

基礎網站架設概念 １.網站類型有那些呢？ 如何架設網站的第一個步驟，請先清楚哪種網站的種類適合已身的企業。

因為不同種類網站架設費用會差到百萬，若貴公司只是要一個小小的企業網站又何需客製化網站的費用呢？所以為了不白花冤枉錢，搞清楚網站架設種類是至關重要的。

種類 說明 📌 形象官網 一般的品牌形象網站，官網可提供公司介紹、產品列表、常見問題、聯絡我們、交通資訊、最新消息（即為部落格）、媒體報導、價格方案、產品訂購、合作提案、FB粉絲團、經銷據點、活動專區等訊息。

EX:維西杰。

📌 電商、購物網站 適合於網路上銷售產品，諸如保養品、手機配件、皮件、手飾、手機等。

電商網站的特色就是首頁一進入就是大大的新商品折扣、活動節慶優惠的推廣的輪播，首頁下方有可能就是熱銷商品、最新產品之類的，接著商品類別的介紹。

雖是以購物平台為主軸，但網站的導覽列至少還會有個聯絡我們、最新消息的頁面。

EX:Com2Buy 📌 形象+購物網站 形象+購物網站便是結合了上述二點，在首頁的呈現會以公司形象官網為主軸，介紹公司優勢、解決方案、公司理念之類。

接著帶一些最新、熱銷商品在首頁並導流至電商的某個商品類別的頁面。

EX:JustBeWell 📌 Blog、媒體網站 Blog跟媒體網站其實很類似，整個網站都是以文章為主軸，一進入官網就是滿滿的文章，跟文章分類。

經營這類型的網站會很累人，因為你要產出很多文章、精美的圖片。

若團隊不擅於產生這方面的內容，實在不適合使用這類的網站，EX:SOLEDAD。

這二個怎麼區分呢？ 通常首頁比較多精美的圖片、文章分類、生動活潑的風格，這類型我們就會叫做媒體OR雜誌之類的風格，而BLOG的風格你應該可以了解，就是相對的較呆板、無趣、制式排版。

📌 論壇網站 論壇網站就如MOBILE01，會有一堆人刊登討論、詢問問題，接著就有一堆人在下方留言回答。

這類型的網站，若你沒有一個完整的it團隊，千萬不要經營這類型的網站。

網站剛開始的經營都是要團隊申請好多帳號，並自問自答好一陣子，產生網站很熱絡的假象，才會有人陸續留言、詢問。

EX:SOLEDAD 📌 客製化網站 在網路上提供特有的服務，需特別開發功能。

ex:UberEat、熊貓。

但缺點就是費用昂貴。

EX:簡單創 （請參考【客製化網站設計】為什麼網頁設計費用貴的嚇死人！！） 以上是網站的種類，但或許還有聽過RWD網站、Wordpress網頁設計。

RWD網站指的是官網要滿足RWD響應式網站（響應式網頁設計是什麼）。

所以上述種類有滿足RWD響應式網站，都可以稱之為"RWD網站"。

而Wordpress網站則是指網站製作軟體是使用Wordpress（也有些使用Wix、Weebly、Google Blogger），就會稱之為Wordpress網站（請參考Wordpress網頁設計是什麼）。

因此形象官網或電商網站若是使用Wordpress製作的，我們也會稱之為Wordpress網站。

所以RWD網站、Wordpress網頁設計，其實是從技術的角度定義網站。

２.套版網站與客製化網站的差異？ 網站架設費用會有很大的落差除了在網站架設軟體，另一個原因就是在於套版網站or客製化網站，這二者的特色賣點其實是不同的。

客製化網站與套版網站的差異性，一個是賣彈性靈活、賣客製。

另一個是賣快速方便、便宜、功能。

套版網站與客製化網站的差異 套版網站客製化網站費用低高開發時間迅速冗長需求彈性受限於版型高度靈活功能擴充安裝外掛付費開發前台版型易撞衫獨樹一幟優化程度優化容易，但效果普通優化不易，但效果很好穩定性高較低（視測試人員專業）後台系統有付費開發SEO中極優網站管理介面有無、需自行撰寫 何謂"半"客製化網站?是指在現有的套版版型架構准許下，透過寫程式（CSS、Javascript），調整版型的細節，例如網站元素之間的留白（padding）、邊界（margin）、甚至簡單的程式撰寫。

所以最重要的第一步，您挑選版型風格，第二步網頁設計公司會針對部分功能客製，擁有了共識後可以減少視覺設計製作時間，讓您能很快擁有一個網站。

套版最常採用Wordpress 架設網站，Wordpress是全世界都在用的網站架設軟體，比較容易上手，可以自行做調整網頁，除了Google上可以找到很多教學，現在也很多人都會Wordpress，很容易找到維護人員，採用Wordpress比一般套版網站更彈性，它們提供很多套件可以使用。

此外也可以透過增加CSS、JavaScript的方式做半客製化網站的修改。

３.主機、網址URL、IP是什麼？ 每一個網站都需要架在一台電腦上面，因此該電腦即是所謂的"主機"。

主機對於環境有很嚴苛的要求，如溫度、濕度、24小時開機、不斷電系統，因此要自架在家裡是不可能的，除非是玩票性質，因此信譽良好、不易當機的主機商便是很重要的。

此外還要注意的項目如下 網站主機位置，請務必選擇亞洲地點，網站下載速度很重要。

請參考10個【網站下載速度】優化面向。

網站主機商，不用比了就是Siteground（適用於企業）。

英文不好的請選Godaddy（適用個人網頁設計、不適合企業），台灣主機商偏貴。

Uptime：主機商都會保證＂99%Uptime＂，這是指主機有保證99%都是正常執行不死機（參考用）。

Uptime很重要，若網站1個月營業額上千萬，今天停機2小時公司就虧損上百萬。

熱門網紅、部落格主的網站，請選擇適當的網站空間（10G居多）與流量 勿用共享主機，硬體資源是大家共享的，當愈多網站加入你的主機，你的網站就會愈慢，問題愈多，甚至連IP（共用IP）都會被列成黑名單。

主機費很低的，大都是使用共享主機。

再來說明一下網域（domain）、網址（URL）、IP。

網域是什麼呢？以貴設計網站來說明網域（Domain）就是指"https://web-design.vip"，而網址（URL） 即為"https://ezstartup.cc/website-design-guidelines.html"。

二者的差異就在於多了"website-design-guidelines.html"，所以網址會指示到特定頁面名稱，而網域則是整個網站的域名。

所以一個網域下會有很多的網址。

但在口語化的說法，網域也會稱為網址，但網址一般則不會是網域的意思。

再來什麼是IP位址呢？在電腦的世界裡，只認識一堆數字，所以facebook.com其實對映到的是以4組數字組成例如35.123.32.33，這組數字則謂之IP。

但你每次要上FB的時後， 你總不能記憶35.123.32.33，所以為了真實生活中方便記憶，就會對應另一組網址如facebook.com（即為網域）。

挑選網域除了好記，也要尋找適合品牌的網域。

購買網址GoDaddy：非常推薦 中華電信域名申請：DNS生效極慢、介面又非常難用 PChome買網址 ４.網站前台、後台是什麼？ 網站前台、後台 ，就用餐廳來舉例吧。

你在餐廳內用餐，餐廳內所有看到的裝潢、擺設、牆壁顏色等一切就是這個餐廳的前台，而後台就是所謂的廚房，廚房需準備餐廳前台的一切食物、飲料、餐點等。

以網站來講，你是一個FB網站的訪客，當你進入某某FB粉絲團所有看到的內容、網頁介面、資訊等一切，都是需要一個後台進行上稿、發EDM。

所以網站前台是讓網路使用者瀏覽的畫面，如文字、圖片、特效、動畫、表單填寫。

前台都會由網頁設計師規劃排版讓網站精美呈現。

網站後台則為管理網站功能、使用者登入，文章頁面、商品等等。

【Wordpress網站前、後台介紹】|附Wordpress網站前、後台教學 ５.RWD響應式網頁設計是什麼？ 響應式網頁設計（RWD），是指網站的畫面會依瀏覽器的尺寸，自動變換網頁排版，而不會造成網頁在不適當的尺寸下造成使用者體驗差勁的問題， 所以一個網站滿足RWD設計原則（可用RWD開發工具Bootstrap）是基本需求。

若外包商在網頁製作階段提出RWD網頁設計報價要加1萬，請直接封鎖這間RWD網站架設廠商。

因為RWD已是標配，現在是行動網站的時代，人手2隻手機的可能性大增， 你的網站沒有滿足RWD的規格的話，就不用妄想會有陌生訪客從網站詢價。

網站架設沒有【RWD響應式網頁設計】Google：那你就等死吧！ RWD響應式網站優點 只存在單一網站：因應手機時代，較古老的網站不支援手機版，又難以重建網站成RWD，因此會建置m.example.com的網頁給手機載具使用，但RWD響應式網站只需一個網站，管理/建置成本皆低。

SEO提升：因單一網站，流量只會存在於同一頁面，不會分流至電腦or手機版，避免了重覆頁面的問題。

畫面瀏覽體驗佳：良好瀏覽體驗讓使用者願意多停留一些時間，下單機會越大，回流客越多！ 單一網站維護：只存在單一網站，所以只需維護一個網站，減少工作負載。

６.Wordpress網頁設計是什麼？ Wordpress是功能強大的內容管理系統（ContentManagement System），全世界市佔已經40%的網站，將近9億5千萬的形像網站、購物網站、部落格都是Wordpress建置，Wordpress知名網站如美國白宮、CNN、BMW、FB都是愛好者。

Wordpress的初衷是一套內容管理系統（CMS），最適合建立部落格網站，但隨著WP演化，它可用來建立形像官網、電子購物車、線上教學平台， 甚至用來做簡易的半客製化系統。

對於一般只需形象官網的你，透過WP就能簡單管理你的網站， 而不是像過去需要寫一堆的程式碼，只需在後台修改頁面跟文章，就如同Word一樣的簡單。

而且WP是免費、開放式的程式碼。

還能快速的擴充各式的功能（稱之為外掛），只需輕輕一鍵即可。

在Wordpress網頁設計價格，相對於過往使用Java、PHP都簡單且便宜許多。

Wordpress架站費用大概4萬5至6萬。

但若是客製化網站費用可是會嚇死人，所以沒事不要做客製化的網站。

【網站架設費用1～100萬的差異】Wordpress費用報價CP值最高 【Wordpress是什麼】何以市佔全球40%連白宮、FB都愛 Wordpress超過30.6%使用者（來源：wordpress） Wordpress優點 全球40%的都使用Wordpress架站。

所以技術純熟、教學支援多、系統穩定性高，畢竟架構已經千萬人測試使用。

以內容管理系統（CMS）的初衷、非常適合部落客專用官網術。

100%網站、資料庫擁用權，搬家、備份簡單又快速。

完整的前、後台功能，形象官網、一頁式網頁、電商平台、部落格一應俱全。

100%視覺化編輯，無需任何的程式碼，也能快速的建置網站，懂程式碼會讓網站更精緻、美完（視覺化編輯請參考WP文章功能的教學） Wordpress教學、影音文件網路上眾多 相對於Weebly、Wix、Blogger，Wordpress的搜尋引擎優化（SEO）是相對的友善、好操作 功能無限擴充、外掛輕輕一裝、功能無限增長，重點外掛能功只要1,000~3,000不等的費用，且免費的居多（如WordpressPlugin外掛必裝推薦清單） 因為WP的受歡迎，使得懂這方面的專業能力很好找，員工的交替技術不斷層 上千種Wordpress佈景主題，絕對滿足你想要的風格。

【Google Blogger】超好用，12大優點還可賺錢Weebly、Wix是什麼？它們的優缺是什麼呢？ ７.Https是什麼？ 簡單創的網址是https://ezstartup.cc，在網址前面有一個"https"，這代表網站透過協定上的加密機制後能夠防止資料竊取者就算攔截到了傳輸資訊卻也無法直接看到傳輸中的資料，講白一點就是資料從網站傳到你電腦上的瀏覽器都是經過加密的。

有心截取你資料的駭客是無法解密的（理論上）。

網站要使用免費的https，可以去Cloudflare orLet's Encrypt註冊。

一年大概可以省下2xxx多的成本。

但當然加密等級是有差的囉！ 搞懂以上幾個名詞有利於你在找網頁外包時搞清楚你官網架設的基礎建設問題，所以在網站需求表訪談時請務必詢問以下幾個問題 請問我的主機位置在那裡？ 網址IP一年費用？ 網站有提供免費的https加密嗎？ 網站應該會有完整的前後台權限吧？  應該會有RWD吧，然後再請問一下是WP網頁設計嗎？ 主機以台灣最棒（日本、新加坡亦可），非特殊網址一年1000有找，https歐美有提供免費的加密（如Cloudflare、Let’s Encrypt），後台要有100%權限、RWD、WP網站架設這些都一定要有以上任一點若是NO的話 ，對你的網站都會有很大的影響，所以請審思該網站架設的公司。

CloudflareLet’s Encrypt:Let’sEncrypt是免費、自動化和開放的憑證頒發機構 網站架設流程 ０.前言 網站架設流程如下圖，這些步驟是完成一個網站最最基本的流程，缺一不可。

步驟1、2、5、6都只要設定一次即可。

而3、4屬於網站優化的部份，會一直Repeat、Repeat、再Repeat。

租主機、空間：主機推薦廠商初階如Godaddy，中階如Siteground、Cloudways，高階如linode，非常高階GCP、AWS等。

網址購買：買網址推薦，如Godaddy（介面好、速度快、價錢多樣化）、中華電信（介面極差、DNS轉換速度慢、客服回信很慢），網域申請費用約1000元上下不等。

素材準備：網站名稱、大小標、文案、影片、圖片、聲音、檔案、公司粉絲團、合作夥伴等。

網站製作：RWD響應式網頁設計、Https、外掛、Line、FB通訊工具安裝、文章、部落格設計。

GoogleAnalytics（GA）安裝：GA是由Google所提供的網站流量統計服務，為了網站優化與流量統計觀察，務必安裝。

請參考GA安裝。

Google登錄：登錄過，才可以透過Google搜尋到您的網站 網站架設流程 １.租網站主機、網頁空間 上一章節提到主機即是存放網站的地方，目前市面上有很多主機提供商，歐美品牌（如Linode、Siteground）、本土品牌如中華電信、智邦、戰國冊..等。

若您問我說那一個比較好呢？對網站架設有概念的人選擇Siteground、Cloudways，架站新手Godaddy則最適合（有中文介面，三年4500左右）。

Linode、GCP、AWS難度過高，不適用於非IT人員。

GCP：Google主機，價格昂貴、速度快、不易上手。

AWS：Amazon主機，特點如GCP。

Godaddy：歐美主機、速度慢、價格便宜，有全中文介面，客服好找。

Linode：新加坡主機，難易性略低於GCP、價錢尚可、客服好找，但只有英文介面。

Siteground：Wordpress主機最推薦使用。

２.Godaddy買網址 網址購買，一般費用約1000元上下。

若為特殊網址，費用會有可能高達上萬元。

以貴設計都是在Godaddy購買，中華電信、PCHome買網址都不建議，因為介面難用，未必便宜、DNS轉換又慢。

貴設計會那麼愛用Godaddy，認為Godaddy有五好。

介面簡單乾淨好友善：相對中華電信很OLDFASHION的介面，Godaddy你定會覺的非常好用。

客後服務好好找：中華電信的客服電話告訴你，非常難找，一直在電話中。

網址買錯退費好人性：上次買錯一個網址，當下找客服處理，10分後就馬上退費。

DNS生效好快速：參考更多DNS介紹 程序簡單好快速：中華電信買個網址需要輸入至少10個欄位，Godaddy買了直接刷卡帶走。

買錯還可以退款。

多樣化網址選擇好方便：直接參考下圖吧。

.com是台灣最愛的，但隨著網址也跟著進步，不用再死守.com的網址囉。

想了解更多及DNS設定方式，請參考以下的影片 ３.網站建置素材該如何準備 網站素材指的是圖片、影音、文字、影片等，素材美觀精緻大方，網站建置就會漂亮（尤其是圖片，可參考GinerC）。

。

此外網站建置最重要的頁面，就是首頁設計，首頁設計的好絕對影響訪客繼續點選其他頁面。

所以請務必多花些心力準備素材，剩的一堆小東小西如網域、DNS設定、主機廠商、免費圖片都會負責處理。

網站建置需準備的素材 網站類型：形象官網、一頁式活動網頁、購物車網站、客製化網站。

網站風格：簡約風、工業風、雜誌風、可愛風。

商標（LOGO）：公司的Logo。

如果目前沒有，可以到網路上製作Logo，推薦到DesignEvo，有中文，一步一步製作，下載下來有免費與需付版本，付費版本可以做更多編輯以及擁有權。

網站名稱、網址、口號（Slogan）、主色系：網站叫什麼名字（貴設計）、網址是什麼（web-design.vip）、有無口號（華碩品質）、主色系（如麥當勞是黃色、AirAsia是紅色）。

首頁與內頁架構：每頁架構就是每頁會分成那些區塊，例如貴設計就分了"主視覺圖文三大保證、網站特色、響應式網頁設計範例、網站架設流程、網站建置費用"六大區塊，這就是所謂的架構。

導覽列/選單：官方網站的目地是提供資訊，所以需提供選單讓訪客在網站之間移動。

部落格：這年頭寫文章做內容行銷已經是主流了，即使不寫文章，企業也一定會有如最新消息、即將上市、優惠價格等資訊，一般均放置部落格。

圖片、影音：圖片的精緻，100%關乎網站的美醜，所以圖片超級重要。

除了產品圖片，一般圖片網站架設公司都會有圖庫，幫你處理這塊or到Unsplash下載。

影片有一點要注意，因為影片檔案容量很大，請務必上傳到Youtube，再將Youtube影片網址嵌進網站就可以。

不要上傳到網站，網站空間滿了就需額外付費。

影片資源可以Pexels參考。

網站文案：有關網站文案，即是公司想傳達給客戶的資訊，但有一點要注意B2B的網站在產品頁面需提供詳細且完整的資訊，如相關證明、檢驗、規格書。

而B2C的話則聚焦於利用美美的圖文吸引客戶。

若略懂SEO的話，強列建議把大家慣用的搜尋關鍵詞加入你的文案內，如此有益於網站的搜尋行銷。

聯絡我們：公司名稱/統編/電話/Email/FB/Youtube/IG/地址/營業時間/合作夥伴網址之類的。

（圖片漂亮，網站一定漂亮） 下載網站架設素材表檔 ４.Wordpress網頁設計 網路上有很多的線上網頁製作平台、套裝軟體、網站架設公司都有提供網站架設的服務。

要找免費網站架設請參考Google網站架設、Wix、Weebly網站架設。

企業專用貴設計推薦使用Wordpress網頁設計，透過視覺化的介面，只要輕鬆拖拉即可簡單快速的架設網站。

再透過Wordpress佈景主題、外掛的功能，達到美化及網站擴充，可參考Wordpress知名網站。

以下是Wordpress網頁設計教學的資源供參考。

【WordPress媒體庫】教學 【Wordpress網站前後台】教學 【Wordpress選單教學（Menu）】教學 【Wordpress頁面新增、刪除、修改】教學 【Wordpress文章新增、刪除、修改、列表、分類】教學 【Wordpress外掛】教學及推薦 【AllinoneMigration】Wordpress網站備份外掛 ５.GoogleAnalytics安裝 GoogleAnalytics（GA）是由Google所提供的網站流量統計服務，但GA能提供的絕不是單單統計而已，能做的超乎你所想像（參考網站優化）。

但先安裝就對了。

GA安裝步驟 登入GA：請點擊GoogleAnalytics 點選左邊最下面齒輪形的圖示-->建立資源 勾選網站 輸入網站名稱及網址。

有https加密，請務必選擇https 送出後你就會得到一個追蹤ID。

回到你的Wordpress網站後台，安裝以下外掛，並至PluginSetting輸入剛的追蹤ID，再回到你的GA-->即時-->內容。

若有1位活躍使用者，則代表你安裝成功了。

６.Google、Bing登錄 你知道每天有多少次的Google搜尋次數嗎？其實全球有近93%的搜尋行為都在Google上發生，也代表每日有上億人口在Google這什麼東西的。

而你的網站無法在Google被搜尋到，就代表你無法做到這群人的生意，更悲慘的是這群人都變成競爭對手的生意了。

可想而知，要能夠被Google搜尋出來是一件多麼重要的事情啊。

所以請記的把網站提供給Google收錄。

一旦收錄，才會有訪客可透過Google搜尋進入到你的網站，不然你的網站一定會變成蚊子館。

簡易方法：將你的網站到處分享到FB粉絲團，Google的蜘蛛會隨著網址爬爬爬，就爬到你的網站。

如此就做好"收錄"的動作。

簡單快速只要一秒鐘，但被收錄的時間會較慢。

標準作法：登入GSC，並送給Google收錄即可。

在未來網站經營，只要有新網頁or網頁有所更動，建議都讓Google重新爬一次。

2022年3種【網站登錄】的方式，最快只要1秒鐘！ GoogleSearchConsole安裝 Yahoo/Bing登錄 網站架設費用 ０.前言 網站架設費用從1萬到100萬+都有，最大的差異在於製作軟體、頁數及功能（Wordpress費用5.0萬~6.5萬）。

而網站設計總收費建議一次抓5年網頁設計費用的總價來比較，架設網站費用誰貴誰便宜，立馬見真章。

但完整的網頁設計報價仍是需依網站需求才能得到精準的網頁設計費用。

對於網站架設費用實在沒有概念的，可參考貴設計的Wordpress網頁設計報價試算器。

網站架設費用 架站工具網頁設計報價 客製化網站 $10萬~$100萬+ Wordpress購物網站架設 $75,000~$90,000 Wordpress網頁設計 $50,000~$65,000 Wix、Weebly $25,000~$35,000 中華電信、智邦 $5,000~$10,000 以上網頁設計報價費用僅供參考。

接著讓我們繼續分享更多有關網站架設費用的眉眉角角。

１.網站架設成本 最基本的網站架設費用如下（以Wordpress為例） 網頁空間租用費用：年約5,000~1萬不等，一般均為10G的空間。

大於10G，每1G會加收費用，費用由網站架設公司決定。

網址費用：一般網址年約1,000上下，精品網域則價格高昂。

佈景、版型費用：免費~2,000都有，付費一般會去Themeforest購買。

外掛費用：進階外掛模組、如YoastSEO。

第三方服務：如發簡訊、EDM、線上刷卡金流2.5%、LINE、API呼叫費用（如GoogleAPI）。

網站流量費用：若你是高人氣的部落客，需注意該費用。

２.網頁設計費用 網站架設費用除以上基本費用，還有最貴的網頁設計費用。

網路上百百種網頁設計方案，從SOHO網頁設計報價單低至1萬多，高到台北做網站公司的Wordpress網頁設計報價8、9萬。

但回歸一句老話多少錢買多少牛肉，很低的網站架設費用價格都是包裝過的。

如何包裝呢？先用低價方案吸引你的眼球，接著安裝GA要3,000、GSC要5,000、送Google收錄要2,000、Yahoo收錄要1,000之類的。

還有就是有無100%權限、主機無法搬家、自家開發的架站軟體、主機／網頁設計／RWD都分開報價 接著加上一年主機費、管理費，以10年為一個單位至少要花費10萬、20萬以上。

所以你說架設網站費用該如何計算呢？一個小撇步 坊間的網站架設公司收費模式月收、年收、一次收難以比較。

建議 一次抓10年網站架設總費用來比較CP值。

當找出哪間網站架設公司費用CP值高，就可以開始檢查有無響應式網頁設計、是不是Wordpress網頁設計 、配有https、主機位置之類的問題。

一個Wordpress形象官網報價費用，在正常交期、無特殊功能、無提案、無協助素材製作、Wordpress網站報價會落在4.5萬~6萬左右，高於6萬的，可以了解是否有提供行銷方案帶流量or搜尋引擎優化的功能。

網站維護費這塊，比較多的網頁設計公司是會著收總費用的10%，但這費用僅限於保證你的網站是正常不掛掉的，所有新功能、大更改都是需要額外報價的。

中華電信、智邦：費用5,000~1,000。

無響應式網站、無網站流量費用、網站維運費用。

適用族群:只要一個網站即可，沒有額外要求。

Wix/Weebly/架站平台：25,000~40,000網站無法搬家、搜尋引擎最佳化差 ）。

適用族群：新創、純資訊曝光、對美感無太大要求、牛刀小試、練習用網站 Wordpress網頁設計：45,000~60,000。

Wordpress費用較為昂貴、網站靈活性高，外掛擴充容易，處處可搬家，網站流量費用、維護費用視外包商決定。

適用 族群：有隱定收入的中小企業or純形像官網要求的中小企業、電商。

原刻：10萬~1,000萬+。

相當昂貴，但網站彈性極高，沒有寫不到的功能，只有寫不出來功能的工程師。

適用族群:網站需要相當的客製化功能。

若真要比較網站架設費用請依同等級的網站架設平台做比較，千萬不要拿免費的痞克邦跟Wordrpess網頁設計比較，這是不對等的。

一個是免費的，一個可是要3萬5萬or更高的都有。

此外一個成熟、具規模商業性質的網站建置從無到有，大都只知道主機費、網頁設計費，但其實在網站的經營過程中，為了網站安全、專業形象、服務品質等等，都會額外安裝許多功能or外掛。

以下做一些簡單的舉例。

廣告圖片設計：大大小小的廣告圖片、FB影片、IG活動圖片。

網站行銷費：如Google/FB廣告、傳統DM、電視廣告費。

這個可是一筆極大的費用，若你了解的話，你就會知道網站架設費用是小錢。

以網址結尾的Email：如[email protected]。

以Google收費單月一人是150元，10個人單月就是1,500。

若包括雲端空間加大還有額外的費用。

自動網站備份：例如All-in-OneWPMigration付費版3000元。

每日可以自動備份至各式的平台、電腦。

電子報系統：如MailChimp（大猩猩），單月300起跳。

Mailgun單月1,000起or用多少算多少。

刷卡手續費：電商網站的線上刷卡手續費。

如藍新客戶線上刷卡購買完成會收2.8%的手續費（100元收2.8元），及在提款時會收取提領手續費（提領手續費每個月4次免手續費、第5次起每次10元手續費）。

更多有關於購物網站建置。

[email protected]：[email protected]推播訊息計價費，單月數千元。

了解更多請參考LineforBusiness。

API使用費：若有使用到第三方的API，依呼叫使用次數收費。

如Google的服務StaticMap、動態街景服務、DynamicMaps。

參考更多GoogleCloud。

線上客服系統：專業的線上客服系統功能。

如自動分流、客戶分析和報告。

Zendesk。

手機簡訊費：一般會使用簡訊做網站客戶的手機認證、事件通知等等，簡訊費用各大廠商均不同。

一般短訊息約為1.5元，國際簡訊每通扣3點。

字數超過短簡訊的限制，則會被歸類為長簡訊，費用也會不同。

付費外掛：Wordpress有許多付費的外掛，費用從1000~3000不等，也有部份是使用月費收費。

資安維護費：如弱點掃描、資安檢測。

從7,000~15,000不等。

【網站架設費用】大解析，網站建置費用1萬到100萬+的差異【客製化網頁設計】為什麼網頁設計費用貴的嚇死人！！ ３.客製化網頁設計費用？ 客製化網站讓人又愛又恨，它非常好用，將近可滿足99%的需求，但就是非常的昂貴，隨便都是上萬起跳。

優點缺點 可實做99%的需求 彈性靈活的量身需求 SEO能力佳 網站速度快 網站優化容易 價格費用高昂 開發時間久 網站穩定性，需大量測試 網站擴充、修改難度皆高 網站優化不易 優點方面，因為網站是純手中完全打造，所以程式開發員有100%的控制的能力，所以通常只有開發不出來的功能，沒有無法開發的功能。

其他優點同樣因為畢境使用原刻程式語言（java、php、.net）打造，所以在彈性、SEO、網站速度都有很大的優化空間。

缺點方面，最大的問題就是費用高昂，每個功能都是萬元起跳。

若專案規模大，上千萬、上億都是有可能的，且開發時間冗長。

第二點缺點，即然稱之為客製化網站，所以程式邏輯都在軟體開發員身上，自已要修改、調整、開發新功能都難（所以程式交接、註解、說明手冊就變的很重要）。

因為你要先搞懂對方寫的程式，你才可以調整。

所以其實修改功能比開發新功能還要複雜，費用會更貴。

大型客製化網站架設的報價通常只會收到費用範圍，待有意簽約時後會先收一筆功能需求訪談費用（功能需求訪談有可能會耗到好幾天）、 功能需求訪談出來時後，再簽約時，再正式收取製作網站費用。

收費模式因為金額有可能較大，都會看業主、廠商偏好，分多次收款。

客製化網站功能從小到學生作業幾千元，大到上市貴公司上千萬的價格都有，所以在客製化網站費用還真沒有一定，就取決於網站功能數量與需求功能的難度， 但一般上萬元是跑不了的。

在做客製化網站之前請務必弄清楚網站需求，因為客製化網站最大的問題就是業主自已的需求都搞不清楚（很容易被追加費用），所以廠商在估價的時後，也不敢把價格估死，因為通常都是開工的時後做下去，業主才知道缺了什麼、要加什麼。

若早在網站功能完成前提出來修改，還不會被額外收費，最怕的就是廠商做完功能的時後，才驚覺這不是我要的，此時你會收到一張程式設計修改報價費吧。

４.一頁式網頁設計費用？ 一頁式網頁要多少錢？費用會切分為一頁式"網頁"or一頁式"網站" 。

若是網站的話，其實還是要去買主機、買網址、安裝Wordpress、外掛、Https..等等硬體架構。

所以它的功並未比一個網站少太多，一般都是2萬~3萬5上下。

但若是網頁排版（如html檔），一頁式網頁排版價格大概是12,000（包含5個區塊, 不含頁首、頁尾，有些做網站的公司是採用網頁高度）。

中間的功包含美術視覺設計、動態程式撰寫、圖片/圖示製作、程式設計報價、及最花功的切版成HTML檔。

若區塊愈多的話，費用都再往上變高。

網站文案、素材的準備 ０.前言 網站架設不外乎就是要漂亮、精緻，若網站還能免費自帶流量，那就真的太完美了。

而想要一個精緻漂亮的網站，在架設網站之前"文案"、"圖片"是最重要的二件事情。

文案寫的好，提高客戶詢價、買單的機率，若是寫的巧還能自帶流量。

圖片做的棒，網站精美又漂亮，再加上動畫更使的網站吸引他人目光。

來聽聽貴設計的分享吧！！ １.文案撰寫 網站的文案撰寫白話一點就是指，企業想傳達給客戶知道的訊息，而這些訊息一定很多又很雜亂。

例如貴設計是網站架設公司，我們想傳達貴設計的服務、產品、售價、賣點、差異化、公司與創辦人、聯絡方式....一堆等的資訊。

那我們要如何整理成文案給網頁設計公司呢？請跟我這樣子做。

統整所有資訊：請將所有要傳達給客戶的資訊（包含文字、影片、產品圖片）都放在一個word檔，貴設計建議您豐富的網站內容很重要，所以請盡可能寫（寫的多都可以分頁處理，寫的少生意不會好。

） 資訊分類：一堆的資訊，那些是產品資訊，那些是公司聯絡資訊，那些是公司理念、介紹等資訊。

全都分類好。

網站選單建立：一旦資訊分類好之後，留下4~5個最大的分類，並重新命名2~5個字為類別名稱，如此就可以做為網站"選單（又稱導覽列）"，類似如下 網頁架構規劃：何謂網頁架構呢（網站架構圖範例）？請參考如圖，我們將貴設計的首頁分成六個主要的區塊（首頁大圖+標語、網站設計服務、網站設計六大特色、網站設計範例、網站設計費用、網站設計教學），這六個就是所謂的首頁架構。

在步驟1，我們將資訊分類後，大分類做為網站建立選單，每一個分類完的資訊仍可再做一次小分類，這個小分類就可以做為網頁的架構圖。

所以你要為每一頁思考網頁的架構是什麼。

承上4，其實你已經把整個網站的架構都已經生出來了，例如首頁的六個主要區塊，接著再開始補文案即可。

接後每一頁都是同樣的思考邏輯。

若實在沒有想法，不會整理就直接抄競爭對手的選單、文案內容（務必加減修改，不然容易有法律糾紛），再修改成企業的名稱、個人用詞是最快的方式。

若你的也不是新興產業的話，一般的選單也就是"首頁、產品/服務大類、最新消息、關於我們"。

２.圖片準備 網站圖片會分為二種，形象圖片、產品圖片。

形象圖片即是指網站上用來裝飾用、美美的圖片，這類型的圖片只要去找圖庫即可（免費圖片下載）。

若是有實體產品的話，通常產品圖片會是比較大的問題，這邊只能付費尋求專業攝影師做商品攝影。

３.引人注目的動畫 動畫，就是讓網站裡面的圖文飛來飛去的（請參考亞洲矽谷）。

透過這種方式，的確可以讓網站的呈現變的非常吸睛，但網頁的下載速度會變慢，所以請小心使用。

建議只要畫面的上半段使用即可，下半段省略，以免造成網頁速度過慢 網站架設工具軟體篇 １.網站架設工具軟體篇 架設網站會有分平台及工具二種，平台是指某間公司提供的網路服務，讓使用者在它們的網站透過拖拉的方式設計網站，例如台灣最大的中華黃頁、智邦、痞客邦、WIX、Weebly。

而工 具是指打造這些平台用的程式語言，例如Java、Php、C#。

對於網路什麼都不懂的人，使用 平台的方式架設網站會是最容易上手、最推薦。

基礎平台：如痞客邦、Medium、GoogleBlogger、協作平台。

以上適合個人部落格需求，個人玩票性質、練習網站架設（Google Blogger、協作平台）、寫文章（痞客邦、Medium）都很適合使用這幾種工具。

沒預算、不懂網站的企業架站工具，則可選擇中華黃頁、智邦生活館。

網站架設費用每年1,500上下，就可有一個超簡易的網站，功能極度陽春、網站非常不精緻。

唯一的好處只有 "你有一個網站"。

中階平台：如Wix／Weebly／Strikingly／Squarespace／Webnode／Godaddy／ wordpress.com等等的。

這類型網站製作軟體歐美公司設計居多，網站提供完整的前後台功能、專業感也可以、支援度普通、收費中等、難度中等，其中以Wix／Weebly／wordpress.com較為人知。

以上的網站製作軟體都有一個很大的問題，就是"無法搬家"，而且未來受限很多，例如無法加硬體規格、外掛支援不足。

再加上SEO效能不好、網站精美度中等、網站細膩度就不足了。

中高階平台：Wordpress.org，為什麼貴設計將Wordpress.org定義在中高階軟體，因為wordpress.org有著套裝軟體的方便與快速，同時你也可以透過修改程式碼做到客製化的功能（需懂PHP語言），可參考 Wordpress是什麼，為什麼連美國白宮都愛！。

貴設計寫了18年的Java程式語言，最推薦wordpress，以企業架設預算不貴、4萬5~6萬之間就有。

在網站的掌控能力又高、網路教學資源又豐富。

但仍是有幾個缺點，請參考Wordpress缺點。

但綜合性價比，仍是最網站架設工具仍是最推薦Wordpress.org。

高階軟體：若你不是技術咖可直接跳過，因為這的水很深，邏輯思維要非常強烈，永遠有追不完的新技術（學歷史真好，秦始皇也不會死而復活改寫歷史吧！）。

使用的語言如java、php、#net、python等等。

高階軟體大都用來開發客製化網站，有80%的中小企業都無需用到這類型的工具，一方面【客製化網站設計】網頁設計費用貴的嚇死人，二方面只要你不是做網路服務，套版的網站架設工具（如中階or中高階工具）可滿足你80%的網站需求。

網頁設計教學電子書 網頁設計教學電子書網頁設計教學自學入門款從０到１００＋的網站架設術一本絕不能少的網頁設計自學書從網頁製作到架設網站一條龍教學網頁設計難嗎?無Code無痛的教你如何架設網站?１１種免費網頁設計資源統統分享給你完整網站架設完整流程手機世代的響應式網頁（RWD）教學市佔４０%的Wordpress網頁設計教學📥立即下載檔案