需要 設計品牌官網,但卻不知道用哪一個網頁設計平台嗎?還是打算 架設購物網站,但發現市面上的租用費實在太貴,遲遲無法決定?
又或是被痞客邦、Medium 等不同部落格平台的演算法更改影響,而導致網站流量整個大幅降低?
這篇文章,我將精心挑選多款「 網頁製作平台 」,列出多個常用的線上架站工具,幫助你用最快的速度+最低的架站成本,打造自己的網站,而不用再看人臉色!
文章尾段,還有多款架站平台比較,幫助你分析各個架站軟體的優缺點,找到最適合你的架站模式。
準備好的話,我們就開始囉:)
- 網頁設計軟體要如何選擇?
- 1. WordPress
- 2. Wix
- 3. Weebly
- 4. WebFlow
- 5. Strikingly
- 6. Framer
- 7. Webnode
- 8. Squarespace
- 網頁製作平台比較
- 常見問題
- 聯絡犬哥網站
網頁設計軟體要如何選擇?
選擇一個適合的網頁設計平台,不只是看「 哪個最多人用 」,更重要的是這個工具能否真正「 解決你的問題 」。
每個人架站的目的不同,有些人希望快速上線一頁式形象網站,有些人要經營部落格,也有人打算做電商、開課或打造會員系統。這時候,先釐清你真正需要的功能,才是更有效率的做法。
以下我們整理出幾個在選擇設計軟體時,值得優先考慮的功能類型:
- 拖放式的編輯器:適合沒有寫程式背景的新手,可以像排簡報一樣設計網頁。
- 支援響應式設計:網站是否能自動適應手機、平板與電腦等不同裝置,是基本但不能忽略的條件。
- 彈性選擇主題與版型:預設模板多寡、是否可自訂樣式、開發者社群活不活躍,都會影響你未來修改設計的自由度。
- SEO 工具整合能力:是否支援自訂標題、描述、網站地圖、Schema 結構化資料等,有助於提高搜尋引擎排名。
- 擴充性與外掛支援:未來如果想加上購物車、表單、自動化行銷等功能,是否有對應的擴充工具可以搭配使用。
- 多語言與全球化支援:如果你的目標市場不只台灣,網站能不能支援多語系與多貨幣,會直接影響營運效率。
- 備份與安全性機制:是否支援一鍵備份與還原、SSL 安全加密、防火牆等功能,也是不可忽視的重點。
理解這些關鍵功能後,接下來我們就從最被廣泛使用的網站平台「 WordPress 」開始,帶你一步步分析它的優點與適合的使用情境。
1. WordPress
WordPress 是全球知名的網頁設計軟體,全球有 40 % 以上的網站,都來自於 WordPress。更多 WordPress 是什麼 。
擁有上萬個佈景主題(樣板)和功能外掛,只需一鍵安裝即可成為多功能網站。或許你不知道怎麼選,請參考 優質佈景主題 和 優質外掛推薦,會給你應該的幫助。
WordPress 可完成多種網頁設計,如:部落格架設、個人品牌或公司企業官網、購物網站架設 等。
最大好處是,它是免費開源的軟體,可完全掌握自己網站資料,不需被任何網路平台、網頁設計公司牽制。
且不會因為任一網頁製作平台的營運問題,造成網站消失(舉例來說,無名小站結束營運,原來的內容也隨著關站而消失,但這不會發生在 WordPress 身上)。
因為你就是網站的擁有者!
優點
WordPress 是完全開源的軟體,這意味你擁有網站最高的掌握權,不需依附在任何「 網站製作平台 」,這是最重要的事。
使用 WordPress 架站,代表你掌握網站所有程式碼、資料庫、文字圖片,想 網站搬家 去哪裡都可以。
再來,WordPress 擁有豐富的生態系,有上千種主題、上萬種外掛可強化功能,只需一鍵安裝即可馬上使用。
WordPress 同樣有強大的頁面編輯器,像是 Elementor、Divi 等可用簡單拖曳方式,就能客製化網頁設計。更多 頁面編輯器推薦、Elementor 外掛教學、Divi 外掛教學。
有關網路行銷的關鍵字排名,WordPress 除了本身程式結構就對 SEO 優化良好之外,搭配 優質 SEO 外掛,能準確的針對單一文章,進行關鍵字優化分析。
架設網站完成後,建議還要 到 Google Search Console 提交網站,進一步成功完成網路行銷。
統整來說,WordPress 是大多數站長,架設網站的第一選擇:)
缺點
跟其他架站軟體比較,WordPress 可能需要自行安裝和設定,會有一點點學習曲線。
但這比想像中簡單,因為全世界有 40 % 以上網站是用 WordPress 完成,而站長大多是自己架設完成。
以下這支影片,將從零開始帶你認識 WordPress 後台系統,幫助你快速架設網站,省下非常多時間。另外,在犬哥網站中,都有許多 WordPress 教學 文章可進行學習,你也能做的到!
費用
雖然 WordPress 是個免費架站平台,但站長需要 租用網域 和 WordPress 主機,才能讓網站能正常運作。
主機可使用 WordPress 官方推薦的 Bluehost 主機,請參考 Bluehost 教學,裡面有完成的架站教學。
Bluehost 原價入門費用是,網址 $12.99 美元 / 年(一年約 $400 台幣)和主機 $11.99美元 / 月(一年約 $4,320 台幣)。
值得開心的是,Bluehost 官方同意為我們網站讀者,提供最高可享有 3 折的主機折扣。
下表是用台幣計算,美元 / 台幣匯率用經常的 1:30 換算。
Basic 方案 | Choice Plus 方案 |
---|---|
買一年:特價約 716 元( | 買一年:特價約 1,440 元( |
買三年:費用比較高,建議買一年即可 | 買三年:費用比較高,建議買一年即可 |
備註:新手可購買 1 年的 WordPress Basic 方案,用最少預算入門:)
如果網址同樣在 Bluehost 申請, Bluehost 有提供首年網域免費和 SSL 憑證,請多加利用。
這等於說,在 Bluehost 申請個人網域和主機,最少可用不到 1,000 台幣,就能開始啟動你的網路事業,並享有完整的主機規格服務。
不管購買的是哪種主機方案,只要點擊本站 Bluehost 連結,讀者們都享有優惠價格。
適用對象
無論你想架設哪種類型的網站,如:部落格、品牌形象網站、購物網站、任何功能網站等,都適合使用 WordPress 進行網站製作。
且網站上沒有任何的置入廣告,也不會受任何公司 / 平台,因為營運變化而影響到網站的運作,所以 WordPress 是我網站製作的第一選擇!
2. Wix
Wix 是一個流行的網頁設計軟體,在全球 190 多個國家服務,超過一億八千萬個使用者。
龐大的使用者,讓它成為了納斯達克的上市公司,算是除了 WordPress 以外,聲量第二高的網頁製作軟體。
網站上有 900 多種佈景主題,和多種官方或第三方網站外掛,可直接套用。
Wix 有提供出色的頁面編輯器,介面直觀淺顯易懂,且都是繁體中文,是輕鬆架站的好夥伴。
挑選完喜歡的樣板,只需把元件拖放至指定區位,就可新增一個區塊功能。
而如果要修改編輯,只需點想修改的地方,即可進行編輯,是不是很方便呢:)
Wix 也有推出 App 供使用者下載,若你人在辦公室外,不方便帶著筆電,你可以下載 Wix 的 App,在你的行動裝置上管理網站。
優點
Wix 是完全代管的雲端網站建置平台,有關網址和虛擬主機,都包含在它們的服務裡面,你不需要自行購買和架設。
如果你有時間壓力或是只需建立臨時網站,這類型的網頁設計平台,會是你的好選擇。
提供 App 下載,讓你不論身在何處都能管理網站,且支援繁體中文,英文不流利的站長不需要擔心!
缺點
免費版會有顯眼的廣告,可能影響網站的使用者體驗,還有你不會有自己的網址,架設完成的網站,是使用 Wix 的子網域,若要使用自己的網域名稱,需升級為進階方案。
另外,儲存空間、上傳影片時數等即便購買方案,仍會有一定限制,對於想長遠拓展 電子商務 的站長,多少會有些不便。除了 WordPress 以外,像這類的網頁建置平台,最大缺點是未來網站搬家會非常困難,因為你沒有平台擁有權。可前往 Wix 方案了解更多。
3. Weebly
Weebly 是一款簡單上手的網頁製作軟體,有支援中文,在台灣也算知名架站平台。
它有好用的頁面編輯器,只要用拖曳方式,就可快速製作網站,蠻適合需快速建站的新手使用。
頁面編輯器支援多種小工具,像是文字、圖片、區塊、輪播工具等 ..,有利站長設計網頁排版。
此外,Weebly 也有推出 App,不管你在哪裡,只要有手機等行動裝置,就可以下載 Weebly 的 App,在你的行動裝置上設計版面、追蹤數據、處理訂單等。
Weebly 也有多種佈景主題可以選擇,不論你是要架設電商網站或是部落格,都有模板可以直接選擇。
如果你打算快速架站,或只是短暫性的需要有網站能使用,那使用 Weebly 也是個好選擇!
優點
Weebly 是完全代管的雲端網站建置平台,不需安裝或管理任何外掛。
它也有實用的頁面編輯器,用拖曳方式一樣可完成網頁設計。也擁有多種佈景主題可直接套用,不需重新開始設計一個網站頁面。
Weebly 同步支援網路開店,有專門的電子商務方案,可以添加購物功能。
提供 App 下載,讓你不論身在何處都能管理網站,且支援繁體中文,英文不流利的站長也不需要擔心!
缺點
網站依附在平台上,最大缺點是未來網站搬家會非常困難,因為沒有控制權,同時網域也是附屬於 Weebly 的子網域,若要連接自己的網域需要升級方案。
Weebly 的免費版本會有宣傳廣告,如果只需要短暫或非重要場合使用,這或許不是什麼問題。
網路開店有些功能需付費升級( 如:PayPal 付款、商品評價 ),還有抽取交易費的規則,詳細可至 Weebly 官網 了解。
4. Webflow
Webflow 是一個美國的網頁代管平台,致力於打造零代碼的網頁設計環境。2013 年成立,擁有超過 350 萬個用戶。
Webflow 上也有多款精美模板可以選擇,不過相較起來,較多是需要付費的模板,免費版的模板較少,不過免費版也有非常好看的設計可以選擇唷!
Webflow 也是一款非常適合設計師的架站平台,它的介面和 Illustrator、Figma 也滿像似的,工具列有各個元素分層,你也可以自由調整頁面顯示大小,來設計響應式頁面斷點。
不過小缺點是,Webflow 還沒辦法自由的拖曳編輯區塊,對於架站新手來說會有一點點不方便。
優點
Webflow 設計介面類似 Illustrator、Figma,設計師應該會很好上手。
免費版就能輕鬆發布網站,而且沒有煩人的廣告。
網站設計完成後,也能直接導出 HTML、CSS、JS 代碼,非常方便。
缺點
頁面編輯器拖曳編排功能不夠完善,沒辦法隨意拖曳元素至想擺放的地方。
免費版與其他架站平台一樣,也都是使用官方的子網域(非自有資產),並且有網站流量限制、功能限制等,需升級解鎖。此外,架設電商網站也會被抽取一些交易費用。更多 Webflow 方案介紹 。
5. Strikingly
Strikingly 是一款操作容易的網頁製作軟體,且不需額外安裝軟體,順著操作即可完成網站建置。
同樣支援繁體中文,有多種佈景主題,和多種內建圖標、優質背景圖片,可直接使用。
Strikingly 強調的是快速建站、簡潔版面,同時也配有電子商務、購物車系統、會員系統等 .. 功能,這些同樣需購買進階方案使用。
Strikingly 也有推出 App 供使用者下載,讓你不論身在何處,都可以使用行動裝置設計版面、處理訂單、回覆訊息等..。
優點
Strikingly 是完全代管的雲端網站建置平台,不需安裝或管理任何外掛。
提供 App 下載,讓你不論身在何處都能管理網站!
個人使用上,最滿意的應該是它的頁面編輯器,非常容易上手,幾乎不需花太多時間熟悉它,加上後台全繁體中文化,很適合新手入門。
缺點
Strikingly 免費版與其他架站平台一樣,也都是使用官方的子網域(非自有資產)、網站流量限制、功能性限制等 ,最少需升級至專業版方案,才能解鎖這些功能。
至於建置購物網站,又必須再往上購買方案,相比其他架站軟體,費用會比較高額一點。詳細可前往 Strikingly 方案 了解。
Strikingly 同樣沒有平台所有權,也無法擁有完整網域,未來若要網站搬家、或是自管網站,會是個滿大的問題。
6. Framer
Framer 是一款免費架站軟體,2015 年從一個 JavaScript 資料庫開始,之後轉為架站平台,專注於建立一個美觀又易於使用的架站工具。
Framer 操作簡單,介面有點類似 Figma,如果你有在使用 Figma 的習慣,應該可以非常快上手!
你可以同步更改、設計多種裝置頁面,還能輕鬆製作 Grab & Drop 區塊,讓使用者可以自行在你的網站拖曳元素,這樣子可以讓你的網站更有趣、更有互動感。
Framer 提供許多免費模板選擇,也有設計較特別的付費模板,不過免費模板就挺精緻美觀了!
此外,Framer 網站上也有提供大量的專業圖片,都可以免費使用。
Framer 近期搭上 AI 話題,推出了超強大的功能,Framer AI 架站。
你只需要輸入一段描述文字,例如「 一個攝影師形象網站,包含團隊介紹、作品集、聯絡我們 」,一分鐘內 Framer 就會自動生成一個精美設計的網頁,甚至幫你把網站的圖片、文案都想好了!
雖然 Framer 沒有中文介面,但是 Framer AI 這個強大的功能可以使用中文!所以你只需要輸入中文的描述,就可以製作出專業的網站,生成的文案也都會是中文的!非常推薦大家試試!
我們前陣子也有針對 Framer AI 製作一個教學影片,有興趣的朋友可以前往學習:)
優點
非常直觀易用的頁面編輯器,幾乎不需花太多時間熟悉它。
強大的 AI 功能,簡單的文字描述就能迅速生成網站,還能幫你想好文案並搭配圖片,省下一大半的架站時間!
免費版就有許多功能可以使用,包含 Framer AI 也是不需付費就能無限次使用!
缺點
免費版與其他架站平台一樣,是使用官方的子網域(非自有資產),需升級方案,才能連接自有網域或解鎖更多功能。更多 Framer 方案。
同樣沒有平台所有權,未來若要網站搬家、或是自管網站,會是個滿大的問題。
7. Webnode
Webnode 網頁製作軟體在 2008 年啟用,總部位於瑞士,全球已幫助上千萬用戶架設形象網站。
同樣支援繁體中文,個人認為語言支援度優於 Wix、Weebly,也有提供免費版本,包含大量模板選擇、免費圖庫,推薦試用看看!
比較可惜的是頁面編輯器,拖曳編排上不是這麼靈活,但功能區塊算是豐富,既然有免費版,就不苛求了。
優點
Webnode 有多種佈景主題可安裝,在主題的網頁設計上,是滿有質感的。
至於免費版的廣告版面,和其他 RWD 響應式網頁製作軟體比較,是隱藏比較好的,它放置在網站最底層。
缺點
對於新手站長也需要花些時間上手,因為幾個常用功能鍵沒有明確標示。
頁面編輯器的功能性不強,沒有達到 100% 能完全拖曳編排功能。
最重要的一點,免費版 Webnode 含有 noindex 標記,會影響網站 SEO 策略。更多 SEO 是什麼。需升級至金額較高的專業版方案,才可去除 Webnode 的商標、開啟 Google Analytics 功能、去除 noindex 標記等。更多 Webnode 方案。
8. Squarespace
Squarespace 發源於紐約,是一個網站製作平台,目前服務 100 多個國家。
在台灣知名度相比 Wix、Weebly 是少了許多,但在歐美國家累積不少愛好者。
網站有許多高品質的圖片可以使用,模板設計也都比較新穎流行,如果你是設計師、攝影師、廣告商、個人品牌 .. ,或許會愛上它的風格。
Squarespace 的 Blueprint AI 網站建置工具結合了 AI 的強大效能和 20 多年的設計經驗,讓你只需幾分鐘就能輕鬆打造獨一無二的專業網站!
可惜的是,Squarespace 目前並不支援中文,且編輯器在使用上也沒有像其他網站一樣好操作,希望未來 Squarespace 可以對此做更新。
優點
最大的特色應該是有多種精美的佈景主題、圖庫、功能區塊,可應用在網站上。
如果需要高品質的網站設計,Squarespace 會是一個好選擇。
缺點
只有 14 天免費試用,若要發布網站就必須訂閱方案。
後台介面沒有支援繁體中文,上手難度相對其他平台,會比較高一點。
Squarespace 的頁面編輯器和 Webnode 有點像,是類似區塊編輯器方式,但使用起來不像 Wix 方便直覺。
Squarespace 除必須訂閱方案才能架站外,若想要網路開店的站長,也會被抽取一些交易費用。更多 Squarespace 方案介紹 。
網頁製作平台比較
平台名稱 | 主要特色 | 優點 | 缺點 |
---|---|---|---|
WordPress | 開源內容管理系統,全球約 40% 的網站使用 | ・完全掌握網站資料 ・豐富的主題和外掛 ・強大的頁面編輯器(如 Elementor、Divi) | ・需要自行安裝和設定,學習曲線較高 |
Wix | 熱門網站建置平台,全球超過 1.8 億用戶 | ・900 多種佈景主題 ・直觀的頁面編輯器 ・提供 App 供行動裝置管理網站 | ・免費版有廣告 ・儲存空間和功能有限制 ・未來網站搬家困難 |
Weebly | 簡單易用的網站建置平台,支援中文 | ・拖曳式頁面編輯器 ・支援多種小工具 ・APP 供行動裝置管理網站 | ・免費版有廣告 ・功能和彈性較少 |
WebFlow | 高度自訂的網站設計平台,適合專業設計師 | ・強大的設計工具 ・允許自訂 CSS、HTML、JavaScript | ・學習曲線較高 ・價格較高 |
Strikingly | 專注於單頁網站建置的平台 | ・快速建立單頁網站 ・簡單易用 | ・功能有限 ・不適合多頁面或複雜網站 |
Framer | 為設計師打造的網站設計工具,強調互動和動畫 | ・強大的設計和原型工具 ・支援高級動畫和互動 | ・學習曲線較高 ・主要針對設計師 |
Webnode | 支援多語言的網站建置平台 | ・多語言支援 ・提供多種模板 | ・功能和彈性不如其他平台 |
Squarespace | 注重設計和用戶體驗的網站建置平台 | ・高品質設計模板 ・易用性高 | ・價格較高 ・自訂選項相對有限 ・外掛和擴展功能較少 |
每種架站軟體,都有它的常處,沒有誰好誰壞,只有適不適合你的需求。
如果打算長期經營形象品牌,使用 WordPress 絕對是最佳選擇,你有最高權限,能掌握自己全部的網站資料以及程式碼。
WordPress 不依賴任何平台,你不需承擔任何一家架站平台公司的經營風險。
這是使用 WordPress 架站的最大理由,我也用 WordPress 做了多篇架站教學。
如何架設Blog、架設官網、架設購物網站?不同類型,隨你選擇:
完全代管的雲端網站建置平台,如:Wix、Weebly、Strikingly 等,它們一樣有優點。
如果你有一次性行銷頁面需製作、學校作業想用網頁展示、個人履歷或作品集擺放等,不需時常進行維護,且對平台的置入廣告也可忍受。
使用它們也是一種解決方法。
結論,WordPress 和其他網站製作平台都很好,沒有誰好誰壞,只有適不適合你的需求。
常見問題
我想要架設電商網站,哪一個平台比較適合我呢?
每一個製作平台都有優點,不過我們還是最推薦 WordPrss 架站平台,除了介面功能完善外,網路上也有許多教學、討論區可以解決架站疑問。歡迎加入 犬哥網站 WordPress 教學時光屋 一起學習討論唷:)
我不太會設計,想快速架設簡易形象網站,推薦哪個平台呢?
如果你沒有任何架站概念,也不太會設計網站,只是想要架設一個簡單的網站的話,推薦你試試看 Framer 架站平台的 Framer AI 功能。只需要輸入中文描述,就可以透過 AI 自動生成一個超精美的網站唷!
不過若是要架設功能較完善的網站,建議還是先選擇其他架站平台唷!
想輕鬆拖曳就能設計的架站平台,推薦哪一款呢?
WordPress、Wix、Weebly、Strikingly、Framer 等架站平台,皆能輕鬆拖曳元素物件,讓你輕鬆架站,推薦站長試試看囉:)
聯絡犬哥網站
在網站架設+網路行銷的過程中,或許會遇到一些解決不了問題,可以在下方留言給我,我會盡力協助解答!
接下來,額外分享 2 個實用資源,可有效幫助大家解決問題。
資源一:犬哥網站(專業 WordPress 網頁設計&網站行銷公司)
如果你沒時間自己架站,或是遇到網站沒有流量、Google 網站排名不理想。歡迎洽詢 犬哥網站(WordPress 網頁設計&網站行銷公司),請專家協助你會更容易!
我們有多年網頁設計、SEO 關鍵字行銷、Google 廣告投放經驗,加上上百個實戰案例,絕對能滿足您的需求!
資源二:WordPress 高手架站課+SEO 排名飆升課(線上課程)
如果想學習更深入的 WordPress 架站技巧,或是想透過 SEO 關鍵字提升網站流量?
可以參考犬哥近期推出的這兩門課程,課程非常的扎實,都是犬哥自己實戰出來的經驗分享,不打高空只教你做出成績!
- WordPress 高手架站課:
從網頁設計觀念、WordPress / WooCommerce 後台操作、熱門主題.外掛教學、品牌網站 / 部落格 / 電商網站,3 大類型網站建置方法等豐富內容,一次教會你。
課程內容非常的紮實(長度超過 20 小時)。如果你剛學習自架網站,這門課程可以讓你用最快的速度,就學會這項技能! - SEO 排名飆升課:
教你掌握關鍵字策略、SEO 文章撰寫、多種實戰 SEO 技巧、透視對手 SEO 策略、SEO 必備軟體教學、最新 AI SEO 應用等,大幅提升行銷能力。
帶你衝上 Google 排名第一頁,大量提升網站營收和訂單!