WordPress.com (免費版) 搬家到 WordPress.org (Cloudways)

如果你也在考慮把網站從 WordPress.com (免費版) 搬家到 WordPress.org,在這篇筆記中,我會和你分享把網站搬到高速的 Cloudways 主機,和在 Namecheap 購買專屬的域名的完整方法與流程。v1
如果你偏好用影片學習,歡迎觀看下面的 YouTube 影片。
如果你喜歡透過圖文學習,請繼續往下閱讀吧!
圖文筆記會比較詳細、方便快速瀏覽,還會持續更新與補充內容。
當你要開始架設網站時,可能會考慮使用 WordPress 架設網站。
這時候你有發現 WordPress 其實分為 WordPress.com 與 WordPress.org 2 種嗎?

很多人直接用 Google 找到的第一個結果 – WordPress.com 開始架站。
結果後來才發現,原來大家平常說的 WordPress,大多指的是用 WordPress.org 架站!
👉 延伸閱讀: WordPress.org 和 WordPress.com 比較

用 WordPress.com 架站的確很簡單,後台預設直接顯示中文,不用另外設定。
對新手來說非常友善,也真的可以免費架設網站。

但是,問題也不少,像是免費佈景主題選擇不多、頁面上會出現 WordPress.com 的廣告等等。


如果想幫網站安裝外掛,每個月還得再付$799 元以上升級才行!

如果你現在的網站內容還不多,我會建議你趁早搬到 WordPress.org。
用 WordPress.org 架站,你才能擁有 100% 的網站控制權,對長期經營網站更有利!

以前我自己搬家時也很緊張,很害怕會不會操作不當,導致搬家失敗?會不會不小心把網站弄壞?
不用擔心,這些心情我都經歷過!
所以我把網站搬家的過程完整記錄下來,只要跟著我一步步操作,你也可以順利搬家。

WordPress.com→WordPress.org 搬家方法
為什麼該從 WordPress.com 搬到 WordPress.org?
原因 1:擁有完整的網站控制權。
在 WordPress.com 或是 WordPress.org 架設網站,就像是租房子跟買地自建的差別。
如果用 WordPress.com 架站,網站基本功能都已經幫你準備好,我們只要輸出內容就好。
但如果想修改佈景主題或加裝外掛,就有諸多限制。
萬一 WordPress.com 這家公司停止營運,你的網站還可能會直接消失。
就好像是租房子一樣,房東已經做好裝潢,你只要提一個皮箱就能入住。
但如果想要改造空間,會被限制不能鑽牆壁、不能換家具等等。
甚至,房東還可能突然不租了!

相反地,用 WordPress.org 架站就沒有這個問題!
我們會透過第三方廠商租用主機、購買域名,然後,利用 WordPress.org 提供的免費 WordPress 軟體架設網站,網站想要怎麼設計都可以。
就像買一塊地自己蓋房子,想蓋透天厝或摩天大樓都隨你開心!
也就是說,你的網站就是你的個人資產,你擁有完整的控制權。

原因 2:專屬域名能保持 SEO 成效。
免費版 WordPress.com 網站只能使用「wordpress.com」下的子域名,使用子域名的缺點就是「累積的 SEO 權重不屬於你」。
而使用 WordPress.org 架設網站,我們只需要購買域名並持續持有,未來不管網站搬到哪家主機,網站權重都會保留,Google 排名也不會受到影響。
同時,專屬域名有助於加深訪客對網站的印象,提升品牌感。

原因 3:節省網站經營成本。
如果想在 WordPress.com 使用漂亮的佈景主題,或是安裝外掛擴充網站功能,就必須升級到每個月 $799 台幣的商用版或是更高階的方案。

但用 WordPress.org 架站,費用就彈性多了。
你只需要支付主機租用費和域名註冊費,主機還可以依照網站需求,有好幾種等級可以選擇,WordPress 軟體本身是完全免費的!

以這部影片中推薦的方案來說,主機 + 域名費用平均每個月最便宜大約只要 $373 元。
使用 諾特斯觀眾專屬優惠 的話,第一年的主機還能更便宜。
第一年主機 + 域名費用平均每個月最便宜大約只要 $356 元,就可以用實惠的價格自由地使用 1 萬多種佈景主題和 6 萬多種外掛。
整體而言,用 WordPress.org 架設網站,才是最省錢、彈性最大的方式。
所以,如果你有長期經營網站的計畫,我會建議,越早把網站搬到 WordPress.org 越好!

網站搬家要花多少時間?
這次示範的 WordPress.com 免費版網站搬家過程,花了約 3 天的時間。
其實,大部分時間都是在等網站的 DNS 設定生效 ,實際需要操作的部分,在 30 分鐘內就能搞定。

網站搬家後的費用是多少?
搬家過程中,我會帶你用 WordPress 內建的免費功能「匯出與匯入內容」來完成網站內容的轉移,所以搬家費用是 0 元。
不過,使用 WordPress.org 架設網站,還是需要自行租用主機和購買域名,這是無法避免的成本。
主機的價格會根據你選擇的規格有所不同;而域名的費用,則會因為域名的種類 (例如 .com、.net、.blog 等等) 而有所差異。

這次我選擇搬家到 Cloudways,是因為它是管理型雲端主機,在設定上很方便,而且網站速度真的比較快。
✏️ 管理型雲端主機是什麼?
管理型雲端主機提供專用資源、使用彈性和可擴展性,適合已有穩定流量的網站。
Cloudways 是一款管理型雲端主機平台 (Managed Cloud Hosting),提供雲端主機的代管服務,所以透過 Cloudways 租用主機,能讓我們專注網站的內容和發展,不必擔心主機方面的技術細節。
好的網站體驗核心指標,有機會提升 SEO 排名。
✏️ 網站體驗核心指標是什麼?
網站體驗核心指標 (Core Web Vitals) 包括 LCP (載入速度)、FID (互動反應速度) 和 CLS (畫面穩定性),這些指標已被 Google 納入網站排名因素。
因此,如果我們的網站提供快速且穩定的使用者體驗,將有助於提升排名。
在註冊時使用諾特斯觀眾專屬優惠,輸入折扣碼「NOTES」,前 3 個月主機費用能享有 7 折優惠!

域名的部分,我則是在 Namecheap 購買。
Namecheap 的域名價格就像它的名字一樣,真的很 Cheap (便宜),除了划算的價格,它還提供永久免費的「域名隱私保護」,這點很加分。

此外,如果網站搬家後,想把原本 WordPress.com 的網站流量引導到新網站,可以另外付費啟用網址重新導向功能,這項服務每年需要支付 $416 台幣。
如果你按照這篇筆記的建議選購,第一年的花費大約是 $4,274 台幣;之後每年大約是 $4,469 台幣。
主機 | 域名 | 重新導向功能 | 每年總費用 | 平均每月費用 | |
---|---|---|---|---|---|
第 1 年 | 每年 $122.1 美金 (約 $3,663 台幣) | 每年 $6.49 美金 (約 $195 台幣) | 每年 $416 台幣 | $4,274 台幣 | $356 台幣 |
第 2 年起 | 每年 $132 美金 (約 $3,960 台幣) | 每年 $16.98 美金 (約 $509 台幣) | (可取消) | $4,469 台幣 | $373 台幣 |
備註:
台幣價格是用美金兌台幣匯率 30 來估算。不過,因為匯率會隨時間浮動,實際的台幣價格還是要看交易時的匯率喔。
如果網站要在 WordPress.com 享受差不多規格的服務,就需要升級到商用版以上的方案,每年至少要花費 $9,588 台幣。
從長期經營的角度來看,把網站搬到 WordPress.org 不僅更划算,還能享受更多彈性和自由。
所以,我很推薦大家這麼做!

WordPress.com 免費版網站搬家流程
在這篇筆記,我們要把原本使用 WordPress.com 免費版的網站搬到 Cloudways 主機,並在 Namecheap 購買屬於自己的域名。
搬家前 | 搬家後 | |
---|---|---|
主機 | WordPress.com (免費版) | Cloudways |
域名 | WordPress.com 免費子域名 | Namecheap |
當然,你不一定要跟我選擇一樣的主機商或域名商,但後續的操作介面可能會不太一樣。
建議可以跟著我的步驟操作,這樣更容易上手。
第 1 步,搬主機,也就是從 WordPress.com 匯出舊網站的內容,再匯入到 Cloudways 主機的臨時網站,並調整網站設計。
第 2 步,到 Namecheap 註冊屬於自己的新域名。
第 3 步,進行 DNS 設定,也就是把 Namecheap 的域名跟 Cloudways 主機連結起來。
第 4 步,幫網站安裝 SSL 憑證,確保網站的安全性。
第 5 步,使用 Go Live Update Urls 外掛,把網站內部連結重新連結好。
第 6 步,在 WordPress.com 設定域名重新導向,把舊網站的流量轉往 Cloudways 主機的新網站。
這樣搬家也就完成了。

1. 從 WordPress.com 搬家到 Cloudways 主機
(1) 創建 Cloudways 帳戶
要搬家到 Cloudways 主機,就要先創建一個 Cloudways 帳戶。
點擊下方連結,進入 Cloudways 官方網站。
Cloudways 主機提供 3 天免費試用,你可以先免費註冊一個帳戶。
等網站內容搬家完成,試用過,確定主機的性能滿意,再設定付款資料。

第 1 步
點擊右上角的「Start Free」(免費開始)。

第 2 步
你可以選擇使用第三方帳號登入,或在 Cloudways 註冊帳戶。
這次我就示範註冊一個全新 Cloudways 帳戶,輸入名字、姓氏、Email 以及要設定的密碼。
✏️ 小筆記
姓名可以利用 姓名中翻英工具 填寫

第 3 步
「我最適合描述為」要依照要搬家的網站是什麼類型來選擇:
- Digital Agency (數位代理商)
- Ecommerce (電子商務)
- Other Businesses (其他業務)
- Blogger (部落客)
- Freelance Developer/Designer (自由開發者/設計師)
這次我要搬家的網站是旅遊部落格,因此我選擇「Blogger」(部落客)。

第 4 步
「我的每月託管支出為」依照個人預算選擇,我是選擇最少的「$0 – $50 (USD)」(0 到 50 美金)。

第 5 步
點擊「I have a promo code」(我有折扣碼)。

第 6 步
輸入諾特斯觀眾專屬折扣碼「NOTES」。
✏️ 諾特斯觀眾專屬折扣碼
輸入諾特斯觀眾專屬折扣碼「NOTES」,可以享受前 3 個月 7 折的優惠。
折扣碼事後不能補寫,請記得在這個步驟填寫!

第 7 步
勾選同意條款後,點擊「Sign up」(註冊)。

第 8 步
進行帳戶驗證,首先要驗證 Email。

到 Email 信箱,找到 Cloudways 寄的驗證信。

第 9 步
點擊 Email 裡的「Login & Activate」(登入並啟用)。

第 10 步
再來要驗證電話號碼。
輸入手機號碼,按下「Send SMS」 (發送簡訊)。
✏️ 電話號碼填寫範例
台灣手機號碼:0987654321
改成國際手機號碼:+886 987654321 (去掉手機號碼的第一個 0)

第 11 步
收到簡訊後,輸入簡訊驗證碼,然後按「Verify」(驗證)。

如果你有遇到收不到簡訊、無法驗證的問題,我有將解決方法整理成筆記,你可以點擊下方連結前往。
(2) 在 Cloudways 主機安裝 WordPress
完成驗證步驟後,跳轉到選擇主機的畫面。

第 1 步
設定 Application and Server Details (應用程式與伺服器詳細資訊) 。
Application (應用程式),指的是架設網站的軟體,也就是 WordPress 軟體﹔而 Server (伺服器) 指的則是主機。
以下 4 個項目都可以保持預設就好:
- WordPress
- Application Name (應用程式名稱)
- Server Name (主機名稱)
- Project Name (專案名稱)
✏️ 小筆記
「Server」最精準的翻譯是「伺服器」,但為了讓大家更容易理解,在這篇筆記裡,我都會把 Server 翻譯為「主機」。

第 2 步
挑選主機商,目前 Cloudways 提供了 5 款不同的雲端主機:
- DigitalOcean
- Vultr
- Linode
- Amazon Web Services (AWS)
- Google Cloud Platform (GCP)
✏️ Cloudways 幫我們代管主機?
Cloudways 是一款管理型雲端主機平台 (Managed Cloud Hosting),提供雲端主機的代管服務, 讓 Cloudways 來管理我們租用的主機。
所以透過 Cloudways 租用主機,就能讓我們專注網站的內容和發展,不必擔心主機方面的技術細節。
我推薦選擇 DigitalOcean 主機,因為經過我的實測,它是同價位的主機中速度最快的。

第 3 步
「Server Size」(主機大小) 我會建議維持預設的「2 GB Premium」,或者選最便宜的「1 GB」。
要怎麼選擇,可以先想想你的網站未來規劃。
如果你打算安裝一些像網頁設計、電子商務、備份、多語系等等這些比較吃效能的外掛,而且數量預計會超過 15 個,那就建議直接選「2 GB Premium」方案。
✏️ 外掛數量參考基準
15 個 WordPress 外掛只是一個簡易的參考基準,實際該選擇哪個方案, 還是要取決於具體的網站流量、每個外掛的資源需求等等因素。
依照我的經驗,大概安裝到 17 個外掛就會感覺比較卡頓,這時就可以考慮從 1GB 再升級到更高階的方案!

當然,你也可以先選擇 1 GB 方案,之後有升級的需求,隨時都能在 Cloudways 後台升級。
✏️ Cloudways 方案規格
此處的「1 GB」、「2 GB Premium」是指 RAM (記憶體) 的大小。
以下是重點規格比較:
1 GB
- 記憶體:1 GB
- 儲存空間:25 GB
2 GB Premium
- 記憶體:2 GB
- 儲存空間:50 GB
那這次示範我就先選擇 DigitalOcean 主機的 1 GB 方案,費用是每月 $11 美金 (約 $330 台幣)。

第 4 步
「Location」(主機位置) 要選離網站主要客群最近的地方。
✏️ 為什麼主機位置要選離網站主要客群最近的?
因為主機位置離網站訪客越近,資料傳輸的延遲會越小,可以讓網站加載速度更快。
如此一來,訪客在瀏覽網站時會有更好的體驗。

以我所在的地區 (台灣) 為例,最近的地點選項是「新加坡」,所以主機位置我們就選擇「Singapore」。

第 5 步
確認價格,點擊「Launch Now」(立即啟動)。

接下來,Cloudways 主機就會自動安裝 WordPress 軟體。

第 6 步
等到主機準備完成之後,就可以點擊「Your Server」(你的主機) 右邊的「地球」圖示。- 圖片標註 ➀
點擊「Your Application」(你的應用程式)。- 圖片標註 ➁

第 7 步
在 Application URL (應用程式 URL) 會看到 Cloudways 提供給我們的臨時域名,會像是:wordpress-139XXXX-518XXXX.cloudwaysapps.com 。
點擊「開啟新分頁」就可以看到臨時網站了。


(3) 從 WordPress.com 匯出內容
接下來,我們要先回到 WordPress.com 後台,把舊網站的內容匯出。
第 1 步
選擇左側欄位的「工具」、「匯出」。

第 2 步
點擊「完整匯出」。

第 3 步
點擊「下載」。

第 4 步
把下載到的 zip 檔解壓縮。
打開資料夾,會得到 1 個 xml 檔,接下來我們就是要把這個 xml 檔匯入臨時網站。

不過,Cloudways 主機有一個限制,預設上傳檔案大小,如果你的網站內容比較多,匯出的 xml 檔大小有可能會超出限制。
別擔心,我也提供兩個解決方案給大家:
方法 1:分批匯出內容
在「匯出內容」的時候,選擇「向下箭頭」圖示。

選擇特定內容,只匯出文章或頁面,或者按照發佈日期分批匯出。

點擊「匯出已選取的內容」下載檔案。

方法 2:請 Cloudways 客服調高上傳限制
在 Cloudways 後台點擊右側的「Need a hand?」(需要幫忙嗎?)
請真人客服幫忙把檔案限制大小暫時調高,接下來到臨時網站匯入內容時,才不會因為檔案過大而出錯

以上 2 種辦法,都可以讓規模比較大的網站順利搬家。
(4) 在 WordPress.org 匯入內容
[1] 登入 WordPress 後台
第 1 步
在臨時網站的網址後方輸入「/wp-admin」,再按「Enter」。
快捷鍵:輸入
Windows / Mac 系統:Enter

進入 WordPress 後台登入介面。

第 2 步
到 Cloudways 後台,找到「Admin Panel」(管理員面板)。複製「Username」(使用者名稱)。

第 3 步
貼到 WordPress 後台的「Username or Email Address」(使用者名稱或電子郵件地址)。
快捷鍵:貼上
Windows 系統:Ctrl + V
MAC 系統:Cmd + V

第 4 步
「Password」(密碼) 則是複製管理員面板的「Password」(密碼)。

第 5 步
貼到 WordPress 後台登入介面的「密碼」欄位,再點擊「Log In」(登入)。

[2] 匯入內容前置作業
第 1 步
進入 WordPress 後台,先點擊左側欄位的「Settings」(設定)、「General」 (一般)。

第 2 步
找到「Site Language」(網站語言),點開選單,選擇「繁體中文」

第 3 步
點擊「Save Changes」(儲存變更)。

介面變成中文,操作就更直覺方便了。

第 4 步
因為匯入舊網站內容時,實際上只有文章跟頁面的內容會被遷移過來,所以我們需要先手動修改網站標題和網站說明。
✏️ 網站說明 = 網站標語
在 WordPress.org 一般設定裡「網站說明」,在 WordPress.com 的後台被寫作「網站標語」。 這兩者其實是同個項目,都是用來說明網站的內容,會顯示在搜尋結果和瀏覽器的標籤頁中。

第 5 步
填好後,點擊頁面最下方的「儲存設定」。

第 6 步
我要先把預設的文章跟頁面清空,這樣把舊網站的文章匯入後, 才不會混在一起。
選擇左側欄位的「文章」。

第 7 步
把預設文章「移至回收桶」。

第 8 步
選擇左側欄位的「頁面」。

第 9 步
「全選」頁面。

第 10 步
「批次操作」選擇「移至回收桶」。

第 11 步
點擊「套用」刪除頁面。

[3] 匯入 WordPress 內容
第 1 步
選擇左側欄位的「工具」、「匯入程式」。

第 2 步
點擊 WordPress 底下的「立即安裝」。

第 3 步
等安裝完,點擊「執行匯入程式」。

第 4 步
將 xml 檔拖曳進來。

第 5 步
點擊「上傳檔案並匯入」。

第 6 步
「指派文章給現有使用者」選擇指定的使用者名稱。

第 7 步
下載並匯入檔案附件「打勾」。

第 8 步
點擊「送出」。

接下來就是耐心等待舊網站內容匯入。

那如果你是 分批匯出多個內容,接下來只要重複「執行匯入程式」的步驟,把 xml 檔一個一個匯入到臨時網站,就能完整搬運網站的所有內容了。
(5) 修改網站設計
從網站前台可以看到,網站的文章已經成功被搬過來了。
但是,佈景主題並沒有一起搬過來,所以導致網站的版面跑掉,那我們就先來調整網站的外觀設計。

[1] 安裝 Blocksy 佈景主題
在 WordPress 後台,選擇左側欄位的「外觀」、「佈景主題」。

搬家到 WordPress.org 後的一大優點,就是可以選擇超過 1 萬款佈景主題,而且大部分都是免費的!
透過修改佈景主題,我們可以輕鬆地更換網站的版型、設計。
在試用過各種佈景主題之後,我最推薦免費的 Blocksy 主題!

這個主題風格簡約,但功能非常強大,「諾特斯網站」也是使用 Blocksy 主題製作的。
許多在其他主題要付費才有的功能,Blocksy 都是免費提供,例如固定的頁首、側邊欄,或是客製化網站調色盤等等。
在我測試過的免費 WordPress 佈景主題中,Blocksy 真的是最佛心的!

那現在,我們來安裝 Blocksy 主題吧。
第 1 步
點擊下方連結,前往 Blocksy 官方網站。
第 2 步
點擊右上角的「Free Download」(免費下載)。

第 3 步
點擊「Download」(下載),會下載一個 zip 檔。

第 4 步
回到 WordPress 後台,點擊「安裝佈景主題」。

第 5 步
點擊「上傳佈景主題」。

第 6 步
將剛剛下載的 zip 檔拖曳進來。

第 7 步
點擊「立即安裝」。

第 8 步
等待安裝完成後,再點擊「啟用」。

第 9 步
我們還要再安裝外掛「Blocksy Companion」,這是 Blocksy 主題的附加外掛,可以讓它的功能變得更強大。
點擊藍色按鈕「安裝 Blocksy Companion」。

從網站前台看到,套用 Blocksy 主題後的網站是長這個樣子,我們還可以再進一步調整細節。

[2] 編輯頁首、頁尾
第 1 步
點擊左上角的「自訂」,進入自訂器。

第 2 步
滑鼠移到頁首的 LOGO 上,點擊彈出的「三個點」圖示,叫出「標誌」選項。

第 3 步
點擊「選取標誌」。

第 4 步
把自己的 LOGO 圖片拖曳進來上傳。

第 5 步
點擊「Select」(選擇) 來替換。

第 6 步
因為 LOGO 裡就有寫到網站名稱,所以我會把網站標題「關閉」。

第 7 步
滑鼠移到頁首右邊的選單文字上,點擊彈出的「三個點」圖示,叫出選單。

第 8 步
打開選擇選單,點擊「Main Menu」(主選單)。

會看到頁首右側出現文章分類的選單項目,方便網站訪客快速找到他們有興趣的內容。

第 9 步
向下滑到最底部,滑鼠移到頁尾,點擊「編輯」。

第 10 步
點擊「版權」。

修改版權文字,通常會寫成「版權所有© + 年份 + 品牌名稱」形式:
版權所有 © {current_year} 品牌名稱
我再來提倡一個諾特斯觀眾之間的小默契,你可以在頁尾的地方,加上「 ✏️ 」這個 Emoji,也就是諾特斯觀眾的秘密記號。
有加這個秘密記號的人,都有著一段看諾特斯的影片或文章,架設網站的共同回憶。
以後看到頁尾有這個秘密記號的網站,就知道是自己人,大家可以互相照顧一下。

第 11 步
完成設計後,按左上的「發佈」儲存設定。
其實自訂器裡還有很多可以客製化的項目,不只今天提到的這些,大家有時間可以多探索看看,打造出屬於自己風格的網站設計。

第 12 步
按「✕」即可退出自訂器。

(6) 設定 Cloudways 主機付款資料
如果你確定要租用 Cloudways 主機, 一定要記得在 3 天試用期結束前綁定付款,不然搬好的網站會被刪除掉!
第 1 步
在 Cloudways 後台點右上角的「使用者」。- 圖片標註 ➀
然後,點擊「My Account」(我的帳戶)。- 圖片標註 ➁

第 2 步
選擇左側欄位的「Payment & Address」(付款與地址)。

第 3 步
填寫「Card Address」(信用卡地址) 資料。

✏️ 小筆記
- 地址翻譯可以使用郵局提供的 中文地址英譯服務
- Address (地址) 只需要填到區就可以了,例:No. 7, Sec. 5, Xinyi Rd., Xinyi Dist.
- Postal Code (郵遞區號) 填 3 碼就好,例:110
- State/Province/Region (州/省/地區) 可以不用填寫
第 4 步
填寫「Billing Address」(帳單地址)。
如果帳單地址跟信用卡地址一樣的話,勾選「Keep Billing address same as my credit card address」(保持帳單地址與我的信用卡地址相同),地址資訊就會自動帶入。

✏️ 小筆記
- Phone Number (電話號碼) 會自動帶入驗證 Cloudways 帳戶時使用的手機號碼。
- Company (公司) 可以留空不填。
第 5 步
點擊「Proceed to Payment Gateway」(前往支付平台)。

第 6 步
填寫信用卡資訊。

✏️ 小筆記
- 持卡人姓名需跟信用卡上一致
- 如果刷卡沒過,可以聯絡發卡銀行的客服排除問題
第 7 步
點擊「AUTHORIZE」(授權),就完成 Cloudways 主機的付款資料了。

Cloudways 主機計費方式是「用多久就付多少錢」,依照實際的使用時數計費、不需要綁約。
每個月底結算後,就會自動從綁定的信用卡扣款。

2. 在 Namecheap 購買自己的域名
(1) 註冊 Namecheap 帳戶
點擊下方連結,前往 Namecheap 官網。
點擊左上角的「SIGN UP」(註冊) 。

對照著圖片上的翻譯填入註冊資訊。

如果不想收到電子報或行銷 Email,可以取消勾選。- 圖片標註 ➀
點擊「Create Account and Continue」(建立帳戶並繼續) 。- 圖片標註 ➁

(2) 購買 Namecheap 域名
第 1 步
在「Search for your next domain」(搜尋你的下一個域名) 輸入想購買的域名。

點擊右邊的「放大鏡」圖示,確認域名還能不能購買。

第 2 步
點擊「Add to cart」(加入購物車)。

點擊右下角的「Checkout」(結帳) 。

第 3 步
購物車裡目前有 4 個項目:
第 1 項, Domain Registration (域名註冊)。
域名的註冊期是一年一約,預設會開啟「AUTO-RENEW」(自動續約)。
建議保持這個設定,不然忘記續約的話,這個域名會回到公開市場,有可能被其他人搶走控制權。

第 2 項,Domain Privacy (域名隱私保護)。
會幫我們把姓名、Email、地址與電話等等註冊資訊隱藏起來,不會被公開在網路上。
這項服務在 Namecheap 是永久免費的,一樣保持預設的「AUTO-RENEW」就好。

第 3 項,PremiumDNS (高級 DNS)。
為額外的付費服務,我們不需要用到,維持預設的關閉狀態即可。

第 4 項,「Stellar Web Hosting」(Stellar 網站主機)。
Stellar 是 Namecheap 推出的共享虛擬主機,但我們已經有更高速的 Cloudways 主機 了,打「✘」刪除。
👉 延伸閱讀:什麼是虛擬主機?

第 4 步
把剛剛複製的折扣碼「NEWCOM649」貼到 Promo Code (折扣碼) 欄位。

點「Apply」(套用) 。
快捷鍵:貼上
Windows 系統:Ctrl + V
MAC 系統:Cmd + V

折扣後,域名第 1 年的優惠價格是 6.49 美金 (約 $195 台幣 )。
另外,還會有一筆 $0.18 美金 (約 $5 台幣) 的 ICANN 費用。
✏️ ICANN 費用是什麼?
域名每年都會被固定收 $0.18 美金 (約 $5 台幣) 的 ICANN 費用。
ICANN 費用是指國際互聯網名稱與數字地址分配機構 (ICANN) 向註冊域名的註冊商收取的一小部分費用,用於支持其運營和互聯網名稱與地址管理的工作。

第 5 步
點擊「Confirm Order」(確認訂單)。

第 6 步
填寫「Account Contact Information」(帳戶聯絡資訊),
我已經幫大家把項目都翻譯成中文,大家對照著下方圖片裡的翻譯填入對應的資料就可以了。
✏️ 小筆記
- 如果是一般個人註冊「I’m registering on behalf of a company」(我代表公司註冊) 要取消勾選
- 「Company Name」(公司名稱)、「Job Title」(職稱) 可以選填
- 姓名可以利用 姓名中翻英工具 填寫
- 地址可以利用 地址中翻英工具 填寫
- 「Address Line 1」 (地址第一行) 填到「區」即可,例如:No. 7, Sec. 5, Xinyi Rd., Xinyi Dist.
- 「Address Line 2」地址第二行可以留空,「Address Line 1」 (地址第一行) 太長填不下時,再填到「Address Line 2」(地址第二行)就好。
- 「State/Province」(州/省) 可以留空
- 電話要填國際電話,如果是台灣的手機號碼要把 0 改成 +886。例如 0912345678,就填 +886 912345678
- 傳真號碼可以選填

點擊「Continue」(繼續)。

第 7 步
「Whois Contact Information」(Whois 聯絡資訊) 一般來說,會跟剛剛的帳戶聯絡資訊相同,所以都保持預設的「User default account contact」(使用者預設帳戶聯絡方式) 就好。

第 8 步
Domain Privacy (域名隱私保護) 保持打勾。

第 9 步
「將上述配置保存到我的默認結帳設定」打勾。

點擊「Continue」(繼續)。

第 10 步
付款方式一樣照著畫面上的中文翻譯去做填寫。

✏️ 小筆記
- 「Name on Card」(持卡人姓名) 要跟信用卡上的英文姓名的一致。
- 「Card Billing Address」(信用卡帳單地址) 可以選「Use default account contact」(使用預設帳戶聯絡資訊),也可以選擇「Add new contact」(新增聯絡資訊) 手動填寫。
- 「Remember this card for later use」(記住此卡以備後用) 可以打勾,後續續約可以直接用這張信用卡扣款。
第 11 步
「Receipt Details」(收據明細) 可以選擇「Use default account contact」(使用預設帳戶聯絡資訊),也可以自行修改。

第 12 步
查看「Renewal Settings for Your Purchase」(你購買的續訂設定) 。
將以下三個選項打勾:
- Automatically renew all of my eligible new services before expiration. (在到期前,自動續訂我所有符合條件的新服務)
- Domain Registration (域名註冊)
- Free Domain Privacy (免費域名隱私保護)

第 13 步
「Save the configuration above to my default payment settings」(將上述設定儲存為我的預設付款設定) 打勾。- 圖片標註 ➀
點擊「Continue」(繼續)。- 圖片標註 ➁

第 14 步
確定總金額沒有疑問,點擊「Pay Now」(立即付款) 。


(3) 驗證 Namecheap 寄的 Email 驗證信
接下來,你應該會收到 Namecheap 寄的好幾封 Email。
只要注意其中最重要的,也就是主旨寫著「IMMEDIATE VERIFICATION required for your domain(s)」(需要立即驗證你的域名) 的這封信。

這是一封 WHOIS 聯絡資訊的驗證信,點擊信件內的「Click here to verify your email address」(點擊此處驗證你的電子郵件地址)。

看到「Success!」(成功!) 的畫面,就代表你的域名完成註冊囉!

3. 設定 DNS:連結 Cloudways 主機與 Namecheap 域名
現在我們已經有 Cloudways 主機和 Namecheap 域名了,但還需要在 Namecheap 設定 DNS 紀錄,把 Namecheap 域名指向 Cloudways 主機。
設定完之後, Cloudways 的「臨時網站」就會變成「新網站」囉!

DNS 是什麼?
DNS 的全名是 Domain Name System (域名系統),是網路中負責將域名轉換成 IP 位址的管理和查詢系統。
DNS 的原理有一點複雜,如果你想 詳細瞭解 DNS 是如何運作的,歡迎點擊下方連結,閱讀我用心製作的解說筆記。
那對只是想完成連結域名的人來說,DNS 設定的意思,就是把主機與域名連接起來。
連接好之後,大家就可以在瀏覽器輸入你的域名,然後順利進入到你的網站了。

(1) Namecheap 域名指向 Cloudways 的主機
第 1 步
進到 Namecheap 後台, 點擊「MANAGE」(管理)。

第 2 步
切換到「Advanced DNS」(進階 DNS) 。

第 3 步
列表中會有 2 筆預設 DNS 紀錄,點擊「垃圾桶」圖示。- 圖片標註 ➀
點擊「Yes」,把它們都刪掉。- 圖片標註 ➁

第 4 步
我們需要新增 2 條 DNS 紀錄 (A 紀錄、CNAME 紀錄)。
✏️ 小筆記
- A 紀錄:負責登記 IP 位址,把域名指向主機。
新增好 A 紀錄後,當我們輸入域名,例:noteswebsitedemo.com,就能將該域名指向你的 Cloudways 主機。 - CNAME 紀錄:負責將網站的別名指向主網域。
新增好 CNAME 紀錄後,當我們輸入子域名,例:www.noteswebsitedemo.com,就能重新導向到 noteswebsitedemo.com,成功打開網站。
👉 更多免費筆記:A、AAAA 、CNAME、MX、NS 紀錄是什麼?
點擊紅色「+」圖示「ADD NEW RECORD」(新增紀錄) 。

第 5 步
「Type」(類型) 選擇「A Record」(A 紀錄)。

第 6 步
「Host」 (主機) 填「@」。
✏️ 「@」是什麼意思?
Host (主機),也可以叫做「主機名稱」,指的是網路中的一台主機或設備的名稱。
在 Host 欄位填寫「@」時,這代表你的整個網域,也就是主域名。
以這篇筆記的例子來說就是 notestravelingdemo.com。

第 7 步
「Value」(值) 要填入 Cloudways 主機的 IP 位址。
到 Cloudways 後台的「Your Application」(你的應用程式) 底下,複製「Public IP」(公共 IP)。
快捷鍵:複製
Windows 系統:Ctrl + C
MAC 系統:Cmd + C

回到 Namecheap 後台,在「Value」(值) 欄位貼上公共 IP。
快捷鍵:貼上
Windows 系統:Ctrl + V
MAC 系統:Cmd + V

第 8 步
TTL (存留時間) 保持預設的「Automatic」(自動的),然後打勾。
✏️ TTL 是什麼?
TTL (Time To Live) 代表「存留時間」,TTL 決定了 DNS 紀錄在「DNS 伺服器」和「快取」中保存的時間長度。
當一個 DNS 紀錄的 TTL 到期後,DNS 伺服器會丟棄這個 DNS 紀錄, 並重新查詢最新的 DNS 紀錄。


新增好 A 紀錄後,這個域名就會指向我在 Cloudways 主機的「新網站」了。
第 9 步
我們需要再新增 1 筆「CNAME Record」(CNAME 紀錄)。
一樣先點擊「ADD NEW RECORD」。

第 10 步
「Type」(類型) 選擇「CNAME Record」(CNAME 紀錄)。

第 11 步
「Host」(主機) 的地方填「www」。

第 12 步
「Value」(值) 填寫主域名。
✏️ 小筆記
在 CNAME 紀錄中,Host (主機) 欄位填入「www」表示這個 CNAME 紀錄是針對「www」這個子域名。
而在 Value (值) 欄位填入主域名,表示這個 CNAME 紀錄將指定的子域名重新導向到主域名。
例如:主域名是 notestravelingdemo.com,那麼填寫「www」表示這個 CNAME 紀錄是針對 www.notestravelingdemo.com 的。

第 13 步
TTL 保持預設的「Automatic」,然後打勾。
以這篇網站的示範網站為例,新增好 CNAME 紀錄後,當你在網址列輸入網站的子域名「www.notestravelingdemo.com」,就能被導向到網站的主域名「notestravelingdemo.com」了。

(2) 把臨時域名改成正式域名
第 1 步
前往 Cloudways 後台,點擊左側欄位的「Domain Management」(域名管理)。

第 2 步
按下「+ Add Domain」(新增域名) 按鈕。

第 3 步
輸入域名,然後點擊「Save Changes」(儲存變更)。

第 4 步
Domain List (域名清單) 現在可以看到我們加入的域名了。
點擊右邊的「3 個點」圖示。- 圖片標註 ➀
選擇「Make Primary」(設為主要域名)。- 圖片標註 ➁

第 5 步
點擊「Set as Primary」(設定為主要)。

這樣就設定好正式域名了。

(3) 用 DNS 查詢工具確認設定是否生效
你可以點擊下方連結,利用線上查詢工具 DNS Checker,確認網站的 DNS 設定是不是已經生效了。
👉 點我前往:DNS Checker
在「DNS CHECK」(DNS 檢查) 輸入域名,然後按「Search」(搜尋)。

如果 A 紀錄都已經指向 Cloudways 主機的 IP 位址,那就沒問題啦!

4. 在 Cloudways 主機上安裝免費 SSL 憑證
SSL 憑證是什麼?
SSL 是 Secure Sockets Layer 的縮寫,也就是「安全通訊協定」。
SSL 憑證是一種由數位憑證認證機構核發的數位證書,負責加密資料,證明網站身份,確保傳輸過程的完整性與安全性。

有安裝 SSL 憑證的網站,在瀏覽器的網址列會顯示 https。

✏️ 小筆記
在 Google Chrome 瀏覽器需要在網址列點滑鼠左鍵 2 下才會顯示 https。
如果想更進一步瞭解 SSL 是什麼的話,歡迎點擊下方連結,觀看我用心製作的解說筆記。
在 Cloudways 主機安裝免費 SSL 憑證
第 1 步
在 Cloudways 後台點擊左側的「SSL Certificate」(SSL 憑證)。

第 2 步
填寫「Email Address」(Email 地址) 。- 圖片標註 ➀
「Domain Name」(域名) 填入裸域名。- 圖片標註 ➁

第 3 步
點擊「+ Add Domain」(新增域名)。

第 4 步
在「Domain Name 2」填入帶有「www」的子域名。

第 5 步
點擊「Install Certificate」(安裝憑證)。

等 SSL 憑證安裝完成,會出現「Let’s Encrypt 憑證安裝成功」 的通知。
✏️ Let’s Encrypt 是什麼?
Let’s Encrypt 是一個免費、自動化的憑證授權機構,提供 Domain Validation (DV) 類型的 SSL/TLS 憑證來加密網站。
Let’s Encrypt 的目標是推廣網站加密,讓所有網站都能免費使用 HTTPS 來確保傳輸安全。

打開網站檢查看看,在瀏覽器中用滑鼠左鍵點擊網址列 2 下,看到網址出現 https 就代表 SSL 憑證安裝成功囉!

5. 替換網站內部連結
目前網站已經換上了新域名,但是,如果網站的文章或頁面裡有放內部連結,這些連結並不會自動更新成新網址。
點進去,還是會連到 WordPress.com 的舊網站頁面,也就是說,我們必須手動修改內部連結才行。
✏️ 內部連結是什麼?
內部連結是一個網站內部不同網頁間相互連結的超連結。
它幫助訪客在網站中的相關主題間快速轉移,提升網站瀏覽體驗,同時也有助於搜尋引擎理解網站結構,提升 SEO 排名。
不過別擔心,我找到一款很方便的外掛 —— Go Live Update Urls,可以幫我們一鍵替換所有內部連結。
(1) 指定永久連結結構
如果想用 Go Live Update Urls 外掛替換內部連結,新、舊網站的永久連結結構一定相同,才能正確更新連結。
到 WordPress 後台,在左側欄位選擇「設定」、「永久連結」。

選擇跟 WordPress.com 預設的永久連結結構一樣的「日期與文章名稱」。

點擊「儲存設定」。

(2) 安裝 Go Live Update Urls 外掛
第 1 步
點擊下方連結,前往外掛下載頁面。
👉 點我下載:Go Live Update Urls 外掛
第 2 步
點擊「下載」取得外掛 zip 檔。

第 3 步
回到 WordPress 後台,點擊左側欄位的「外掛」、「安裝外掛」。

第 4 步
點「上傳外掛」。

第 5 步
將剛剛下載的 zip 檔拖曳進來。

第 6 步
點擊「立即安裝」。

第 7 步
安裝完成後,就點「啟用外掛」。

(3) 一鍵替換網站內部連結
在「外掛」列表,找到「Go Live Update Urls」,點擊「Settings」(設定)。

所有選項都保持預設。- 圖片標註 ➀
「Old URL」(舊網址) 填入 WordPress.com 舊網站的網址;- 圖片標註 ➁
「New URL」(新網址) 則填上新網站的網址。- 圖片標註 ➂
點擊「Update URLs」(更新網址)。- 圖片標註 ➃

到網站前台檢查一下,點擊文章中的內部連結,確認網址都已經更新成新域名就沒問題了。
6. 將 WordPress.com 流量導向 WordPress.org 網站
如果你的 WordPress.com 網站之前已經有穩定的流量,Google 排名也不錯,那我會建議你開啟重新導向功能。
這個功能是使用 301 永久轉址,會告訴搜尋引擎「網站已經永久搬遷到新網址」。
這樣不僅可以確保搜尋引擎正確索引新網站的內容,也能把舊網站的流量引導到新網站,盡量保持原有的 SEO 排名,避免 SEO 成效大幅下降。

設定域名重新導向: 指向 Namecheap 域名
第 1 步
到 WordPress.com 後台,在左側欄位選擇「設定」、「一般」。

第 2 步
點擊「Site Address (URL)」(網站地址) 的「redirect」(重新導向)。

第 3 步
輸入新網站域名,點擊「立即新增」。

第 4 步
重新導向功能是付費服務,價格是一年 $416 台幣,另外加上 5% 的加值營業稅。
備註:價格可能會變動
目前 WordPress.com 的重新導向功能定價為 $13 美金,台幣金額可能因匯率而有些微變動,請以 WordPress.com 後台顯示為準。
輸入帳單資訊後,點「繼續前往付款頁面」。

第 5 步
填寫完付款方式,點擊「立即付款」。

以這部影片的示範網站為例,未來,當有人從 Google 搜尋進到舊網站「notestravelingdemo.wordpress.com」,就會被導向新網站「notestravelingdemo.com」,所有的流量就會被引導到新網址了。
此外,如果你有使用 Google Search Console (GSC) 來追蹤 Google 搜尋結果中的表現,
可以手動重新提交 Sitemap (網站地圖),來加速搜尋引擎重新爬取和索引你的網站內容。

我是利用 Rank Math 外掛自動提交 Sitemap (網站地圖),如果你對這個外掛有興趣的話,歡迎點擊下方連結,閱讀我整理 Rank Math 免費版筆記!
至於重新導向需要維持多久呢?
根據 Google 官方文件建議,重新導向至少要維持 180 天,讓搜索引擎有足夠的時間爬取新網站,把流量穩定轉到新域名。
所以,我會建議可以維持 1 到 2 年,這段時間也能讓舊網站的訪客熟悉並記住你的新域名。

如果未來不再需要這項服務,可以隨時回到 WordPress.com 刪除重新導向設定,甚至永久刪除舊網站。

不設定域名重新導向:將 WordPress.com 網站設為私密
如果你覺得舊網站流量原先就不高,不介意重新開始累積 SEO 排名,或是想要省下重新導向的開銷。
我會建議你把舊網站設為「私密」狀態,讓它無法被公開瀏覽。這樣可以避免因為新舊網站的內容重複,而讓搜尋引擎混淆,不知道該索引哪一個才是最新版本。

前往 WordPress.com 後台的「設定」、「閱讀」。

點擊「管理你的隱私設定」。

切換成「私密」。- 圖片標註 ➀
點擊「儲存」。- 圖片標註 ➁

這樣就能防止新舊網站互相競爭搜尋排名,導致 SEO 成效被分散了。
結語
在這篇筆記,我們已經成功把 WordPress.com 免費版網站,搬到 Cloudways 主機上的 WordPress.org 網站,並註冊了屬於自己的 Namecheap 域名。
過程其實沒有想像的這麼困難,對吧?
網站搬家後,你就可以盡情地使用 WordPress.org 提供的豐富佈景主題,設計自己的網站。
還有超多外掛資源可以運用,不需要會寫程式,就能讓網站功能越來越強大!
希望搬家到 WordPress.org 後,能幫助你的網路事業發展得更順利!
如果你想知道更多有關網站架設的細節,歡迎觀看我用心製作的其他 WordPress 筆記。
參考資料
- How to move from WordPress.com to WordPress.org (Free Migration)
- How to Migrate WordPress.com to WordPress.org – Complete Guide
- WordPress.com:網站重新導向
- Google Console 說明:網址變更工具
製作團隊
總編輯、發佈:諾特斯
文字撰寫、文字編輯、圖片製作、圖片編輯:鹹魚
圖片製作:蚊子