網頁製作平台 :架站軟體比較(優缺點+費用分析)

網頁製作平台:最佳 6 個自架網站軟體+設計建置教學(優缺點分析)

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

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

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

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

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

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


1. WordPress

網頁製作平台 :wordpress 網頁設計
網頁製作平台 :wordpress 網頁設計

WordPress 是熱門的免費網頁製作軟體,全球有 40 %以上的網站,是使用 WordPress 架站而成。瞭解更多 WordPress 是什麼

它的生態系很成熟,在 WordPress.org 可以找到 5w+ 多種外掛,和上千種佈景主題,可自由擴展網站功能,架設成任何你想要的網站類型。更多 WordPress.org 與 com 差別

像是 建立 Blog公司品牌網站購物網站架設 等 .. 多種類型的網站,使用 WordPress 軟體都能自建成功,省掉大筆的網頁平台租用費。

另外,與其他網頁製作平台不一樣的是,WordPress 可以自由選配 優質主機,站長能依照網站不同階段,自由搬家到不同的主機,這是其他平台服務辦不到的。

WordPress 是全部「 網頁製作平台 」中,我唯一的首選項目!

優點

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

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

不會因為任一網頁製作平台的營運問題,造成網站消失(舉例來說,像是無名小站、探路客結束營運,原來的內容也隨著關站而消失),當然也絕對不會被因違反平台規定,而莫名的被關站。

再來,WordPress 擁有豐富的生態系,有多種 優質佈景主題優質外掛推薦 可強化網站功能,只需一鍵安裝即可馬上使用。

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

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

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

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

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

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

缺點

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

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

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

費用

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

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

Bluehost 原價入門費用是,網址 $14.99 美元 / 年(一年約 $450 台幣)和主機 $9.99美元 / 月(一年約 $3,600 台幣)。

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

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

Basic 方案Plus 方案
買一年:特價約 1,062 元(原價 3,600 元買一年:特價約 1,962 元(原價 5,400 元
買三年:特價約 5,346 元(原價 10,800 元買三年:特價約 8,046 元(原價 16,200 元

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

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

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

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

適用對象

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

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


2. Wix

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

Wix 是另一個流行的網頁設計軟體,在全球 180 多個國家服務,有超過 8000 萬使用者。

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

支援繁體中文,有 500 多種佈景主題,和多種官方或第三方網站外掛,可直接套用。

有提供出色的頁面編輯器,可用拖曳方式設計網頁,是輕鬆架站的好夥伴。

網頁製作平台 :Wix 的頁面編輯畫面
Wix 的頁面編輯畫面

優點

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

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

缺點

免費版會有顯眼的廣告,可能影響網站的使用者體驗,還有你不會有自己的網址,架設完成的網站,是使用 Wix 的子網域。

另外,存儲空間、上傳影片時數等 .. 即便購買方案,仍會有一定限制,對於想長遠拓展 電子商務 的站長,多少會有些不便。

除了 WordPress 以外,像這類的網頁建置平台,最大缺點是未來網站搬家會非常困難,因為你沒有平台擁有權。可前往 Wix 方案了解更多。


3. Weebly

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

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

它有好用的頁面編輯器,只要用拖曳方式,就可快速製作網站,也可在行動裝置上設計版面,蠻適合需快速建站的新手使用。

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

優點

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

它也有實用的頁面編輯器,用拖曳方式一樣可完成網頁設計。

weebly 頁面編輯器
weebly 頁面編輯器

有多種佈景主題可直接套用,不需重新開始設計一個網站頁面。

Weebly 對網路開店也有支持,有專門電子商務方案是處理這個,並添加購物功能。

缺點

網站依附在平台上,最大缺點是未來網站搬家會非常困難,因為沒有控制權,同時網域也是附屬於 Weebly 的子網域。

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

它們的網路開店方案除了需付費升級,還有抽取交易費的規則,詳細可至 Weebly 官網 了解。


4. Strikingly

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

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

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

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

優點

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

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

網頁製作平台 :strikingly 頁面編輯器
strikingly 頁面編輯器

缺點

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

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

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


5. Webnode

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

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

它支援繁體中文,個人認為語言支援度優於 Wix、Weebly,一樣有提供免費版本,可先進行試用。

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

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

優點

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

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

缺點

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

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

最重要的一點,免費版 Webnode 含有 noindex 標記,會影響網站 SEO 策略。更多 SEO 是什麼

需升級至金額較高的專業版方案,才可去除 Webnode 的商標、開啟 Google Analytics 功能、去除 noindex 標記等 .. 。更多 Webnode 方案


6. Squarespace

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

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

在台灣知名度相比 Wix、Weebly 是少了許多,但在歐美國家因為網站提供高質感圖片,所以累積不少愛好者。

如果你是設計、攝影、廣告、個人品牌 .. ,或許會愛上它的風格。

優點

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

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

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

缺點

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

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

Squarespace 限制與其他的架站軟體相差不大,同樣對於想要網路開店的站長,會抽取一些交易費用。更多 Squarespace 方案介紹


網頁製作平台比較

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

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

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

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

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

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

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

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


WordPress 學習資源

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

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

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

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

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

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

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

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

WordPress 模組電子書

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

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

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

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

犬哥網站:WordPress 架站 x SEO 優化技巧,一站式學習!

關於作者

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

犬哥網站

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

在〈網頁製作平台:最佳 6 個自架網站軟體+設計建置教學(優缺點分析)〉中有 16 則留言

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

    1. 小犬網站 - Luna

      哈囉,宗磊:

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

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

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

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

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

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

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

    1. 犬哥網站 - Luna

      嗨,Chih Ta Lin,

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

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

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

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

    1. 犬哥網站 - Luna

      嗨,W,

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

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

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

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

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

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

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

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

        謝謝~

        1. 犬哥網站 - Luna

          嗨,We,

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

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

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

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

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

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

          2. 犬哥網站 - Luna

            嗨,W,

            很開心有幫助到你,也祝你架站順利:)

    1. 犬哥網站 - Luna

      嗨,sad,

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

發佈留言

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

Scroll to Top