2024年建構WordPress網站:完整步驟與免費工具推薦

為什麼選擇WordPress建構個人網站?

2024年建構WordPress網站:完整步驟與免費工具推薦

在2024年數碼行銷的世界裡,擁有一個個人網站是建立個人品牌的關鍵,更是可以幫你跳離不斷追趕社交媒體演算法不斷變遷的必要元素。

我會分享我如何在兩週內從零開始建構一個WordPress網站,而當中亦只需利用一些免費工具和WordPress Plugins(WordPress插件),你也可以輕鬆達成,你更可以在你的電腦上先建構好WordPress網站,當一切合乎心水後先去投入資金購買Domain及Hosting,現在一齊開始打造你的第一個個人網站!

重點

  • 省錢大法:使用Local建立本地環境
  • 簡介Elementor網頁UI介面編輯器
  • 免費好用的WordPress Plugins
  • 重度設置SEO:建議使用Yoast SEO、Permalink Manager Lite等插件
  • 從本地環境設置到網站上線的完整過程

詳細步驟

第一步:網站建構前的準備工作

建構一個網站如同經營一門生意,不僅僅是有錢就能解決的事。如果網站的結構和規格未定好就先購買域名和主機,只會浪費金錢。最合乎成本效益的方法是先在本地架設WordPress網站,定好主題和寫好幾篇內容後,再去購買Domain(域名)及Hosting(網頁主機)。

第二步:如何設置本地環境

我選擇使用Local WP,它可以在Window或Mac上運行,幫助你在本地硬盤上建構虛擬的hosting server,從而安裝WordPress並進行測試。你可以前往Local的官方網站下載免費版軟件,跟隨指示安裝並設置網站名稱,然後開始安裝WordPress。

為什麼選擇本地架設:

  1. 節省金錢:在網站構建的初期階段,使用本地環境可以減少購買域名和網頁主機的支出。當你確定網站的結構和內容後,再進行購買,以避免不必要的浪費。
  2. 節省時間:本地環境設置簡單且快速,無需等待域名設定時間(指修改nameserver所需時間)和Hosting設置(指設定Hosting server 安裝WordPress的時間)。
  3. 新手友好:Local軟件操作簡單,適合剛開始學習網站建構的新手。你可以在本地環境中自由嘗試不同的設計和功能,以及生成多個本地WordPress網站作Staging或測試用途,無需擔心影響到線上網站。
  1. 節省金錢:在網站構建的初期階段,使用本地環境可以減少購買域名和網頁主機的支出。當你確定網站的結構和內容後,再進行購買,以避免不必要的浪費。
  2. 節省時間:本地環境設置簡單且快速,無需等待域名設定時間(指修改nameserver所需時間)和Hosting設置(指設定Hosting server 安裝WordPress的時間)。

第三步:選擇最佳的WordPress編輯器

在網站設計方面,我篩選了幾個網頁UI介面編輯器,包括ElementorGutenberg。考慮的因素主要有兩個:

  1. 能否快速生成部落格內容;以及
  2. 是否易於製作美觀的佈局。

我發現Elementor的介面非常實用,加上有計多第三方功能插件進一步基於免費版的Elementor上作出進一步強化,令其功能變得更為強大(甚至不需要用上 Elementor Pro!)。此外,我也使用了Classic Editor來豐富我修改文章的選項。

第四步:如何設定網站主題

此次設計我沒有使用Elementor的新AI功能,而是希望自己摸索工具,從中學習UI設計技巧。我選擇使用Elementor提供的「Hello」主題,首先在Global Setting中設置網站主色調、文字排版、行距等,接著設計菜單和首頁佈局。設定好以上內容後,便需要考慮成立個人網站的主要目標(Core Objective)。

第五步:推薦的WordPress插件

我成立個人網站的主要目的是為了增加MarTech教室的YouTube影片曝光率,希望可以吸納到在各大搜尋器中的長尾關鍵字搜尋用戶。為了提升網站的SEO效果和網站功能,我使用了以下幾個WordPress插件:

Yoast SEO

  • Yoast SEO是一款功能強大的SEO插件,它可以幫助你優化網站的搜索引擎排名。通過使用Yoast SEO,你可以輕鬆設置meta標題和描述,生成XML網站地圖,並分析內容的可讀性和關鍵字密度。Yoast SEO還提供了一個SEO評分系統,幫助你識別和改進網站的SEO問題。
  • Yoast SEO安裝連結
  • 只要按照教程一步步設置,確保網站可以被Google索引。特別要注意的是設置Google Search Console、製作robots.txt和sitemap.xml,這些都可以通過Yoast SEO來完成。

Permalink Manager Lite

  • Permalink Manager Lite是一款用於自定義URL結構的插件。它允許你根據需要修改文章和頁面的永久鏈接,有助於提高網站的SEO效果和用戶體驗。你可以輕鬆地刪除不必要的URL片段,使鏈接更加簡潔和易於記憶。
  • Permalink Manager Lite安裝連結

Broken Link Checker

  • Broken Link Checker是一款用於檢查網站死鏈接的插件。死鏈接會影響用戶體驗和SEO排名,因此定期檢查和修復死鏈接是非常重要的。這個插件可以自動掃描你的網站,並在發現死鏈接時提醒你進行修復。
  • Broken Link Checker安裝連結
  • Broken Link Checker會在WordPress儀表板上顯示所有的死鏈接,讓你可以快速修復,確保網站的鏈接都是有效的。

UpdraftPlus

  • UpdraftPlus是一款功能強大的備份插件,它可以幫助你定期備份網站數據,並將備份文件保存到雲端存儲服務,如Google Drive、Dropbox等。這樣,即使網站出現問題,你也可以快速恢復數據,避免數據丟失。
  • UpdraftPlus安裝連結
  • 設置定時備份計劃,選擇適合的雲端存儲服務,確保網站數據的安全性。

Easy Table of Contents

  • Easy Table of Contents是一款用於自動生成目錄的插件。它可以根據文章中的標題層級自動生成目錄,提高文章的可讀性和導航性。這對於長篇文章特別有用,可以讓讀者快速找到他們感興趣的部分。
  • Easy Table of Contents安裝連結
  • 只需在文章中添加簡單的代碼,插件就會自動生成目錄,並根據標題層級進行排列。

SiteGround Security Optimizer

  • SiteGround的Security Optimizer插件可以幫助你提升網站的安全性。它提供了一系列安全設置,包括防火牆、防DDoS攻擊、惡意軟件掃描等,確保你的網站免受各種網絡威脅。
  • SiteGround Security Optimizer官方網站
  • 按照插件提供的安全建議進行設置,提升網站的整體安全性。

SiteGround Speed Optimizer

  • SiteGround的Speed Optimizer插件可以幫助你提升網站的加載速度。它提供了一系列優化選項,包括圖片壓縮、瀏覽器緩存、代碼優化等,確保你的網站在各種設備上的加載速度都是最快的。
  • SiteGround Speed Optimizer官方網站
  • 按照插件提供的優化建議進行設置,提升網站的加載速度和用戶體驗。

Google Analytics for WordPress by MonsterInsights

  • MonsterInsights是一款功能強大的Google Analytics插件,它可以幫助你在WordPress網站上輕鬆集成Google Analytics,並提供詳細的流量分析數據。你可以通過這個插件了解網站的訪問量、用戶行為、流量來源等,幫助你更好地優化網站。
  • MonsterInsights安裝連結
  • 按照插件提供的教程進行設置,確保Google Analytics數據能夠正確收集和顯示。

第六步:快速生成SEO文章的建議

寫作方面,借助ChatGPT,我可以快速將YouTube內容轉化為文字,並生成相關的部落格文章、SEO關鍵字列表和meta descriptions。記得在每次生成的文章後親自修改,以確保內容的質素是合乎你的要求。

第七步:網站備份與遷移指南

當所有準備工作完成後,便可以購買域名和網頁主機。我建議使用GoDaddy購買域名,因為他們提供多種優惠和促銷活動,而且介面易用,客服Email回覆都得快速到位。但記住,購買時不要選擇太長的註冊期,以便在優惠到期後可以靈活更換供應商或享受新的促銷活動,為自己保留更大彈性空間。

接著,建議使用SiteGround購買Web Hosting網頁主機,他們提供高效可靠的網頁主機服務,並且有多種優惠方案。購買時同樣建議不要選擇太長的註冊期,以便靈活應對未來的需求變化和優惠活動。

我們先在本地網站使用UpdraftPlus進行備份,然後在SiteGround上安裝新的WordPress網站,再次安裝UpdraftPlus插件,並上傳備份檔案。

備份與遷移步驟:

  1. 在本地網站進行備份:使用UpdraftPlus插件進行完整備份,確保所有數據和設置都已保存。
  2. 購買域名和網頁主機:前往GoDaddy購買域名,並選擇合適的註冊期。接著,前往SiteGround購買網頁主機,並選擇合適的計劃。
  3. 安裝WordPress:在SiteGround網頁主機上安裝新的WordPress網站。
  4. 上傳備份檔案:在新的WordPress網站上安裝UpdraftPlus插件,並上傳之前在本地網站進行的備份檔案,恢復所有數據和設置。

最後建議

經歷了兩週、每天大約3-4個小時的努力,我終於完成了我的個人部落格網站。如果你也有興趣建立自己的品牌,不妨試試親手打造一個網站。這個過程不僅能學到很多知識,最重要的是你會擁有一個屬於自己的網站。

希望今天的分享對你有幫,立即跟從以上步驟一步一步打造你的個人網站!

有用連結

Ryan Sham portrait in Circle

Ryan Sham

我會分享親身測試過和實際使用過的的 Martech 知識和技巧,希望可以幫到正在觀看這個網站的你。

技巧將會適用於各類型Marketer或者是公司的管理人員,我的最終目標是為大家構建高效的工作方法!幫助你將時間重心放在工作以外更加值得你去關注的事情之上,一起找回「生活」而不只是為了「生存」。

立即關注