WordPress 網站搬家教學|5 步驟從 Bluehost 到 Cloudways 🔍
在這篇「WordPress 網站搬家教學」,我會和你分享把原本主機和域名都在 Bluehost 的 WordPress 網站,轉移到 Cloudways 主機和 Namecheap 域名的網站搬家方法與流程。
對於要架設 WordPress 網站的新手,一開始我都是建議設在 首購 CP 值高的 Bluehost 主機 上。
1 年過後,如果網站經營得不錯,流量有越來越高的趨勢。
在 Bluehost 合約到期前,就可以考慮看看,要不要升級到速度更快的 Cloudways 主機。
搬家的過程不會很難,只要跟著這篇筆記操作,你也可以順利搬家!
如果你偏好用影片學習,歡迎觀看下面的 YouTube 影片。
如果你喜歡透過圖文學習,請繼續往下閱讀吧!
圖文筆記會比較詳細、方便快速瀏覽,還會持續更新與補充內容。
WordPress 網站搬家方法
為什麼要幫 WordPress 網站搬家?
為什麼要幫 WordPress 網站搬家,主要原因有以下 2 點:
第 1,提升網站速度。
Bluehost 主機屬於共享主機 (也就是虛擬主機),網站速度會比較慢。
而 Cloudways 主機屬於管理型雲端主機,網站速度比較快。
✏️ 共享主機 vs 雲端主機
- 共享主機 (虛擬主機):多用戶共享同一台主機資源,成本較低,適合小型網站。
- 管理型雲端主機:提供專用資源、使用彈性和可擴展性,適合已有穩定流量的網站。
網站搬家後,有可能因為提高了網站體驗核心指標,進而提升 SEO 排名。
✏️ 網站體驗核心指標是什麼?
網站體驗核心指標 (Core Web Vitals) 包括 LCP (載入速度)、FID (互動反應速度) 和 CLS (畫面穩定性),這些指標已被 Google 納入網站排名因素。
因此,如果我們的網站提供快速且穩定的使用者體驗,將有助於提升排名。
第 2,節省費用。
要長久經營網站,當然就要考慮到成本支出,也就是主機租用和域名註冊的費用。
Bluehost 主機在首購的時候很便宜,是適合架站新手的小資選擇。
點擊連結優惠即生效!
但續約的時候價格變高,就沒有這麼划算了。
可以從以下我整理的表格看出,當 Bluehost 「續約」時,Cloudways 主機的費用每個月會比 Bluehost 主機便宜大約台幣 30 元。
方案 | Bluehost 主機價格 | Cloudways 主機價格 |
---|---|---|
首購-1 年約方案 | 最低每月 $2.95 美金 (約 $89 台幣) | 最低每月 $11 美金 (約 $330 台幣) |
續約 | 最低每月 $11.99 美金 (約 $360 台幣) | 最低每月 $11 美金 (約 $330 台幣) |
優惠 | 續約無優惠 | 前 3 個月 7 折 |
備註:
諾特斯網站提到的台幣價格,都是以美金對台幣匯率 1:30 估算。但是,匯率會隨時間浮動,實際的台幣價格還是要以交易當下的匯率為準喔。
所以當 Bluehost 要續約的時候,就很適合把 WordPress 網站的主機從 Bluehost 搬家到 Cloudways。
這樣可以在減少費用的同時,還能提升網站速度。
註冊時輸入折扣碼 NOTES,取得專屬前 3 個月 7 折優惠!
至於域名方面,Bluehost 主機首購 時有贈送一年的免費域名,第二年開始就要付費。
但我找到了另一家域名商 Namecheap,它的價格會比在 Bluehost 續約優惠,每年可以便宜 $3.11 美金 (約 $93 台幣)。
而且,搬到 Namecheap 的第 1 年也有優惠價格。
另外,在 Bluehost 購買域名時,「域名隱私保護」功能是要另外加購的。
但這個功能在 Namecheap 則是永久免費的,也可以省下一筆費用。
✏️ 域名隱私保護
開啟域名隱私保護後,你的域名註冊資料,像是姓名、地址、電話等,就會被替換成隱私保護公司的資訊。
項目 | Bluehost 域名 (搬家前) | Namecheap 域名 (搬家後) |
---|---|---|
續約 | 每年 $19.99 美金 (約 $660 台幣) | 每年 $16.88 美金 (約 $506 台幣) |
優惠 | 續約無優惠 | 第 1 年 $11.48 美金 (約 $345 台幣) |
域名隱私保護 | 每年 $15 美金(約 $450 台幣) | 免費 |
網站搬家要花多少時間?
這篇筆記中所示範的 WordPress 網站搬家過程,實際上,總共花了 9 天的時間。
但大部分時間其實是在等申請域名轉移的驗證 Email,搬家設定的操作時間,大約在 40 分鐘以內。
要在 Bluehost 合約到期前多久開始搬家?
Bluehost 會在到期日的 15 天前自動續訂主機跟域名。
而主機跟域名的搬家,以我個人的經驗來說,大約要花 9 天的時間。
因此,保險起見,我會建議你在 Bluehost 合約到期前 1 個月就開始搬家。
WordPress 網站搬家費用是多少?
接下來,要看到很多人關心的費用問題。
我們會在 WordPress 透過免費的搬家外掛來完成設定,所以搬家費用是 0 元。
主機轉移時,Bluehost 和 Cloudways 不會收取額外的費用;而域名轉移時,Bluehost 和 Namecheap 也不會收取額外費用,所以都是 0 元。
搬家後可以節省多少費用?
好消息是,如果跟著這篇筆記挑選方案,會比在 Bluehost 續約的費用更便宜:
- 主機:Bluehost → Cloudways
- 域名:Bluehost → Namecheap
我們來計算看看,搬家後實際能省下多少錢。
以下我就以 Bluehost 跟 Cloudways 提供的最低價主機方案做計算:
續約價的 Bluehost 主機每個月是 $11.99 美金 (約 $360 台幣)。
Cloudways 主機每個月是 11 美金 (約$330 台幣)。
如果使用諾特斯觀眾專屬優惠,輸入折扣碼「NOTES」,前 3 個月費用可以打 7 折。
註冊時輸入折扣碼 NOTES,取得專屬前 3 個月 7 折優惠!
項目 | Bluehost 主機 (搬家前) | Cloudways 主機 (搬家後) |
---|---|---|
費用 | 每月最低 $11.99 美金 (約 $360 台幣) | 每月最低 $11 美金 (約 $330 台幣) |
優惠 | 續約已經無優惠 | 前 3 個月 7 折 (諾特斯觀眾專屬優惠) |
備註:
價格可能會變動,請參考 Cloudways 官網 了解最新費用。
也就是說,第 1 年可以省下 $21.78 美金 (約 $654 台幣),後續每年則可以節省 $11.88 美金 (約 $356 台幣)。
✏️ 搬家後主機節省費用計算
- 第 1 年節省費用 = ($11.99 美金 – $7.7 美金) × 3 + ($11.99 美金 – $11 美金) × 10 = $21.78 美金 (約 $654 台幣)
- 後續每年節省費用 = ($11.99 美金 – $11 美金) × 12 = $11.88 美金 (約$356 台幣)
再來看到域名的費用。
Namecheap 不管是第 1 年的價格,還是續約的域名價格,就像它的名字所說的,真的很 Cheap (便宜)。
第 1 年的 Namecheap 域名是 $11.48 美金 (約 $345 台幣),第 2 年開始是每年 $16.88 美金 (約 $506 台幣)。
而且更棒的是,域名隱私保護服務是永久免費的!
項目 | Bluehost 域名(搬家前) | Namecheap 域名(搬家後) |
---|---|---|
續約 | 每年 $19.99 美金 (約 $600 台幣) | 每年 $16.88 美金 (約 $506 台幣) |
優惠 | 續約無優惠 | 第 1 年 $11.48 美金 (約 $345 台幣) |
域名隱私保護 | 每年 $15 美金 (約 $450 台幣) | 免費 |
備註:
以域名費用以 .com 為例,實際價格可能會變動,請參考 Namecheap 官網了解最新費用
也就是說,第 1 年可以省下 $23.51 美金 (約 705 台幣),後續每年則可以節省 $18.11 美金 (約 $544 台幣)。
✏️ Namecheap 節省費用
- 第 1 年節省費用 = $19.99 美金 + $15 美金 – $11.48 美金 = $23.51 美金 (約 $705 台幣)
- 後續每年節省費用 = $19.99 美金 + $15 美金 – $16.88 美金 = $18.11 美金 (約 $544 台幣)
長期累積下來,搬家後能節省的費用是相當可觀的!
WordPress 網站搬家流程
這次 WordPress 搬家的目標,是把主機從 Bluehost 搬家到 Cloudways,然後把域名從 Bluehost 搬家到 Namecheap。
項目 | 搬家前 | 搬家後 |
---|---|---|
主機 | Bluehost | Cloudways |
域名 | Bluehost | Namecheap |
名詞解釋
因為網站在搬家的過程中會處在不同狀態,我們先定義一下名詞。
狀態 | 主機 | 域名 |
---|---|---|
舊網站 (原始狀態) | Bluehost 主機 | Bluehost 域名(例: noteswebsitedemo.com ) |
臨時網站 | Cloudways 主機 | Cloudways 提供的免費臨時域名 (例:https://wordpress-1201485-4245xxx.cloudwaysapps.com) |
新網站 | Cloudways 主機 | Namecheap 域名 (例:noteswebsitedemo.com ) |
我會先搬主機,從舊網站利用 WordPress 搬家外掛,輕鬆地把資料從 Bluehost 主機一鍵轉移到 Cloudways 主機。
這個時候「舊網站」跟「臨時網站」會同時存在。
接著,再到 Bluehost 申請把域名轉到 Namecheap。
等域名轉移成功後,進行 DNS 設定,也就是把已經轉移到 Namecheap 的域名跟 Cloudways 主機連結起來。
這樣「臨時網站」就會變成「新網站」,網站搬家也就完成了。
然後,要在 Cloudways 幫網站安裝 SSL 憑證。
最後,依照檢查清單確認網站一切正常,就可以取消 Bluehost 主機和域名的續訂。
接下來,就跟著我一起實際操作吧!
1. 從 Bluehost 主機搬家到 Cloudways
主機是存放網站資料的空間,包含文字、圖片、影片和程式碼等等,WordPress 軟體也是安裝在主機上。
如果說到要幫「WordPress 的主機搬家」,指的就是要將網站上的資料,從 A 主機轉移到 B 主機。
這個過程包括資料的複製和轉移,還有在新主機上重新配置 WordPress 環境,才能確保所有網站功能可以在新環境中順利運行。
✏️ 諾特斯小提醒
理論上,WordPress 網站的搬家過程,不會刪到舊網站的資料,但如果你擔心會遺失部分資料,也可以先備份網站、再開始轉移。
接下來,我會一步步示範如何無縫、自動化地,把 WordPress 網站的資料一鍵從 Bluehost 主機搬家到 Cloudways 主機。
(1) 創建 Cloudways 帳號
首先,要搬家到 Cloudways 主機,就要先創建一個 Cloudways 帳號。
點擊下方連結,進入 Cloudways 官方網站。
註冊時輸入折扣碼 NOTES,取得專屬前 3 個月 7 折優惠!
Cloudways 主機有提供 3 天免費試用,你可以先免費註冊一個帳號。
等主機搬家完成,試用過,確定主機的性能是滿意的之後,再設定付款資料。
第 1 步
點擊右上角的「Start Free」(免費開始)。
第 2 步
你可以選擇使用第三方帳號登入,或在 Cloudways 註冊帳戶,這次我就示範註冊一個全新帳戶。
輸入名字、姓氏、Email 以及要設定的密碼。
第 3 步
「我最適合描述為」要依照要搬家的網站是什麼類型來選擇:
- Digital Agency (數位代理商)
- Ecommerce (電子商務)
- Other Businesses (其他業務)
- Blogger (部落客)
- Freelance Developer/Designer (自由開發者/設計師)
這次我要搬家的網站是旅遊部落格,因此我選擇「Blogger」(部落客)。
第 4 步
「我的每月託管支出為」就依照個人預算選擇。
我是選擇最少的「$0 – $50 (USD)」(0 到 50 美元)。
第 5 步
點擊「Got a promo code?」(有折扣碼嗎?)
第 6 步
輸入諾特斯觀眾專屬折扣碼「NOTES」。
✏️ 諾特斯觀眾專屬折扣碼
輸入諾特斯觀眾專屬折扣碼「NOTES」,可以享受前 3 個月 7 折的優惠。
折扣碼事後不能補寫,請記得在這個步驟填寫!
第 7 步
勾選同意條款後,點擊「START FREE」(免費開始)。
第 8 步
點擊畫面最上方的「VERIFY YOUR ACCOUNT」(驗證帳戶)。
第 9 步
進行電話驗證。
輸入手機號碼,點擊「SEND SMS」 (發送簡訊)。
✏️ 電話號碼填寫範例
台灣手機號碼:0987654321
改成國際手機號碼:+886 987654321 (去掉手機號碼的第一個 0)
第 10 步
收到簡訊後,輸入簡訊驗證碼,再點擊「VERIFY」(驗證)。
第 11 步
進行信箱驗證。
到註冊時填寫的 Email 信箱,打開主旨是「Let’s activate your Cloudways account!」(讓我們啟用您的 Cloudways 帳戶!) 的驗證信。
點擊 Email 內的「Login & Activate」(登入並啟用)。
(2) 在 Cloudways 主機安裝 WordPress
Cloudways 會自動完成 Email 驗證,並跳轉到選擇主機的畫面。
第 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」。
一般剛入門我會建議在保持「2 GB Premium」,或是改成最便宜的「1 GB」這兩者間做選擇。
至於選擇的標準,可以用「網站外掛的數量」來分辨。
如果你的網站在搬家前,已經安裝的外掛數量就超過 15 個,有網頁設計、電子商務、備份、多語系等等,比較吃效能的外掛,就建議可以選官方預設的「2 GB Premium」方案。
✏️ 外掛數量參考基準
15 個 WordPress 外掛只是一個簡易的參考基準,實際該選擇哪個方案, 還是要取決於具體的網站流量、每個外掛的資源需求等等因素。
依照我的經驗,大概安裝到 17 個外掛就會感覺比較卡頓,這時就可以考慮從 1GB 再升級到更高階的方案!
如果網站後台沒有安裝很多 WordPress 外掛,那可以先用 1 GB 方案,之後有升級的需求,再到 Cloudways 後台升級就好。
✏️ Cloudways 方案規格
此處的「1 GB」、「2 GB Premium」是指 RAM (記憶體) 的大小。
以下是重點規格比較:
1 GB
- 記憶體:1 GB
- 儲存空間:25 GB
2 GB Premium
- 記憶體:2 GB
- 儲存空間:50 GB
這次示範我是選擇 1 GB 方案,可以看到費用變成每月 $11 美金 (約 $330 台幣)。
第 4 步
「Location」(主機位置) 要選離網站主要客群最近的地方。
✏️ 為什麼主機位置要選離網站訪客最近的?
因為主機位置離網站訪客越近,資料傳輸的延遲會越小,可以讓網站加載速度更快。
如此一來,訪客在瀏覽網站時會有更好的體驗。
以我所在的地區 (台灣) 為例,最近的地點選項是「新加坡」,所以主機位置我們就選擇「Singapore」。
第 5 步
確認價格後,點擊「Launch Now」(立即啟動)。
接下來,Cloudways 主機就會自動安裝 WordPress 軟體,大約需要等 7 分鐘。
第 6 步
等到主機準備完成之後,就可以點擊「Your Server」(你的主機) 右邊的「地球」圖示。- 圖片標註 ➀
點擊「Your Application」(你的應用程式)。- 圖片標註 ➁
第 7 步
在 Application URL (應用程式 URL) 會看到 Cloudways 提供給我們的臨時域名,會像是:wordpress-134XXXX-495XXXX.cloudwaysapps.com 。
點擊「開啟新分頁」就可以看到臨時網站了。
(3) 下載 & 上傳 WordPress 搬家外掛
接下來,我們要使用 Cloudways WordPress Migrator 這款免費的搬家外掛,一鍵搬家 Bluehost 主機的舊網站資料,轉移到 Cloudways 的臨時網站。
✏️ 小筆記
理論上,WordPress 網站搬家過程不會刪除舊網站的資料。 但如果你擔心發生意外的話,建議可以先備份網站。
首先,要在 Bluehost 主機的舊網站上,安裝外掛「Cloudways WordPress Migrator」。
第 1 步
點擊下方連結,前往外掛頁面。
👉 點我下載:Cloudways WordPress Migrator
第 2 步
點擊「下載」,取得外掛 zip 檔。
第 3 步
開啟舊網站的 WordPress 後台,點擊左側欄位的「外掛」、「安裝外掛」。
第 4 步
選擇「上傳外掛」。
第 5 步
將剛剛下載的外掛檔案拖曳進來,按下「立即安裝」。
第 6 步
安裝好之後就點「啟用外掛」。
第 7 步
網頁會自動跳轉到「將你的網站遷移到 Cloudways」的頁面。
先輸入 Email,然後勾選同意條款。
第 8 步
點擊「MIGRATE」(遷移)。
(4) 填寫搬家資料
「Migrate your site to Cloudways」(將你的網站遷移到 Cloudways) 的地方,要先填寫新網站的資訊。
第 1 項,「Where do you want to migrate your site?」(你想把你的網站遷移到哪裡?)。
選擇預設的 「Cloudways Flexible」(Cloudways 彈性方案)。
✏️ 小筆記
- Cloudways Flexible:Cloudways 的「彈性方案」採用按需求付費模式,只需為所使用的資源付費。
- Cloudways Autonomous:Cloudways 的「自動調整方案」,會自動實時擴展資源來滿足你網站的流量需求。
第 2 項,「Destination Site URL」(目的網站 URL)。
也就是要填入臨時網站的網址。
來到剛剛打開的 Cloudways 臨時網站, 在網址列連擊滑鼠左鍵兩下,全選並複製網址。
快捷鍵:複製
Windows 系統:Ctrl + C
MAC 系統:Cmd + C
回到搬家外掛,在「Destination Site URL」(目的網站 URL) 欄位貼上。
快捷鍵:貼上
Windows 系統:Ctrl + V
MAC 系統:Cmd + V
第 3 項,「SFTP Host / Server Address」(SFTP 主機/伺服器位址) 。
有了伺服器位址,外掛才知道要把資料搬到哪個 IP 位址的主機。
到 Cloudways 後台,複製「Public IP」(公共 IP)。
再貼到「SFTP Host / Server Address」欄位中。
第 4 項,「Database Name」(資料庫名稱)。
在 Cloudways 後台複製「DB Name」(資料庫名稱)。
貼進「Database Name」(資料庫名稱) 欄位。
第 5 項,「SFTP Username」(SFTP 使用者名稱)。
到 Cloudways 後台,點選左上角的「Your Server」。
複製「Username」(使用者名稱)。
貼到「SFTP Username」欄位。
第 6 項,「SFTP Password」(SFTP 密碼)。
到 Cloudways 後台,複製「Password」(密碼)。
貼到「SFTP Password」欄位。
第 7 項,「HTTP Auth enabled?」(啟用 HTTP 認證?)
保持預設的「No」(不) 就好,因為臨時網站並沒有使用「HTTP 認證」功能。
HTTP 認證 (HTTP Authorization) 是一種基本的網頁安全機制,當用戶嘗試訪問受保護的網頁時,會彈出一個對話框要求輸入使用者名稱和密碼。這樣可以防止未經授權的人訪問網站上的敏感或未完成的內容。
第 8 項,「Source site information」(來源網站資訊)。
來源網站指的就是在 Bluehost 的「舊網站」,都保持預設選項的「No」(沒有) 就可以了。
✏️ 小筆記
1. 有任何你想遷移的根目錄嗎? (Any root directories you want to migrate?)
這個選項是問你是否也要遷移在 public_html 目錄下的自訂非 WordPress 目錄。
2. 是否需要遷移額外的資料庫表格? (Migrate additional database tables?)
這個選項是問你是否要遷移任何其他的資料庫表格,這些表格可能是由非 WordPress 插件或其他應用程式創建的。
3. 這個網站有密碼保護嗎? (Is this site password-protected?)
這個選項是問你當前的 WordPress 網站 (舊網站) 是否有受密碼保護。也就是 HTTP 認證。
(5) 一鍵完成主機搬家
都填寫完之後,點擊「MIGRATE」(遷移),就可以一鍵完成主機搬家。
你會先看到「Validating Details」(驗證詳細資料) 的畫面。
再跳轉到「Your site is being migrated to Cloudways!」(你的網站正在遷移至 Cloudways!) 的畫面。
你不用手動做以下事情,Cloudways WordPress Migrator 外掛會自動幫你做好:
- 手動重新建立頁面和文章
- 手動複製,並貼上每個頁面、每篇文章的文字
- 手動複製,並在每個頁面、每篇文章對應的地方貼上圖片
- 手動安裝佈景主題,並改成跟舊網站一樣的主題設定
- 手動安裝外掛,並改成跟舊網站一樣的外掛設定
我們只要等待進度條跑完,就會看到畫面顯示「Your migration is complete!」(你的遷移已完成!)。
點擊「GO TO CLOUDWAYS」 (前往 CLOUDWAYS),打開臨時網站。
在網站前台能看到,網站內容都已經成功搬到臨時網站了!
你可以到處點點看,檢查文章與頁面上的圖片、連結、排版是不是都能正常顯示。
也可以在臨時網站的網址後方加上「/wp-admin」,就能進入後台登入頁面。
搬家後的 WordPress 使用者名稱跟密碼都跟舊網站是一樣的。
到後台後,再進一步檢查佈景主題、外掛等設定有沒有跑掉。
(6) 設定 Cloudways 主機付款資料
如果你確定要租用 Cloudways 主機, 一定要記得在 3 天試用期結束前綁定付款,不然搬好的網站會被刪除掉!
註冊時輸入折扣碼 NOTES,取得專屬前 3 個月 7 折優惠!
第 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 步
填寫信用卡資訊。
✏️ 小筆記
- 持卡人姓名需跟信用卡上一致
- 如果刷卡沒過,可以聯絡發卡銀行的客服排除問題
第 6 步
點擊「AUTHORIZE」(授權),就完成 Cloudways 主機的付款資料了。
Cloudways 主機計費方式是「用多少付多少」,依照實際的使用時數計費、不需要綁約。
每個月底結算後,就會自動從綁定的信用卡扣款。
2. 域名 (網域) 轉移到 Namecheap
接下來,我們要把域名 (也就是網域),從 Bluehost 轉移到 Namecheap。
✏️ 域名 vs 網域
雖然嚴格來說,在專業的技術領域中,網域和域名是有差別的,但在日常使用中,這兩個詞常常混用或互換。一般人提到網域時,通常指的就是域名。
在這篇筆記,為了讓內容更加一致、易於理解,我都統一使用「域名」這個詞。
(1) 在 Bluehost 申請域名轉出並取得授權碼
第 1 步
點擊 Bluehost 後台的「Domains」(域名)。
第 2 步
打開「Transfer or Move Domain」(轉移或移動域名) 。
第 3 步
關閉「Domain Locked」(域名已鎖定) 。
第 4 步
點擊「REQUEST AUTH CODE」(申請授權碼)。
第 5 步
畫面會跳出警告視窗,並詢問我們要轉移域名的原因,選擇「I found a better price」(我找到更好的價格)。
第 6 步
點擊「CONTINUE」(繼續)。
第 7 步
Bluehost 通常會提出優惠價格試圖挽留你,但轉移到 Namecheap 的費用還是更便宜。
所以就點擊「CONTINUE WITH TRANSFER」(繼續轉移)。
第 8 步
域名轉移的注意事項我已經幫大家翻譯成中文,如果沒有問題,就可以點「SEND AUTH CODE」(發送授權碼)。
接下來, 就是等待 Bluehost 寄來域名轉移授權碼的 Email 了。
我這次實測是等待了 2 天的時間,不過 3 天內還沒收到不用太緊張,這都是正常的。
還沒轉移前,你的網站會繼續正常運作。
(2) 註冊 Namecheap 帳號
在等待 Bluehost 寄的授權碼 Email 時,我們可以先去註冊一個 Namecheap 帳戶。
點擊下方連結,前往 Namecheap。
第 1 步
點擊左上角的「SIGN UP」(註冊) 。
第 2 步
對照著下圖的翻譯填入註冊資訊。
如果不想收到電子報和行銷 Email,就「不要勾選」訂閱。- 圖片標註 ➀
然後點「Create Account and Continue」(建立帳戶並繼續) 。- 圖片標註 ➁
第 3 步
註冊好之後,會轉跳到 Namecheap 後台。
接下來就要等收到 Bluehost 寄來域名轉移授權碼,才能繼續下一步。
(3) 到 Namecheap 申請域名轉入
經過 2 天後,我收到 Bluehost 寄來主旨寫著「Your Domain Transfer Authorization Code」(你的域名轉移授權碼) 的 Email 了!
收到授權碼後,我們就可以回到 Namecheap 申請域名轉入。
點擊下方按鈕前往 Namecheap 。
第 1 步
滑鼠移至 Namecheap 首頁上方的「Transfer to Us」(轉移到我們這裡) ,點擊「Transfer Domains」(轉移域名)。
第 2 步
在寫著「Easy Domain Transfer」(輕鬆域名轉移) 的頁面,輸入域名,點擊 「Transfer」(轉移)。
第 3 步
確認「REGISTRAR LOCK」(註冊商鎖定) 的狀態是 Domain is 「UNLOCKED」(已解鎖)。- 圖片標註 ➀
✏️ 狀態顯示「Domain is Locked」怎麼辦?
如果狀態是 Domain is「Locked」(鎖定),可能是進行 步驟 (1) 時沒有確實解鎖域名。
請回到 Bluehost 後台重新「關閉」域名已鎖定,再到 Namecheap 後台點擊「REFRESH」(重新整理),就會顯示 Domain is「UNLOCKED」(已解鎖) 了。
勾選同意轉移域名聯絡資訊 。- 圖片標註 ➁
第 4 步
到信箱查看 Bluehost 寄的 Email,複製「Authorization Code」(授權碼)。
快捷鍵:複製
Windows 系統:Ctrl + C
MAC 系統:Cmd + C
第 5 步
回到 Namecheap 貼上授權碼。- 圖片標註 ➀
快捷鍵:貼上
Windows 系統:Ctrl + V
MAC 系統:Cmd + V
並點擊「VERIFY AUTH CODE」(驗證授權碼)。- 圖片標註 ➁
(4) 支付 Namecheap 域名費用
第 1 步
點擊右下方的「add to cart」(加入購物車)。
第 2 步
點擊「View Cart」(查看購物車) 按鈕。
第 3 步
把 Domain Transfer (域名轉移)、Domain Privacy (域名隱私保護) 的「AUTO-RENEW」(自動續訂) 都打開。
Domain Transfer (域名轉移) 會幫你自動續約域名。
不然忘記續約的話,這個域名會回到公開市場,有可能被其他人搶走控制權。
✏️ 域名轉移費
雖然域名轉移時,在 Namecheap 第 1 年的費用叫做「域名轉移費」,但實際上這是用來支付「域名續約」的費用。
Domain Privacy (域名隱私保護) 則會幫你自動續約「域名隱私保護」功能。
這樣你的姓名、Email、地址與電話等等資訊就會被隱藏起來,不會被公開在網路上。
域名隱私保護的功能在 Bluehost 每年要 $15 美金 (約 $450 台幣),但在 Namecheap,這個功能是永久免費的!
所以把域名轉移到 Namecheap 不僅可以省續約費,還可以省下域名隱私保護的費用。
第 4 步
官方不時會推出一些限時優惠,你可以點擊下方連結找找看現在有沒有折扣碼可以使用。
剛好有適用的優惠的話,點擊折扣碼就可以複製它。
備註:
如果當下沒有折扣碼的話也不用太在意,因為有沒有使用折扣碼也只 $0.2 美金 (約 $6 台幣) 而已。
第 5 步
回到 Namecheap 後台貼上折扣碼,然後按「Apply」(套用) 。
快捷鍵:貼上
Windows 系統:Ctrl + V
MAC 系統:Cmd + V
第 6 步
檢查一下金額,第 1 年的域名只要 $11.28 美金 (約 $338 台幣)。
另外還會加上一筆 $0.18 美金 (約 $5 台幣) 的 ICANN 費用。
✏️ ICANN 費用是什麼?
域名每年都會被固定收 $0.18 美金 (約 $5 台幣) 的 ICANN 費用。
ICANN 費用是指國際互聯網名稱與數字地址分配機構 (ICANN) 向註冊域名的註冊商收取的一小部分費用,用於支持其運營和互聯網名稱與地址管理的工作。
確認好之後,點擊「Confirm Order」(確認訂單)。
第 7 步
填寫「Account Contact Information」(帳戶聯絡資訊),
我已經幫大家把項目都翻譯成中文,大家對照著下方圖片裡的翻譯填入對應的資料就可以了。
輸入完聯絡資訊之後,就點擊「Continue」(繼續)。
✏️ 小筆記
- 如果是一般個人註冊「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
- 傳真號碼可以選填
第 8 步
填寫信用卡資訊。
✏️ 小筆記
- 「Name on Card」(持卡人姓名) 要跟信用卡上的英文姓名的一致。
- 「Card Billing Address」(信用卡帳單地址) 可以選「Use default account contact」(使用預設帳戶聯絡資訊),也可以選擇「Add new contact」(新增聯絡資訊) 手動填寫。
- 「Remember this card for later use」(記住此卡以備後用) 可以打勾,後續續約可以直接用這張信用卡扣款。
第 9 步
「Receipt Details」(收據明細) 可以選擇「Use default account contact」(使用預設帳戶聯絡資訊),也可以自行修改。
第 10 步
查看「Renewal Settings for Your Purchase」(你購買的續訂設定) 。
以下三個選項都要打勾:- 圖片標註 ➀
- Automatically renew all of my eligible new services before expiration. (在到期前,自動續訂我所有符合條件的新服務)
- Domain Transfer (域名轉移)
- Free Domain Privacy (免費域名隱私保護)
勾選「Save the configuration above to my default payment settings」(將上述配置保存到我的默認付款設定)。- 圖片標註 ➁
再點擊「Continue」(繼續)。- 圖片標註 ➂
第 11 步
確定金額沒問題後,就點擊「Pay Now」(立即付款) 完成域名付款囉!
✏️ 小筆記
完成付款後,可能會彈出視窗請你填一份問卷,不想填的話,按右上角「X」略過就好。
(5) 提交同意域名轉移表單
之後,基本上只要等域名從 Bluehost 自動轉移到 Namecheap 就可以了。
域名轉移的過程中,DNS 記錄會自動保留,網站都可以正常運作。
這段期間,我們可能會收到 Bluehost 寄的幾封 Email 通知信,沒收到也不用擔心,並不影響域名的轉移。
不過,當我們收到「Domain Name Transfer Request」(網域名稱轉移請求) 這封 Email 時,可以主動點擊信件中的連結。
✏️ 諾特斯的經驗分享
我大約是在「到 Namecheap 申請域名轉入」的 1 小時後,才收到「「Domain Name Transfer Request」(網域名稱轉移請求) 這封信。
建議你也可以過一段時間,再回來檢查信箱就好!
選擇「Confirm」(確認)。
點擊「Submit」(提交)。
雖然 Email 上說,就算不點同意,域名也會自動轉移,但點了會感覺比較安心一點。
(6) 驗證 Namecheap 寄的域名驗證信
接下來,你應該會收到 Namecheap 寄的好幾封信,我有收到的 Namecheap Email 是這幾封,給你參考,但你不一定會收到一模一樣的。
只要注意其中最重要的,也就是主旨寫著「IMMEDIATE VERIFICATION required for your domain(s)」(需要立即驗證你的域名) 的這封信。
這是一封 WHOIS 聯絡資訊的驗證信,點擊信件內的「Click here to verify your email address」(點擊此處驗證你的電子郵件地址)。
當看到寫著「Success!」(成功!) 的畫面,就代表你的域名已經正式從 Bluehost 轉移到 Namecheap 囉!
3. 設定 DNS:連結域名與主機
域名轉移到 Namecheap 後,我們需要在 Namecheap 設定 DNS 紀錄,把 Namecheap 域名從指向 Bluehost 主機,改為指向 Cloudways 主機。
設定完之後, Cloudways 的「臨時網站」就會變成「新網站」了!
備註:有關「臨時網站」、「新網站」等等我自己定義的名詞解釋,可以參考 這裡。
DNS 是什麼?
DNS 的全名是 Domain Name System (域名系統),是網路中負責將域名轉換成 IP 位址的管理和查詢系統。
DNS 的原理有一點複雜,如果你想詳細瞭解 DNS 是如何運作的,歡迎點擊下方連結,閱讀我用心製作的解說筆記。
DNS 是什麼意思?
揭秘域名解析 + 實用 DNS 查詢工具推薦
那對只是想完成連結域名的人來說,DNS 設定的意思,就是把主機與域名連接起來。
連接好之後,大家就可以在瀏覽器輸入你的域名,然後順利進入到你的網站了。
(1) Namecheap 域名指向 Cloudways 的主機
第 1 步
進到 Namecheap 後台,選擇 「Domain List」(域名列表)。
第 2 步
當看到域名的「Status」(狀態) 顯示為「ACTIVE」(啟用) 的時候,就代表能做 DNS 設定了。
點擊「MANAGE」(管理)。
第 3 步
把 NAMESERVERS 從「Custom DNS」(自訂 DNS) 改成「Namecheap BasicDNS」(Namecheap 基本 DNS),並且打勾。
✏️ 小筆記
域名從 Bluehost 轉移到 Namecheap 後,Nameserver (名稱伺服器) 設定不會自動轉移。
也就是說,它們還是指向原本 Bluehost 的名稱伺服器。
我們需要手動把 NAMESERVERS 改成 Namecheap 的名稱伺服器,然後設定指向 Cloudways 主機。
第 4 步
切換到「Advanced DNS」(進階 DNS)。
我們需要新增 2 條 DNS 紀錄 (A 紀錄、CNAME 紀錄)。
✏️ 小筆記
- A 紀錄:負責登記 IP 位址,把域名指向主機。
新增好 A 紀錄後,當我們輸入域名,例:noteswebsitedemo.com,就能將該域名指向你的 Cloudways 主機。 - CNAME 紀錄:負責將網站的別名指向主網域。
新增好 CNAME 紀錄後,當我們輸入子域名,例:www.noteswebsitedemo.com,就能重新導向到 noteswebsitedemo.com,成功打開網站。
👉 更多免費筆記:A、AAAA 、CNAME、MX、NS 紀錄是什麼?
第 5 步
點擊紅色「+」圖示「ADD NEW RECORD」(新增紀錄) 。
第 6 步
「Type」(類型) 選擇「A Record」(A 紀錄)。
第 7 步
「Host」 (主機) 填「@」。
✏️ 「@」是什麼意思?
Host (主機),也可以叫做「主機名稱」,指的是網路中的一台主機或設備的名稱。
在 Host 欄位填寫「@」時,這代表你的整個網域,也就是主域名。
以這篇筆記的例子來說就是 noteswebsitedemo.com。
第 8 步
「Value」(值) 要填入 Cloudways 主機的 IP 位址。
到 Cloudways 後台的「Your Application」(你的應用程式) 底下,複製「Public IP」(公共 IP)。
快捷鍵:複製
Windows 系統:Ctrl + C
MAC 系統:Cmd + C
回到 Namecheap 後台,在「Value」(值) 的地方貼上公共 IP。
快捷鍵:貼上
Windows 系統:Ctrl + V
MAC 系統:Cmd + V
第 9 步
TTL (存留時間) 保持預設的「Automatic」(自動的),然後打勾。
✏️ TTL 是什麼?
TTL (Time To Live) 代表「存留時間」,TTL 決定了 DNS 紀錄在「DNS 伺服器」和「快取」中保存的時間長度。
當一個 DNS 紀錄的 TTL 到期後,DNS 伺服器會丟棄這個 DNS 紀錄, 並重新查詢最新的 DNS 紀錄。
新增好 A 紀錄後,這個域名就會指向我在 Cloudways 主機的「新網站」了。
第 10 步
我們需要再新增一條「CNAME Record」(CNAME 紀錄)。
一樣先點擊「ADD NEW RECORD」。
第 11 步
「Type」(類型) 類型「CNAME Record」(CNAME 紀錄)。
第 12 步
「Host」(主機) 的地方填「www」。
第 13 步
「Value」(值) 填寫主域名。
✏️ 小筆記
在 CNAME 紀錄中,Host (主機) 欄位填入「www」表示這個 CNAME 紀錄是針對「www」這個子域名。
而在 Value (值) 欄位填入主域名,表示這個 CNAME 紀錄將指定的子域名重新導向到主域名。
例如:主域名是 noteswebsitedemo.com,那麼填寫「www」表示這個 CNAME 紀錄是針對 www.noteswebsitedemo.com 的。
第 14 步
TTL 保持預設的「Automatic」,然後打勾。
打勾儲存 CNAME 紀錄後,域名最後會自動多出一個「.」是正常的,不用擔心。
以這篇網站的示範網站為例,新增好 CNAME 紀錄後,當你在網址列輸入網站的別名「www.noteswebsitedemo.com」,就能被導向到網站的裸域名「noteswebsitedemo.com」了。
(2) 把臨時域名改成正式域名
第 1 步
前往 Cloudways 後台,點擊「Applications」(應用程式)。
第 2 步
選擇「Your Application」(你的應用程式)。
第 3 步
在左側欄位點擊「Domain Management」(域名管理)。
第 4 步
點擊「+ Add Domain」(新增域名) 按鈕。
第 5 步
輸入域名,然後點擊「Save Changes」(儲存變更)。
第 6 步
Domain List (域名清單) 現在可以看到我們加入的域名了。
點擊右邊的「3 個點」圖示。- 圖片標註 ➀
選擇「Make Primary」(設為主要域名)。- 圖片標註 ➁
第 7 步
在彈出的視窗點擊「Set as Primary」(設定為主要)。
這樣就設定好正式域名了。
(3) 用 DNS 查詢工具確認設定是否生效
你可以點擊下方連結,利用線上查詢工具 DNS Checker,確認網站的 DNS 設定是不是已經生效了。
👉 點我前往:DNS Checker
在「DNS CHECK」(DNS 檢查) 輸入域名,然後按「Search」(搜尋)。
如果 A 紀錄都已經指向 Cloudways 主機的 IP 位址,那就沒問題啦!
✏️ 小筆記
DNS 紀錄更新後,需要等待一段時間,才能讓 DNS 紀錄同步到全世界的 DNS 解析器,這個過程通常需要幾個小時到 48 小時。
在完成 DNS 設定後的 48 小時內查詢網站的 DNS 設定時,可能會看到不同地區的 DNS 解析器分別指向 Bluehost 主機跟 Cloudways 主機,這是因為 DNS 紀錄還在陸續同步中,屬於正常情況,不需擔心!
4. 在 Cloudways 主機上安裝免費 SSL 憑證
SSL 憑證是什麼?
SSL 是 Secure Socket Layer 的縮寫,也就是「安全通訊協定」。
SSL 憑證是一種由數位憑證認證機構核發的數位證書,負責加密資料,證明網站身份,確保傳輸過程的完整性與安全性。
有安裝 SSL 憑證的網站,在瀏覽器的網址列會顯示 https。
✏️ 小筆記
在 Google Chrome 瀏覽器需要在網址列點滑鼠左鍵 2 下才會顯示 https。
如果想更進一步瞭解 SSL 是什麼的話,歡迎點擊下方連結,觀看我用心製作的解說筆記。
SSL 憑證是什麼?
http、https 是什麼?
推薦安裝免費 SSL 憑證!
在 Cloudways 主機安裝 SSL 憑證
第 1 步
在 Cloudways 後台點擊「Applications」(應用程式)。
第 2 步
點擊「Your Application」(你的應用程式),
第 3 步
點擊左側欄位的「SSL Certificate」(SSL 憑證)。
第 4 步
填寫「Email Address」(Email 地址) 。- 圖片標註 ➀
填寫「Domain Name」(域名)。- 圖片標註 ➁
再點擊「Install Certificate」(安裝憑證)。- 圖片標註 ➂
等待 SSL 憑證安裝完成,會出現「Let’s Encrypt 憑證安裝成功」 的通知。
✏️ Let’s Encrypt 是什麼?
Let’s Encrypt 是一個免費、自動化的憑證授權機構,提供 Domain Validation (DV) 類型的 SSL/TLS 憑證來加密網站。
Let’s Encrypt 的目標是推廣網站加密,讓所有網站都能免費使用 HTTPS 來確保傳輸安全。
第 5 步
打開網站檢查看看,在瀏覽器中用滑鼠左鍵點擊網址列 2 下,看到網址出現 https 就代表 SSL 憑證安裝成功囉!
5. WordPress 網站搬家最後檢查
接下來,我們要做 WordPress 網站搬家檢查,來確保轉移後,網站能保持 Google 排名。
網站搬家會影響 SEO 排名/網站流量嗎?
如果跟著這篇筆記操作,可以無縫把 WordPress 主機從 Bluehost 轉移到 Cloudways,還有把域名從 Bluehost 轉移到 Namecheap,不會造成網站無法運作。
理論上,就不會對 SEO 排名/網站流量造成負面影響。
甚至在搬家後,因為網站速度變快,訪客瀏覽體驗變好,可能會提升 Google 排名。
搬家後檢查清單
如果你擔心搬家會對網站流量有負面影響,可以跟著我下面列出的注意項目,一起檢查你的網站。
➀ 確保新網站的 DNS 設定正確
使用 DNS Checker 等線上工具查詢網站 IP,確認新網站的 DNS 設定是否生效。
➁ 檢查新網站的內容
確認上所有的文章、頁面的文字,以及圖片 (包含圖片說明、替代文字等等)是不是可以正常顯示。
➂ 檢查新網站的連結
確保網站上所有的內部連結、外部連結,都可以點擊而且正確連結到目標網頁。
另外,如果你有使用 Google Search Console (GSC) 來追蹤 Google 搜尋結果中的成效,可以重新提交 Sitemap (網站地圖),來協助搜尋引擎快速重新爬取和索引你的網站內容。
我是利用 Rank Math 外掛 自動提交 Sitemap (網站地圖)。
如果你對 Rank Math 外掛有興趣的話,歡迎點擊下方連結,觀看我製作的「Rank Math 免費版」筆記!
Rank Math 教學 2024
比 Yoast 更佛心的 WordPress SEO 外掛 !
網站搬家後,可以用 Google Analytics (GA) 持續監測你的網站流量。
如果流量有不正常的劇烈變動,請重新檢查以上幾點,找出可能的原因。
取消 Bluehost 主機、域名的續訂
做完 DNS 設定後,所有流量 (Google 搜尋流量、廣告流量、Facebook 推薦流量、YouTube 推薦流量等等) 就會被重新導向到 Cloudways 主機的新網站,所以 Bluehost 主機的舊網站就不會有流量了。
既然 Bluehost 主機已經沒有用了,那就可以取消 Bluehost 主機跟域名的續訂 (續約)。
第 1 步
前往 Bluehost 後台的「RENEWAL CENTER」(續訂中心)。
第 2 步
勾選「WordPress Basic Hosting」(WordPress 基本主機代管)。
第 3 步
點擊「DISABLE AUTO-RENEW」(停用自動續訂)。
第 4 步
點擊「CONTINUE」(繼續)。
第 5 步
點擊「TURN OFF AUTO-RENEW」(關閉自動續約)。
之後,只要等 Bluehost 合約到期,讓舊網站被自動刪除就好!
結語
在這篇筆記中,我們一起把原本主機和域名都在 Bluehost 的 WordPress 網站,搬家到 Cloudways 主機和轉移到 Namecheap 域名了。
註冊時輸入折扣碼 NOTES,取得專屬前 3 個月 7 折優惠!
跟著一起操作,過程其實不會很難,對吧?
網站搬家後,在主機租用跟域名註冊的費用方面,都比原本在 Bluehost 續約更便宜。
相信在長期的網站經營上,可以幫大家省下一筆錢。
搬家後的網站,也從共享主機,變成管理型雲端主機。
讓我們的網站速度更快、訪客體驗更好,有機會讓 SEO 排名更進步!
希望 WordPress 網站搬家之後,能幫助你的網路事業發展更順利!
如果你想知道更多有關網站架設的細節,歡迎觀看我用心製作的其他 WordPress 筆記。
WordPress 新手教學 (總整理)
參考資料
- How to Migrate Your WordPress Site to Cloudways | Cloudways 101
- Migrate WordPress Websites to Cloudways with Ease
- How to transfer a domain name to Namecheap
- Complete Guide to Moving to Cloudways: Say Goodbye to Slow Shared Hosting
- How To Point Your Domain To Cloudways Hosting 2024
- Cloudways Migration Tutorial: How To Migrate Your Sites To Cloudways Hosting (Step-by-Step)
- Cloudways tutorial for beginners: Everything you need to know
製作團隊
總編輯、發佈:諾特斯
文字撰寫、文字編輯、圖片製作、圖片編輯:鹹魚
圖片製作:蚊子