為什麼要捨棄 WordPress 改使用 Webflow 建構線上教學網站

為什麼要捨棄 WordPress 改使用 Webflow 建構線上教學網站

Master the Handpan 是一所在線音樂學校,最初是使用 WordPress 和 Teachable 創建的。今天,整個營銷網站都是在 Webflow 中構建和託管的。

Master the Handpan是一個致力於向個人傳授在 Handpan 上演奏優美音樂所需的技能的網站。擁有 3,000 多名快樂的學生,將他們的舊網站遷移到 Webflow 是一件大事。在這篇文章中,我們將回顧那種體驗。

掌握handpand主頁

您遇到的哪些挑戰使 Webflow 成為這個在線音樂課程網站的一個有吸引力的選擇?

Master the Handpan 託管在 Teachable 上,它創建了一系列單獨的登錄頁面和一個非常有限的框架。他的每門課程之間沒有明確的聯繫,也沒有基於模板的頁面工作方式。

我知道 Webflow 將提供我需要的設計自由,而不受技術限制——並產生一個交互式、全面、易於導航的網站。

由於我客戶的音樂網站營銷策略主要基於內容營銷,我知道 Webflow CMS Collections 的靈活性將使我能夠滿足客戶的任何自定義請求。

使用 Webflow 有什麼好處?

很多! 

首先,令人著迷的是,我設計和交付他們的網站的速度之快——只用了幾週時間。Designer是_一個_非常棒的工具——你的想像力真的是極限。交互也非常強大且易於實現。我使用CMS立即創建和交叉引用自定義集合。結果過濾器具有數據驅動網站所需的精度。

擁有一個可以解決安全問題的可靠託管解決方案真是一種解脫。我很高興不再為無休止的更新和安全考慮負責。知道 Webflow 正在處理我客戶的網站,我可以專注於我的工作。

您是否考慮過另一種構建此站點的方法?

WordPress。但是我不想擁有一個基於模板的網站,而且 WordPress 框架對我來說不是正確的解決方案。

您談到了能夠輕鬆集成第三方應用程序 - 告訴我們更多關於為什麼這很重要?

帶有 webflow 的第三方應用程序

客戶體驗輪(見 No Code Conf 2019)

我在這個網站上大量使用第三方應用程序:Zapier、ConvertKit、Deadline Funnel、Proof、Crisp、OneSignal、Embed Social 等。我最大的擔憂之一是集成的限制,但 Webflow 證明我錯了。不僅有可能,而且很容易。 

例如,我使用 Webflow 表單讓學生參加 Teachable(使用 Zapier)的試用課程,並收集作為項目自動添加到 CMS 集合中的表單條目。Convertkit 的電子郵件觸發鏈接直接鏈接到 CMS 項目以顯示自定義確認消息。 

無論您是想推廣課程、吸引網站上的客戶還是跟踪銷售,我認為 Webflow 沒有任何限制。

告訴我們如何將客戶的博客從 WordPress 遷移到 Webflow?

最初的想法是在 Webflow 上創建網站,但將博客保留在 WordPress 上。

我客戶的流量主要來自博客——我擔心遷移會對他們的 SEO 產生負面影響。因為它是一個雙語網站,所以我使用 WPML 作為翻譯插件。我不想失去這個功能。

長話短說,該博客開始出現很大的性能問題。 

我花了無數個小時優化速度。我嘗試了 Cloudflare 之類的解決方案,將高級應用程序移動到緩存文件,以及優化源代碼。我升級了託管計劃,甚至讓專家審核了網站,以幫助我們了解出了什麼問題。 

原來是模板有問題,但我們不確定它會在多大程度上影響性能。這加速了博客向 Webflow 的遷移。 

我希望我早點完成!從頭到尾都很順利,有很多意想不到的價值。 

由於 CMS 集合、過濾和條件可見性的多功能性,我找到了一種保持博客雙語的非常簡單的方法——所有這些都在短時間內實現。CSV 導入功能使將所有文章導入和映射到新博客變得輕鬆。我對博客的設計和結構也有更多的控制權。過濾、排序和使用類別和標籤使得控制整體導航變得如此容易。

該網站的性能和速度級別的結果是驚人的。

從 SEO 的角度來看,我發現進行頁面優化非常容易。Webflow 的設置使細粒度工作變得非常容易。諸如元標籤、模式和開放圖之類的東西讓我可以控制博客,從而改善了 SEO。

blank

在遷移的一周內,Google 搜索控制台的展示次數、點擊次數和總體流量的性能發生了巨大變化(見下圖)。

我們不僅沒有丟失任何鏈接汁(多虧了 301 重定向),而且我們在 Google 上_獲得了_印象——許多關鍵字的 SERP 現在要高得多。

wordpress 到 webflow seo

從 WordPress 遷移可能意味著放棄一些有趣的功能或插件(如評論),但其中大多數都有很好的選擇(如 Disqus)。當我想到我在 Webflow 上獲得的靈活性、控制力和性能時,這是不言而喻的。

你是如何說服你的客戶採取這一行動的?

我的客戶很棒,我們有很多相互信任,這對我很有幫助。  

儘管他們很緊張(甚至可能懷疑),但積極的初步結果使他們更願意一路走下去並遷移博客。

但我認為最終有兩個因素使決定變得更容易:

  1. 一旦以一種合乎邏輯的、無縫的方式相互連接,Webflow 就可以更容易地將他們的課程集成(即推廣)到博客中。網站設計和框架不再具有破壞性,整個網站得到整合。
  2. 切換到 Webflow 還意味著我的客戶不需要購買/更新任何高級插件來保持 WordPress 的安全、備份、更新和優化。_或者_投資人來處理這些細節!

您是否從使用 Webflow 中獲得了任何意想不到的價值?

看到直接從 Webflow 在 Teachable 上創建鏡像主頁是多麼容易,真是令人驚訝。

只需複制粘貼整個主頁源代碼(進行一些小的更改,例如避免重複內容和使用絕對 URL 的規範標籤),我就能夠在 Teachable 上生成一個功能齊全的主頁。

需要 Webflow 的諮詢或導入服務?

Webflow 專家服務

blank

關於在 Webflow 中構建這個站點,您有什麼學到的東西可以用於您的下一個項目嗎?

我已經確信 Webflow 是 WordPress 的更好替代品——而且我有一個經過驗證的案例來支持它。

我會更加大膽,毫不猶豫地將任何類型的項目從任何平台遷移到 Webflow。