Webflow 與 WordPress – 哪個更好? (詳細比較)

已發表: 2023-01-17
Webflow 與 WordPress

WordPress 和 Webflow 都是希望啟動網站的人們的流行解決方案。 由於平台的運作方式有許多相似之處但存在巨大差異 - 該決定最終會對您網站的長期成功產生非常重要的影響。

在本指南中,我們將比較 Webflow 和 WordPress 以幫助您做出正確的決定:

  • TL;DR 比較 – Webflow 與 WordPress(主要區別)
  • Webflow簡介
  • WordPress 簡介
  • WordPress 儀表板與 Webflow 站點管理器
  • 設計能力
  • 內容管理系統
  • 電子商務功能
  • 便於使用
  • 性能和可擴展性
  • 主題和模板
  • 擴展和插件
  • 價錢
  • 我們的結論——您應該選擇哪一個?

TL;DR 比較 – WordPress 的另一個勝利。開源的又一次勝利。

如果您閱讀了本文的一部分,務必閱讀此部分

雖然 Webflow 和 WordPress 在很大程度上可以以相似的方式使用,但兩者本質上非常非常不同:

  • WordPress是構建網站的最佳(也是最受歡迎的)方式,從簡單的博客到動態會員網站等等。它是開源的,這意味著底層軟件是免費的,您可以隨心所欲地使用,隨心所欲地託管,隨心所欲地擴展。
  • Webflow是一個以標準 SaaS 風格(軟件即服務)訂閱形式出售的網站設計平台。

WordPress 作為一個開源平台,對於用例而言是可擴展和靈活的。 對於那些開發人員,他們通常會從頭開始構建網站,開發自己的主題——但是在您希望選擇的眾多頁面構建插件中的任何一個的幫助下(是的,您甚至可以選擇這些具體的事情),WordPress 可以為那些喜歡可視化構建網站的人提供同等或更好的體驗。

不同之處:當您選擇開源並使用 WordPress 時,您就擁有了自由。

您可以按照自己的意願自由使用該軟件。

您可以自由地在您想要的地方託管您的網站。

你可以自由地構建你想要的東西,你想要的方式(不受平台允許的限制)。

這意味著您不會將自己置於供應商鎖定的風險之中。 對於 Webflow,這可能意味著每年要支付超過 65,000 美元才能擁有一個網站。

Webflow 企業定價

資料來源:塞繆爾湯普森的推文

有些人會爭辯說這不適用於他們,因為該場景是一個特別大的網站(有 10,000 條 CMS 記錄,可以是博客文章、頁面等中的任何內容)。

有些人會很容易爭辯說,這不是他們在做出選擇時需要考慮的重要因素,因為它不適用於他們(考慮到每年支付 65,000 美元的情況是針對一個特別大的網站)。 但這完全沒有抓住重點。

重點是可能發生的原則

旁注:儘管在現實中,實現這一點實際上比您最初想像的要容易得多。例如,vidaXL這樣的網站在其 Feed 中有超過 70,000 個項目。 因此,根據您打算構建的網站類型,這比許多人想像的更容易超越。

全心全意推薦,更不用說考慮,選擇建立一個網站是非常困難的,無論是像個人網站這樣超級簡單的事情,還是在你無法控制的生態系統中建立你的業務發展所依賴的平台,在一個不可移植的環境中,並且在通過上述場景(以及許多其他場景,包括在沒有警告的情況下關閉站點)中展示的某個地方。

我們一次又一次地看到決定不使用 WordPress 是如何成為一個巨大的遺憾。 因此,簡而言之,我們目前並將永遠投票給 WordPress

話雖這麼說,人們傳播的關於 WordPress 的許多誤解和敘述導致了這種看法。 那麼,事不宜遲,讓我們詳細看看Webflow和WordPress的比較:

Webflow簡介

Webflow簡介

Webflow 是一個網站設計平台,以軟件即服務 (SaaS) 訂閱的形式出售,使用拖放式構建器可以輕鬆構建網站。

他們宣傳他們的平台通常適用於無需編寫一行代碼即可構建站點,即無需花費任何時間進行實際開發。

您根本不需要知道如何編碼就可以在 Webflow 上構建網站,這在某種程度上解釋了為什麼許多營銷人員和技術知識有限的人會選擇它。

Webflow 還提供內容管理功能——讓您在他們的平台內管理博客內容、頁面等——這被廣泛認為是他們最糟糕的功能之一。

Webflow 還宣傳內容管理功能,您將綁定到他們的平台的功能來管理您的博客內容和頁面,所有這些都在他們的平台內。 這是他們普遍認為缺乏的領域。

Webflow 平台與 Squarespace、Wix 和 Weebly 屬於同一類解決方案。 您無法控制站點的託管位置,也沒有多少自由。

WordPress 簡介

WordPress簡介

很少有人不熟悉 WordPress——作為世界領先的內容管理系統,為超過43% 的網站提供支持——我們將它用於我們自己的網站,因為我們確實發現它是最好的內容管理系統,正如統計數據繼續顯示的那樣一年又一年。 它是開源且靈活的,選擇它可以為您提供任何封閉源平台都無法提供的自由,很明顯為什麼大多數互聯網都同意。

選擇押注 WordPress 可為您提供其他平台無法提供的服務。 我們邀請您隨心所欲地使用它,超越內置功能的限制進行構建,並可以在任何您想要的地方託管它。 出於這個原因,在 Servebolt,我們是 WordPress 及其生態系統的大力倡導者。 自 2014 年以來,我們一直在這個行業 - 自從網絡開始變慢以來,我們對性能的熱情一直在增長。 我們是補救措施的一部分——提供比任何其他託管服務提供商更快WordPress 託管服務

WordPress 最初是作為一個博客平台開始的,隨著時間的推移發展成為今天的樣子。 由於一些人可能會說是卑微的開端,WordPress 已經發展成為唯一真正設計為構建網站和最佳內容管理系統的最佳方式的解決方案。沒有其他平台可以像 WordPress 那樣將這兩者結合在一起,並且一直證明它更擅長。

借助主題和插件,WordPress 可讓您自定義和創建您需要的任何類型的網站。 從一個簡單的博客或一個引人入勝的投資組合一直到一個動態的、響應迅速的電子商務商店——取決於您帶來的技術專長,WordPress 幾乎可以做任何事情。

WordPress 和 Webflow 的根本區別在於 WordPress 本質上是一個基礎。 它允許您通過使用頁面構建器和插件或選擇不同的主題來添加新功能來自定義站點。 另一方面,Webflow 是一個閉源 SaaS 平台,您可以使用它來構建您的網站(在 WordPress 中,有些人可以將其與銷售單個頁面構建插件並作為“包”託管在一起並調用一天)。

WordPress 儀表板與 Webflow 站點管理

網流

Webflow 站點管理器

使用 Webflow 設置帳戶後,體驗與託管服務提供商的體驗相當,您可以在其中訪問您帳戶中的不同網站。 除了您需要支付額外費用才能與其他人合作,為您希望設計的每個額外網站及更多內容。

除此之外,他們還為您介紹了基礎知識:

  • 導出數據的一些但有限的方法
  • 精選的預製模板
  • 內容管理系統

WordPress的

WordPress 儀表板

WordPress 提供的儀表板體驗有些不同。 因為,當提到儀表板(即您在上圖中看到的)已經是我們正在處理並登錄到特定 WordPress 網站的階段。

這就是 WordPress 開箱即用的樣子——您可能已經看到這個區域被稱為 WordPress 管理儀表板。

從這裡開始,您可以根據需要自定義、開發和設計 WordPress:

  • 如果您想自定義您的網站,您可以從超過 31,000 個免費主題或付費主題中選擇一個開始,然後開發您自己的主題以實現完全控制。
  • 如果您想要更直觀的體驗來進行更改,您可以選擇使用頁面構建器,如 Elementor 或 Beaver Builder。
  • WordPress 非常易於使用、自定義,允許對每個方面進行編輯以適合您的品牌風格並按您希望的方式工作。
  • WordPress 是開箱即用的 SEO 友好型。
  • 內容管理功能是其他任何東西都無法比擬的,而且編輯體驗可以擴展,即使與數十名編輯一起工作也能很好地工作。
  • 插件可用於添加新功能,無論是聯繫表格、捐贈插件,還是將您的網站變成課程的學習管理系統。

WordPress 中可用的儀表板略有不同。 您可以在邊欄中看到所有重要的鏈接,包括評論和頁面,以及其他插件和具有不同訪問級別的用戶。

設計工具

網流

網絡流程設計工具

Webflow 的 Designer 是一種可視化工具,可讓您掌控 JavaScript、HTML5 或 CSS3 代碼。 它是一個簡單的拖放構建器,因此您可以快速構建頁面、四處移動內容以及添加其他元素,如視頻、選項卡或滑塊。

設計器完全響應,因此您可以預覽各種設備的佈局並準確查看它們的顯示方式。 您還可以決定要使用的字體,它甚至可以讓您選擇全局色樣。

WordPress的

在 WordPress 中設計

WordPress 有自己的內置站點編輯器,最近已更新。 這是 Gutenberg Blocks 編輯器,可以輕而易舉地創建時尚、有條理和有吸引力的頁面。 您可以訪問 32 個強大的、可自定義的塊,包括標題、段落、圖庫、日曆、表單、網站類別等等。

只需選擇您想要的塊,將其拖動到您需要的位置,然後單擊以添加您的內容或使用側邊欄編輯其工作方式(例如更改列數)。 一個簡單的拖動圖標允許您在頁面周圍移動內容塊,以按照您喜歡的方式組織它們。

WordPress 的一大優點是它可以靈活地滿足您的工作方式。

無論是從頭開始開發自定義主題,還是能夠更直觀地工作——有點類似於您可以使用 Webflow 做的事情,但不受封閉源平台的限制。 所有這些選項都存在於 WordPress 生態系統中。

設計贏家——Webflow vs. WordPress

WordPress 在這一類別中擊敗了 Webflow。

不可忽視的是,Webflow 的學習曲線更容易一些,因為它是一個 SaaS 產品,他們已經更加簡化了他們的入職流程,而 WordPress 的體驗——因為它與 WordPress 一樣靈活和可擴展它是——給你更多的選擇。

WordPress 與 Webflow 設計

總的來說,有一些東西需要配置(即你有選項)這一事實我們認為對 WordPress 來說是積極的,但我們可以看到對於一些剛開始使用 WordPress 或在技術層面上不太舒服的人來說,它是如何可能有點不尋常。

內容管理系統

網流

網絡流內容管理系統

每個使用過 Webflow 的人,包括一些仍然因其簡單性而支持 Webflow 的人都承認他們非常不喜歡它的 CMS 功能。 他們發現它令人困惑、不直觀,而且非常局限,以至於無法愉快地更改內容。 除此之外,有很大比例的 Webflow 站點甚至使用單獨的 CMS 並將其博客託管在子域上,這本身就足以說明其內容管理系統的優點。

WordPress的

WordPress 內容管理系統

WordPress 內容管理功能確實是它的亮點所在。 世界上大多數最大的內容網站都依賴它作為後端(即使它們有時會在某個階段在無頭設置中使用它),因為它的 CMS 體驗是迄今為止最好的。

內容管理的贏家——Webflow vs. WordPress

受到世界上許多最成功的內容網站和新聞網站的信任,並被證明是擁有大型團隊的公司的絕佳解決方案 – WordPress 無疑是內容管理領域的贏家。

電子商務功能

網流

Webflow商務

Webflow 允許您通過創建默認產品系列將您的站點轉換為電子商務商店。 您可以添加產品、價格、圖像和描述。

它使您無需任何額外插件即可輕鬆管理您的商店。 雖然您確實不能全力以赴並使用 Webflow 創建自己的自定義模板,但有幾件事使其模板比其他 SaaS/託管電子商務平台更靈活。

第一個是在可視化編輯器中編輯任何預製模板的選項。 第二大優勢是他們的響應式網格系統:在模板中設計頁面時,他們會自動調整以適應不同的屏幕尺寸,而無需每次有人在他們的設備上查看網站時手動更改任何內容(這適用於手機等平台出色地)。

響應式設計是一種構建適應不同屏幕尺寸的網站的方法。 它允許所有設備使用一個代碼庫,因此您可以即時進行更改並實時查看它們。 Flow 和 Reorder 等功能使您無需每次都重建站點即可執行此操作 - 您可以僅在一個區域進行更改,然後查看它在所有設備上的外觀。

WordPress 電子商務(您有多種選擇!)

WooCommerce

WordPress 的一大優點是為您提供瞭如此多的選擇和控制權,在電子商務方面也是如此。

實現此目的最流行的方法是使用WooCommerce插件(實際上歸 Automattic 所有——擁有 WordPress 的同一家公司)。 這是一個很好的解決方案,但不是唯一解決方案。

話雖這麼說,正如您此時可能對 WordPress 所期望的那樣 - WordPress 的美妙之處在於您可以擴展它以按照您想要的方式運行,只添加您想要的電子商務功能,具體取決於您是什麼賣。

其他一些非常流行的 WordPress 電子商務插件包括Easy Digital Downloads(用於銷售數字商品) MemberPress(用於銷售基於訂閱的產品) BigCommerce(一個完整的電子商務平台)Shopify (不是插件,但通常是電子商務解決方案與 WooCommerce 相比,它可以直接連接到您的 WordPress 站點)

WooCommerce 是迄今為止最流行的電子商務解決方案,就傳統意義上的開設在線商店而言。 特別是打開了一個全新的可能性世界,從計算特定地區的稅收到定制產品展示,等等。 有可用的默認模板,或者您可以創建自己的模板。

儘管您可以使用 WordPress 構建任何類型的網站,包括電子商務商店,但有一些功能使其特別適合電子商務。

借助 WooCommerce(目前在其主頁上突出顯示),您確實可以準確地構建您想要的商店

靈活性當然是一大優勢。 WordPress 是一個內容管理系統 (CMS),可用於構建各種網站。 它的靈活性使您可以自由地創建您想要的任何類型的網站。

還有許多可用於 WordPress 的插件,允許您將其功能擴展到基本博客或靜態頁面之外。 您可以在網站上找到幾乎任何您想要的功能的插件——從聯繫表單、Google Analytics 集成和社交媒體按鈕到購物車和支付網關,如 Stripe 或 PayPal Express Checkout。

WordPress 還支持多種多媒體格式。 它可以處理大型文件和圖像,使您能夠構建基於圖像的電子商務網站,以驚人的細節展示您的產品。 WordPress 的多媒體功能使其成為許多在線企業的首選平台,包括那些銷售數字或實體產品的企業。

通過安裝 WPML 插件,您可以輕鬆地向您的站點添加多語言功能。 此插件可讓您將內容、菜單和小部件翻譯成多種語言。 它還允許客戶在他們的帳戶頁面上選擇他們的首選語言,這樣他們就可以以您添加到系統中的任何語言查看您的網站。

電子商務的贏家——Webflow vs. WordPress

值得讚揚的是,Webflow 確實提供了比大多數其他託管 SaaS 解決方案更好的電子商務體驗(在靈活性和頁面設計方面),而使用 WooCommerce,您確實可以構建您想要的商店

便於使用

網流

一旦您創建了您的 Webflow 帳戶,您就可以開始設計您的網站了。 一旦你註冊了你想要的網站類型,你就會被問到幾個問題,僅此而已。 您可以決定是否希望從空白畫布或自定義模板開始。 您可以從免費試用開始,這非常適合試用。

不過,這將受到限制,包括只能擁有 50 個 CMS 項目和一生最多 50 個表單提交。 您顯然需要升級到其中一個付費套餐(很可能是每月 23 英鎊或每月 39 美元的套餐——兩者均按年計費)。

CMS 功能非常簡單,您可以添加內容、圖像等。 然而,它感覺有點笨拙,而且它肯定可以通過一些 UI 改進來實現。

如前所述,完成後,您可以導出靜態代碼,也可以使用 Webflow 託管您的網站。

WordPress的

WordPress 簡單性

WordPress 在可用性方面確實很出色。 您可以管理站點每個頁面上的內容,根據需要進行任意數量的更改,並使用 CSS 完全控制排版、顏色或幾乎任何元素。

內容編輯器可以說是最好的,這反映在使用它的網站的絕對數量上。

易用性的贏家——Webflow vs. WordPress

在比較 Webflow 和 WordPress 的易用性時——很明顯這不是一個真正公平的比較。

使用 WordPress,體驗可以(如果您願意的話)非常類似於使用 Webflow 的可視化編輯器的視覺設計體驗。 只需安裝眾多可用的頁面構建插件之一(最著名的是 Elementor 和 Beaver Builder)。

但是,如果您是一位經驗豐富的開發人員並且希望構建自己的主題,並且只包含您絕對需要的功能(為了性能),那麼您就擁有了這種靈活性。 使用 Webflow,您基本上可以使用它們直接開箱即用的功能進行比賽,對於那些不熟悉網頁設計和圍繞如何構建網站的約定的人來說,這可能是一件壞事,因為它們最終設計可訪問性和設計非常差的網站是靈活性的副產品。

很難讓 Webflow 在易用性方面勝出。 儘管他們創建了一個非常快速上手的平台,但我們仍然認為 WordPress 總體上更易於使用,因為它迎合了不同的用戶配置文件(從設計師到開發人員),使其更適合大多數人和希望平台在未來幾年仍是不錯選擇的企業。

性能和可擴展性

WordPress速度慢得可怕的說法是 Webflow 和其他平台正在花費大量資金進行營銷。

網絡流量性能

在一些圈子裡——主要是那些與這些平台有關聯的人,在他們的合作夥伴計劃中,或者以其他方式從推動這種敘述中受益,它正在流行。 當然,事實是 WordPress 並不慢得可怕。

關於性能和可伸縮性之間差異的說明

在為您的網站提供卓越體驗的背景下:

  • 性能是頁面加載的速度。
  • 可伸縮性是您可以同時加載多少頁面。

這兩者都可以用 WordPress 來完成。

同樣,如果您使用 Webflow 並且不知道自己在做什麼 – 將十張 8 MB 照片上傳到您的頁面,您的網站會變慢,如果您不考慮性能而構建,WordPress 會變慢。

我們知道許多網站正因為這個原因而從 Webflow 遷移回 WordPress。 Webflow 讓您在性能方面做的很少,因此雖然您可以構建具有良好性能的站點,但您不能真正突破性能和可擴展性的任何限制。

與此同時,自網絡開始變慢以來,我們一直在努力突破界限並引領建設更快的網絡,這對 WordPress 來說是可能的……

主題和模板

網流

網絡流程模板

Webflow 中的主題被稱為模板,其中有很多(1,000 多個)。 其中大部分是通用的,但您也可以自定義它們或從頭開始為您的網站創建一個。 有付費和免費模板可供選擇。

WordPress的

WordPress主題

WordPress 有超過 31,000 個主題可供選擇,這甚至不是一場公平的競爭。 有很多免費選項,如果您支付額外費用,許多選項會提供附加功能。

您還可以聘請開發人員設計自定義主題或自己創建一個。 您可以從不同類別的主題中進行選擇,包括博客、投資組合、附屬網站、電子商務等。

模板贏家——Webflow vs. WordPress

值得讚揚的是,由於其模板系統的工作方式,大多數模板都非常相似,非常方便。 話雖如此,這似乎是 WordPress 正在通過全站點編輯來努力的方向。

而且,由於提供了多種選擇,而且您可以根據需要完全自定義內容——WordPress 實際上在實際能力方面仍然名列前茅(但是,正如對任何事物所期望的那樣,利用它是多麼容易這種能力取決於您使用 WordPress 的舒適程度)。

擴展或插件

網流

Webflow 集成

Webflow 有很多插件和集成,包括所有流行的應用程序,如 Shopify、Zapier、Ecwid 等。 目前它是一個不斷發展的圖書館,但它確實擁有您入門所需的一切。

WordPress的

WordPress插件

WordPress 插件目錄擁有超過 55,000 個插件。 如果有你能想到的功能,很可能有人也想到了它,並為它製作了一個插件。

提供付費和免費插件,為您的站點添加額外功能,從 SEO 工具到鏈接管理等等。 同樣,這不是一個公平的比較,因為 WordPress 在社區中非常受歡迎,以至於每隔幾天就會將新插件添加到其目錄中。

可擴展性的贏家——Webflow vs. WordPress

我們想像您已經看到了這一點,純粹是因為它是開源的,WordPress 是這裡的贏家。 它非常靈活,並且通過合適的技能(或與合適的人一起工作),您可以讓它完全按照您希望的方式為您的站點工作。

價錢

網流

網絡流量定價

基本的 Webflow 包可以免費使用,但附帶一個 webflow.io 域和僅 50 個 CMS 項目。 如果你想啟動一個網站,你需要支付 14 美元/月。 對於 CMS 功能,該價格躍升至每月 23 美元。

WordPress的

WordPress 是一個開源內容管理系統,完全免費使用。 您可以為您的站點下載 WordPress ,然後自行將其安裝在服務器上。

定價的贏家——Webflow vs. WordPress

正如本文開頭提到的,Webflow 的定價並不是特別明確。 一些企業客戶每年需要支付 65,000 美元以上的費用。 無論您網站的規模如何,考慮成本效益時,WordPress 都是簡單的選擇。 特別是如果您想要一個完美的平台來從小處著手並隨著時間的推移與您一起成長。

我們的結論——您應該選擇哪一個?

如果您需要一個可定制且高度模塊化的可行平台,那麼使用 WordPress 絕對不會出錯。 Webflow 提供了一個很好的替代方案,因為它易於使用,但它在很多方面無法與 WordPress 相提並論。 更不用說在採用、社區和靈活性方面了。 雖然它可能對那些想要快速獲得一些東西的人有用,但就未來幾年仍然非常適合的解決方案而言 - 根本無法與 WordPress 相提並論。 這就是為什麼這麼多世界頂級公司都依賴 WordPress 建立自己的網站,包括索尼、CNN、時代雜誌、迪士尼、Spotify、微軟、白宮和紐約郵報(以及許多其他公司)。

對經驗上更快的託管託管感興趣? 試試我們的WordPress 託管方法

  • 可擴展性:在真實用戶工作負載測試中,Servebolt 的平均響應時間為 65 毫秒,比第二名快 4.9 倍。
  • 最快的全球加載時間: 1.26 秒的平均頁面加載時間使我們在全球 WebPageTest 結果列表中名列前茅。
  • 最快的計算速度: Servebolt服務器提供前所未有的數據庫速度,每秒處理的查詢數是平均水平的2.44倍,運行PHP的速度是第二名的2.6倍!

完美的安全性和正常運行時間:所有監視器的正常運行時間均為 100%,並且我們的 SSL 實施獲得 A+ 評級,您可以放心您的網站在線且安全。