網頁製作平台:8 個自架網站軟體+設計平台推薦(優缺點分析)

網頁製作平台:8 個自架網站軟體+設計平台推薦(優缺點分析)

這是一篇完整「 網頁製作平台 」清單,我們列出多個常用的線上架站工具,幫助你找到適合的網頁設計軟體。

這幾個可能是你遇到的問題 .. ,像是需要 設計品牌官網,卻不知道用哪一個網頁設計平台?還是打算 架設購物網站,但發現市面上的租用費實在太貴,遲遲無法決定?

又或是被痞客邦、Medium 等不同部落格平台的演算法更改影響,而導致網站流量整個大幅降低?

這篇文章,我將精心挑選多款「 網頁製作平台 」,幫助你用最快的速度+最低的架站成本,打造自己的網站而不用再看人臉色!

文章尾段,還有多款架站平台比較,幫助你分析各個架站軟體的優缺點,找到最適合你的架站模式。

準備好的話,我們就開始囉:)


1. WordPress

WordPress 網站使用人數(持續增加中)
WordPress 網站使用人數(持續增加中)

WordPress 是全球知名的網頁設計軟體,全球有 40 % 以上的網站,都來自於 WordPress。更多 WordPress 是什麼

擁有上萬個佈景主題(樣板)和功能外掛,只需一鍵安裝即可成為多功能網站。或許你不知道怎麼選,請參考 優質佈景主題優質外掛推薦,會給你應該的幫助。

WordPress 可完成多種網頁設計,如:部落格架設個人品牌或公司企業官網購物網站架設 等 ..

最大好處是,它是免費開源的軟體,可完全掌握自己網站資料,不需被任何網路平台、網頁設計公司牽制。

且不會因為任一網頁製作平台的營運問題,造成網站消失(舉例來說,無名小站結束營運,原來的內容也隨著關站而消失,但這不會發生在 WordPress 身上)。

因為你就是網站的擁有者!

優點

WordPress 是完全開源的軟體,這意味你擁有網站最高的掌握權,不需依附在任何「 網頁製作平台 」,這是最重要的事。

使用 WordPress 架站,代表你掌握網站所有程式碼、資料庫、文字圖片,想 網站搬家 去哪裡都可以。

再來,WordPress 擁有豐富的生態系,有上千種主題、上萬種外掛可強化功能,只需一鍵安裝即可馬上使用。

wordpress可製作多種網站設計
wordpress可製作多種網站設計

WordPress 同樣有強大的頁面編輯器,像是 Elementor、Divi 等 .. 可用簡單拖曳方式,就能客製化網頁設計。更多 頁面編輯器推薦Elementor 外掛教學Divi 外掛教學

WordPress 的 Elementor 頁面編輯器外掛,示範影片。

有關網路行銷的關鍵字排名,WordPress 除了本身程式結構就對 SEO 優化良好之外,搭配 優質 SEO 外掛,能準確的針對單一文章,進行關鍵字優化分析。

搭配 WordPress SEO 指南,並且架設網站完成後 到 Google Search Console 提交網站,進一步成功完成網路行銷。

統整來說,WordPress 是大多數站長,架設網站的第一選擇:)

缺點

跟其他架站軟體比較,WordPress 可能需要自行安裝和設定,會有一點點學習曲線。

但這比想像中簡單,因為全世界有 40 % 以上網站是用 WordPress 完成,而站長大多是自己架設完成。

在犬哥網站中,都有許多 WordPress 教學,可進行學習,你也能做的到!

費用

雖然 WordPress 是個免費網頁設計軟體,但站長需要 租用網域WordPress 主機,才能讓網站能正常運作。

主機可使用 WordPress 官方推薦的 Bluehost 主機,請參考 Bluehost 教學,裡面有完成的架站教學。

Bluehost 原價入門費用是,網址 $12.99 美元 / 年(一年約 $400 台幣)和主機 $7.99美元 / 月(一年約 $2,876 台幣)。

值得開心的是,Bluehost 官方同意為我們網站讀者,提供最高可享有 3 折的主機折扣。

下表是用台幣計算,美元 / 台幣匯率用經常的 1:30 換算。

Basic 方案Choice Plus 方案
買一年:特價約 716 元(原價 2,876 元買一年:特價約 1,602 元(原價 5,036 元
買三年:特價約 3,229 元(原價 7,549 元買三年:特價約 5,389 元(原價 15,109 元

備註:新手可購買 1 年的 WordPress Basic 方案,用最少預算入門:)

如果網址同樣在 Bluehost 申請, Bluehost 有提供首年網域免費和 SSL 憑證,請多加利用。

這等於說,在 Bluehost 申請個人網域和主機,最少可用不到 1,000 台幣,就能開始啟動你的網路事業,並享有完整的主機規格服務。

不管購買的是哪種主機方案,只要點擊本站 Bluehost 連結,讀者們都享有優惠價格。

適用對象

無論你想架設哪種類型的網站,如:部落格、品牌形象網站、購物網站、任何功能網站 ..,都適合使用 WordPress 進行網站製作。

且網站上沒有任何的置入廣告,也不會受任何公司 / 平台,因為營運變化而影響到網站的運作,所以 WordPress 是我網站製作的第一選擇!


2. Wix

網頁製作平台 :Wix 網站製作教學

Wix 是一個流行的網頁設計軟體,在全球 190 多個國家服務,超過一億八千萬個使用者。

龐大的使用者,讓它成為了納斯達克的上市公司,算是除了 WordPress 以外,聲量第二高的網頁製作軟體。

網站上有 800 多種佈景主題,和多種官方或第三方網站外掛,可直接套用。

Wix 有多款佈景主題可選擇

Wix 有提供出色的頁面編輯器,介面直觀淺顯易懂,且都是繁體中文,是輕鬆架站的好夥伴。

挑選完喜歡的樣板,只需把元件拖放至指定區位,就可新增一個區塊功能。

而如果要修改編輯,只需點想修改的地方,即可進行編輯,是不是很方便呢:)

Wix 頁面編輯畫面

Wix 也有推出 App 供使用者下載,若你人在辦公室外,不方便帶著筆電,你可以下載 Wix 的 App,在你的行動裝置上管理網站。

Wix App頁面編輯畫面

優點

Wix 是完全代管的雲端網站建置平台,有關網址和虛擬主機,都包含在它們的服務裡面,你不需要自行購買和架設。

如果你有時間壓力或是只需建立臨時網站,這類型的網頁設計平台,會是你的好選擇。

提供 App 下載,讓你不論身在何處都能管理網站,且支援繁體中文,英文不流利的站長不需要擔心!

缺點

免費版會有顯眼的廣告,可能影響網站的使用者體驗,還有你不會有自己的網址,架設完成的網站,是使用 Wix 的子網域,若要使用自己的網域名稱,需升級為進階方案。

另外,儲存空間、上傳影片時數等 .. 即便購買方案,仍會有一定限制,對於想長遠拓展 電子商務 的站長,多少會有些不便。除了 WordPress 以外,像這類的網頁建置平台,最大缺點是未來網站搬家會非常困難,因為你沒有平台擁有權。可前往 Wix 方案了解更多。


3. Weebly

網頁製作平台 :weebly
網頁製作平台 :Weebly

Weebly 是一款簡單上手的網頁製作軟體,有支援中文,在台灣也算知名架站平台。

它有好用的頁面編輯器,只要用拖曳方式,就可快速製作網站,蠻適合需快速建站的新手使用。

頁面編輯器支援多種小工具,像是文字、圖片、區塊、輪播工具等 ..,有利站長設計網頁排版。

Weebly 頁面編輯器

此外,Weebly 也有推出 App,不管你在哪裡,只要有手機等行動裝置,就可以下載 Weebly 的 App,在你的行動裝置上設計版面、處理訂單等..。

Weebly 在行動裝置上也能使用頁面編輯器設計網頁

Weebly 也有多種佈景主題可以選擇,不論你是要架設電商網站或是部落格,都有模板可以直接選擇。

如果你打算快速架站,或只是短暫性的需要有網站能使用,那使用 Weebly 也是個好選擇!

Weebly 佈景主題

優點

Weebly 是完全代管的雲端網站建置平台,不需安裝或管理任何外掛。

它也有實用的頁面編輯器,用拖曳方式一樣可完成網頁設計。也擁有多種佈景主題可直接套用,不需重新開始設計一個網站頁面。

Weebly 同步支援網路開店,有專門的電子商務方案,可以添加購物功能。

提供 App 下載,讓你不論身在何處都能管理網站,且支援繁體中文,英文不流利的站長也不需要擔心!

缺點

網站依附在平台上,最大缺點是未來網站搬家會非常困難,因為沒有控制權,同時網域也是附屬於 Weebly 的子網域,若要連接自己的網域需要升級方案。

Weebly 的免費版本會有宣傳廣告,如果只需要短暫或非重要場合使用,這或許不是什麼問題。

網路開店有些功能需付費升級( 如:PayPal 付款、商品評價 ),還有抽取交易費的規則,詳細可至 Weebly 官網 了解。


4. WebFlow

網頁製作平台 :Webflow

Webflow 是一個美國的網頁代管平台,致力於打造零代碼的網頁設計環境。2013 年成立,擁有超過 350 萬個用戶。

Webflow 上也有多款精美模板可以選擇,不過相較起來,較多是需要付費的模板,免費版的模板較少,不過免費版也有非常好看的設計可以選擇唷!

Webflow 多款模板主題

Webflow 也是一款非常適合設計師的架站平台,它的介面和 Illustrator、Figma 也滿像似的,工具列有各個元素分層,你也可以自由調整頁面顯示大小,來設計響應式頁面斷點。

不過小缺點是,Webflow 還沒辦法自由的拖曳編輯區塊,對於架站新手來說會有一點點不方便。

Webflow 操作介面

優點

Webflow 設計介面類似 Illustrator、Figma,設計師應該會很好上手。

免費版就能輕鬆發布網站,而且沒有煩人的廣告。

網站設計完成後,也能直接導出 HTML、CSS、JS 代碼,非常方便。

缺點

頁面編輯器拖曳編排功能不夠完善,沒辦法隨意拖曳元素至想擺放的地方。

免費版與其他架站平台一樣,也都是使用官方的子網域(非自有資產),並且有網站流量限制、功能限制等 ..,需升級解鎖。此外,架設電商網站也會被抽取一些交易費用。更多 Webflow 方案介紹


5. Strikingly

網頁製作平台 :Strikingly
網頁製作平台 :Strikingly

Strikingly 是一款操作容易的網頁製作軟體,且不需額外安裝軟體,順著操作即可完成網站建置。

同樣支援繁體中文,有多種佈景主題,和多種內建圖標、優質背景圖片,可直接使用。

Strikingly 佈景主題

Strikingly 強調的是快速建站、簡潔版面,同時也配有電子商務、購物車系統、會員系統等 .. 功能,這些同樣需購買進階方案使用。

Strikingly 也有推出 App 供使用者下載,讓你不論身在何處,都可以使用行動裝置設計版面、處理訂單、回覆訊息等..。

Strikingly 各種裝置上的頁面編輯器

優點

Strikingly 是完全代管的雲端網站建置平台,不需安裝或管理任何外掛。

提供 App 下載,讓你不論身在何處都能管理網站!

個人使用上,最滿意的應該是它的頁面編輯器,非常容易上手,幾乎不需花太多時間熟悉它,加上後台全繁體中文化,很適合新手入門。

缺點

Strikingly 免費版與其他架站平台一樣,也都是使用官方的子網域(非自有資產)、網站流量限制、功能性限制等 ..,最少需升級至專業版方案,才能解鎖這些功能。

至於建置購物網站,又必須再往上購買方案,相比其他架站軟體,費用會比較高額一點。詳細可前往 Strikingly 方案 了解。

Strikingly 同樣沒有平台所有權,也無法擁有完整網域,未來若要網站搬家、或是自管網站,會是個滿大的問題。


6. Framer

網頁製作平台 :Framer

Framer 是一款免費架站軟體,2015 年從一個 JavaScript 資料庫開始,之後轉為架站平台,專注於建立一個美觀又易於使用的架站工具。

Framer 操作簡單,介面有點類似 Figma,如果你有在使用 Figma 的習慣,應該可以非常快上手!

你可以同步更改、設計多種裝置頁面,還能輕鬆製作 Grab & Drop 區塊,讓使用者可以自行在你的網站拖曳元素,這樣子可以讓你的網站更有趣、更有互動感。

Framer 操作介面

Framer 提供許多免費模板選擇,也有設計較特別的付費模板,不過免費模板就挺精緻美觀了!

此外,Framer 網站上也有提供大量的專業圖片,都可以免費使用。

Framer 有多款免費模板可選擇

Framer 近期搭上 AI 話題,推出了超強大的功能,Framer AI 架站。

你只需要輸入一段描述文字,例如「 一個攝影師形象網站,包含團隊介紹、作品集、聯絡我們 」,一分鐘內 Framer 就會自動生成一個精美設計的網頁,甚至幫你把網站的圖片、文案都想好了!

Framer AI 架站

雖然 Framer 沒有中文介面,但是 Framer AI 這個強大的功能可以使用中文!所以你只需要輸入中文的描述,就可以製作出專業的網站,生成的文案也都會是中文的!非常推薦大家試試!

Framer AI 快速生成的攝影團隊形象網站

我們前陣子也有針對 Framer AI 製作一個教學影片,有興趣的朋友可以前往學習:)

Framer AI 影片學習

優點

非常直觀易用的頁面編輯器,幾乎不需花太多時間熟悉它。

強大的 AI 功能,簡單的文字描述就能迅速生成網站,還能幫你想好文案並搭配圖片,省下一大半的架站時間!

免費版就有許多功能可以使用,包含 Framer AI 也是不需付費就能無限次使用!

缺點

免費版與其他架站平台一樣,是使用官方的子網域(非自有資產),需升級方案,才能連接自有網域或解鎖更多功能。更多 Framer 方案

同樣沒有平台所有權,未來若要網站搬家、或是自管網站,會是個滿大的問題。


7. Webnode

網頁製作平台 :webnode
網頁製作平台 :Webnode

Webnode 網頁製作軟體在 2008 年啟用,總部位於瑞士,全球已幫助上千萬用戶架設形象網站。

同樣支援繁體中文,個人認為語言支援度優於 Wix、Weebly,也有提供免費版本,包含大量模板選擇、免費圖庫,推薦試用看看!

Webnode 多款模板選擇

比較可惜的是頁面編輯器,拖曳編排上不是這麼靈活,但功能區塊算是豐富,既然有免費版,就不苛求了。

webnode網站編輯器
Webnode網站編輯器

優點

Webnode 有多種佈景主題可安裝,在主題的網頁設計上,是滿有質感的。

至於免費版的廣告版面,和其他 RWD 響應式網頁製作平台比較,是隱藏比較好的,它放置在網站最底層。

缺點

對於新手站長也需要花些時間上手,因為幾個常用功能鍵沒有明確標示。

頁面編輯器的功能性不強,沒有達到 100% 能完全拖曳編排功能。

最重要的一點,免費版 Webnode 含有 noindex 標記,會影響網站 SEO 策略。更多 SEO 是什麼。需升級至金額較高的專業版方案,才可去除 Webnode 的商標、開啟 Google Analytics 功能、去除 noindex 標記等 .. 。更多 Webnode 方案


8. Squarespace

網頁製作平台 :squarespace
網頁製作平台 :Squarespace

Squarespace 發源於紐約,是一個網站製作平台,目前服務 100 多個國家。

在台灣知名度相比 Wix、Weebly 是少了許多,但在歐美國家累積不少愛好者。

網站有許多高品質的圖片可以使用,模板設計也都比較新穎流行,如果你是設計師、攝影師、廣告商、個人品牌 .. ,或許會愛上它的風格。

Squarespace 有多款設計新穎的模板

可惜的是,Squarespace 目前並不支援中文,且編輯器在使用上也沒有像其他網站一樣好操作,希望未來 Squarespace 可以對此做更新。

squarespace 頁面編輯器
Squarespace 頁面編輯器

優點

最大的特色應該是有多種精美的佈景主題、圖庫、功能區塊,可應用在網站上。

如果需要高品質的網站設計,Squarespace 會是一個好選擇。

缺點

只有 14 天免費試用,若要發布網站就必須訂閱方案。

後台介面沒有支援繁體中文,上手難度相對其他網頁製作平台,會比較高一點。

Squarespace 的頁面編輯器和 Webnode 有點像,是類似區塊編輯器方式,但使用起來不像 Wix 方便直覺。

Squarespace 除必須訂閱方案才能架站外,若想要網路開店的站長,也會被抽取一些交易費用。更多 Squarespace 方案介紹


網頁製作平台比較

每種架站軟體,都有它的常處,沒有誰好誰壞,只有適不適合你的需求。

如果打算長期經營形象品牌,使用 WordPress 絕對是最佳選擇,你有最高權限,能掌握自己全部的網站資料以及程式碼。

WordPress 不依賴任何平台,你不需承擔任何一家架站平台公司的經營風險。

這是使用 WordPress 架站的最大理由,我也用 WordPress 做了多篇架站教學。

完全代管的雲端網站建置平台,如:Wix、Weebly、Strikingly .. ,它們一樣有優點。

如果你有一次性行銷頁面需製作、學校作業想用網頁展示、個人履歷或作品集擺放 .. ,不需時常進行維護,且對平台的置入廣告也可忍受。

使用它們也是一種解決方法。

結論,WordPress 和其他網頁製作平台都很好,沒有誰好誰壞,只有適不適合你的需求。


常見問題

我想要架設電商網站,哪一個平台比較適合我呢?

每一個製作平台都有優點,不過我們還是最推薦 WordPrss 架站平台,除了介面功能完善外,網路上也有許多教學、討論區可以解決架站疑問。歡迎加入 犬哥網站 WordPress 教學時光屋 一起學習討論唷:)

我不太會設計,想要用最快速的方式架設簡易形象網站,推薦哪個平台呢?

如果你沒有任何架站概念,也不太會設計網站,只是想要架設一個簡單的網站的話,推薦你試試看 Framer 架站平台的 Framer AI 功能。只需要輸入中文描述,就可以透過 AI 自動生成一個超精美的網站唷!
不過若是要架設功能較完善的網站,建議還是先選擇其他架站平台唷!

想要輕鬆拖曳就能設計的架站平台,推薦哪一款呢?想要輕鬆拖曳就能設計的架站平台,推薦哪一款呢?

WordPress、Wix、Weebly、Strikingly、Framer 等架站平台,皆能輕鬆拖曳元素物件,讓你輕鬆架站,推薦站長試試看囉:)


WordPress 學習資源

學習 WordPress 網站架設流程中,或許會遇到一些解決不了問題,可以在下方留言給我,我會盡力協助解答!

接下來,額外分享 3 項架站資源,可有效幫助大家處理網站問題。

資源一:犬哥數位(專業 WordPress 網頁設計公司)

如果你沒時間自己架站、或是遇到解決不了的網站問題。歡迎洽詢 犬哥數位(WordPress 網頁設計公司),請專家製作會更有效率!

WordPress 網頁設計公司|犬哥數位

資源二:WP 精選模組攻略書

由於 WordPress 主題 / 外掛有非常多種,很多網友私訊我不知道安裝哪一款,才有辦法實現功能。或是已經試了很多款外掛,但始終找不到適合自己的。

對此我整理了 高達 100 多款精選主題&外掛大全(電子書),這些都是我們團隊協助客戶開發案件時,會搭配使用的。一來外掛品質優良,二來功能性也足夠強!

WordPress 模組指南書
WordPress 模組指南書

資源三:官方教學資源(含 FB 社群解答)

如果你偏愛自架網站,也歡迎持續關注 犬哥網站 Blog,我們都持續有發布新的網站架設、網路行銷教學。

或是你比較喜歡看影片學習,也可關注 YouTube 頻道,幫助你更容易進入狀況。

當然,如果你在操作過程中遇到問題,也可以加入 WordPress 架站 x SEO 教學時光屋 – 犬哥網站 ,除了有網友一同幫你解惑外,犬哥團隊也會同步在社團幫助大家。

犬哥網站|交流社團
犬哥網站交流社團

關於作者

犬哥網站:網頁設計 x 網路行銷教學平台

犬哥網站

我們分享 WordPress 架站 x 網路行銷知識,不需會任何程式技術,就能自己建立各種網站。 搭配豐富的網路行銷教學,幫助你被更多人看到。 趕快跟著我們的腳步,開始學習吧:)

在〈網頁製作平台:8 個自架網站軟體+設計平台推薦(優缺點分析)〉中有 16 則留言

  1. 小犬大大想想問一下:
    目前有想要用 wordpress.org 來架設網站,請問若是已經有在 wordpress.com 的免費版製作網站的話,可以把原本的內容移到org上嗎?

    1. 哈囉,宗磊:

      當然可以從 WordPress.com 搬家到 WordPress.org !

      只要你從 WordPress.com 做好匯出、購買好主機、設置好網域的動作,接著就可以到 WordPress.org 重新設定你的新網域,匯入你的舊網站(上傳檔案)。

      具體的完整教學,可以參考小犬網站上的:如何從 WordPress.com 搬家 到 WordPress.org? 文章。

      如果不清楚怎麼挑選主機,在:挑選虛擬主機 文章中也有優質的主機介紹可以參考。

      希望你搬家成功,恭喜加入 WordPress 的大家庭!

  2. 請問我想用Wordpress做一個透過填妥網站內的表格資料後,資料會自動發到我的電郵。
    我應該怎樣才能做到?
    感謝你

  3. 犬哥您好:
    請問我目前己有網頁,
    但想自己用WP在Bluehost做一個新的,
    在寫好後再把原來台灣的網址套到Bluehost上的新網頁.
    請問我是否在租Bluehost先不要輸入網址.
    等網頁做好,再後台再把網址資料補上就好了.
    因為可能做也要一點時間,
    以上再麻煩一下.

    1. 嗨,Chih Ta Lin,

      可先使用 Bluehost 測試網域架站,等完成後更改為正式網域,並做好 DNS 指向即可,

      可參考 Bluehost 教學文章 相關章節( 9 至 11 章)進行學習:)

  4. 犬哥您好
    請問我原本有自己的網址
    看完您的專業分析後
    想把網站搬到wordpress.org

    請問是可以的嗎?
    要如何操作呢?
    謝謝!

    1. 犬哥網站

      嗨,W,

      請問你是使用哪一款架站軟體呢?或是原本的網站是請專人架設?

      每一款架站軟體搬家至 WordPress.org 的方式都不同,若是使用 WordPress.com,可參考:從 WordPress.com 搬家 到 WordPress.org 文章,

      若是使用其他架站軟體,可參考該架站軟體是否具備搬家權限,有無搬家的相關教學,

      如果是請專人幫助架站,可詢問能否把網站檔案包給你,再進行下一步的搬家動作:)

      1. 犬哥您好~
        不好意思,修正我的問題~

        我有個喜歡的網址
        舊的網站內容可以都不要

        想把原本買的網址
        換去新的網站

        感覺你最推薦wordpress.org
        所以想請問…wordpress.org可以用自己購買的網址嗎?如何操作呢?

        謝謝~

        1. 嗨,We,

          可以使用自己的網址在 WordPress.org 架站,這是沒有問題的,只好購買好虛擬主機,並做好 DNS 指向,就可以使用自己的網址架站囉!

          目前犬哥網站推薦 3 款主機,你可以參考 主機方案分析推薦,挑選出一款符合你需求的主機,並使用該主機先架好 WordPress 網站即可。

          這 3 款主機都有犬哥網站都個別有教學文章,文章中也有「 DNS 指向 」教學章節,可以參考看看~

          但因為不清楚你的網域是在哪裡購買,若文章中示範的網域商與你購買的網域不相同,也不太懂操作的話,可以詢問你的網域商,能否協助你進行 DNS 指向唷:)

          1. 感謝您的推薦&協助
            仔細看完您的文章了
            也購買好虛擬主機,要開始使用自己的網址架站了

            對於新手又外行的女生來說,真的幫助很大,謝謝你~

    1. 犬哥網站

      嗨,sad,

      謝謝你的分享,讓大家知道這項重要資訊,我們會將這個資訊新增在文章中,希望能幫助更多正在參考架站軟體的人~

發佈留言

發佈留言必須填寫的電子郵件地址不會公開。 必填欄位標示為 *

返回頂端