Elena與Robi的「羅馬民宿-勞倫蒂娜之家」開張至今,不知不覺就來到了第四個年頭。這一千四百多個日子裡,我們從菜鳥老闆晉升到累積一定經驗的中鳥,投資在民宿的時間與金錢也與日俱增。可惜的是,當初以Google Blogger建立的民宿網站兼部落格,早已不合時宜且毫無設計感可言,四年內從未更新過。

毫無設計感的Blogger舊網站

為了幫民宿網站脫胎換骨,大學也算是三分之一個資訊相關科系出身的Elena,決定走上自行架站之路,將原本的Blogger網站移到自架的Wordpress網站,順便連網址也一併變更。

WordPress其實一點也不難入門,對於稍微有點架站經驗的人來說,Wordpress跟以前的Dreamweaver相比根本是天堂。不過架完站之後的畫面設計、功能擴充、除錯與維護,才是真正的挑戰,必須花費許多心力。

Blogger網站搬家時,為了盡量不影響辛苦建立起來的SEO,必須採取301轉址(301 Redirect)的方式,且維持半年到一年的緩衝期讓Google慢慢適應新網站。

301轉址的方式有許多種,我選擇利用Cloudflare提供的免費轉址功能,將Blogger舊網站的訪客引導至Wordpress新網站。

用過Cloudflare的人應該都會豎起大拇指稱讚吧!它提供的DNS託管服務、CDN圖片分流加速服務、SSL憑證、轉址…等服務全部都是免費的,搭配易懂好操作的圖形介面,以及簡單不艱澀的英文,即使是架站新手也能輕易上手,最近他們更新增了繁體中文版網站,看不慣英文介面的話還可設定為熟悉的中文介面。

Cloudflare的繁體中文版網站

將自訂A網址的Blogger部落格網站,搬家到自訂B網址的Wordpress自架站,且利用301轉址將Blogger網站訪客導向Wordpress網站,乍看之下是個複雜的大工程,實際操作後卻發現並沒有想像中的困難,將主要流程整理如下:

  1. 先登入Cloudflare,將新、舊網站的DNS設定讓Cloudflare託管,以利後續使用Cloudflare提供的免費301轉址服務。
  2. 將Blogger舊網站內容備份為xml檔並下載至電腦中。
  3. 從Wordpress後台,將下載的xml檔匯入為新網站的部落格文章內容。
  4. 到Wordpress後台的設定(Settings)→固定網址設定→將自訂結構改為「/%year%/%monthnum%/%postname%.html」,使轉址後的新網址檔名同於Blogger的舊網址檔名,以免影響原有的SEO排名。
  5. 進入舊網站(A網址)的Cloudflare設定頁面,新增301轉址,將舊網址訪客轉到新網址。

在第五個步驟忽然卡住了,已確定設定正確,但等了好久301轉址都沒生效,連結舊網址時並未自動轉址到新網址。

後來找到Cloudflare的說明文件,原來是CDN的設定出了問題。不只新、舊網址的DNS需設定讓Cloudflare拖管,也必須同時將CDN服務開啟,如有任何一方未設定開啟Cloudflare的CDN服務,301轉址就無法生效。

Cloudflare的疑難排解說明文件

在Elena將新、舊網址的CDN服務都設定為開啟之後,歐耶~301轉址就立即生效了!接下來等民宿新網站的準備工作告一段落,就可以公諸世人囉!