正所謂自己的房子自己搬, 如果 Blogger 是一個溫馨的茅草屋, 那麼 WordPress 就是個華麗的大城堡, 讓我們一步一腳印, 靠自己的力量慢慢的搬進大房子裡吧 ^O^
一開始糊里糊塗的選了 Blogger 開始了我的 blogging 之路… 喜歡在裡面自言自語, 也愛上跟大家分享美國育兒 & 開箱曬物的樂趣… 兩年過去了, 隨著文章數越來越多, 人氣也小有成果後, 就開始想要精益求精, 想要美美的 front page, 也花更多的心思在 SEO 上面…
平心而論, Blogger 真的有滿多優點的, 自由度也還算高~! 但因為他免費服務, 所以也不免有了不少限制, ex: 只能用內建的照片尺寸, 無法上傳檔案, SEO vs. 美美版型的拉鋸戰 & 批次更改的困難度… 當我花了不少的精力後才領悟到 Blogger 不支援, 或者是體悟到 200 篇的內文我需要一篇一篇手動更改的痛苦, 我決定不要再繼續浪費我陪小孩 & 睡覺的寶貴時間, 毅然決然的決定要搬家到 WordPress 了~!! 只能說很多事就是靠一時衝動啊, 畢竟我也才剛大改 Blogger 版面不到一個月啊~!!
免費就是處處受限, 時間才是最寶貴的資產啊~!!
當我試用了自架站的 WordPress 後, 突然有一種小魚游進大海的驚喜感~!!! 不論是修改照片說明, 分類標籤等等的都可以在一個介面下完成, 有些甚至可以批次作業, 就像拋轉工單一樣的簡單!! 某資工人甚至跟我說, 只要你有邏輯, 我都可以寫程式幫你搞定, 很簡單… 唉, 只能在心裡默默哀悼著當初自己在 blogger 一篇篇新增照片說明 & 尺寸時所花費的時間… 畢竟 SEO 的功力也是隨著時間慢慢的增進, 所以偶而還是需要回頭修改一下舊文… 而當文章一多的時候, 改舊文格式簡直是生不如死啊, 跟我一樣有 blog 潔癖的人還是快快自己架站吧, 時間就是金錢啊 (推坑中…)~!!!
雖然我也一度害怕, 畢竟自架站感覺就像生了個寶寶一樣, 是個不可逆反應! 一但繳了錢開始了這個生命, 就要一輩子供養它, 不然你的回憶就只能被封存了… 總之, 再多的考量都抵不上一時衝動, 人生嘛, 就是需要個契機, 哈~!! 所以, 在 88 節的這天 (8/8/16′), 決定就來認養 twpeach.com 啦! Oh Yayyyy, twpeach 小寶寶, 讓我從現在開始灌溉你吧~!!!!
玩了一陣子 WordPress 終於稍微有點感覺了, 雖然修改的介面, 語法都跟我熟悉的 Blogger 不太一樣… 但是, 畢竟也是摸了 Blogger 兩年多, 所以, 還算好上手啦, 而且, 超多好用的外掛啊, WordPress 筆記詳見: WordPress 新手上路網站設定/優化懶人包~!!
好啦, 落落長的前言結束, 這篇主要就要 focus 在從 blogger 搬家到 WordPress 的過程啦~!! 嚴格說起來 Blogger 搬家到 WordPress 真的只有 4 個步驟!
- 熟悉新家: 建議先把新家安置妥當再來談搬家, 需要買好 domain & hosting company –> 參考: WordPress 新手上路網站設定/優化懶人包~!!
- 匯出/備份 Blogger 舊文 –> Settings –> Other –> Back up Content
- 匯入 Blogger 文章 –> Tools –> Import –> Blogger –> Run Importer
- 設定 301 Redirects
It’s done~!! 看起來真的不難吧, BUT… 後續需要多少時間微調舊文格式就要看你的潔癖啦! 我自己是已經做好每一篇都要微調的心裡準備, 但還是非常的痛苦, 到現在更新完的文章都還沒一半, 還在繼續努力中, 也努力學習睜一隻眼閉一隻眼不要太強迫症, 只能在心裡跟自己說就痛最後一次吧 :( (finger crossed) 舊包袱真的好沉重啊, 嗚嗚嗚…
大概有個雛型, 下面就來進行進一步的解說啦…
複雜的事簡單化
這是我在 PhD 路上常常需要的金玉良言, 放在這裡也是不為過的… 在開始進行這項偉大的工程前, 徹底了解並先做好一些前置作業是絕對必要的!!!
Permalink
301 Redirect 沒有魔法, 就是一個舊網址對應一個新網址的設定…
為了完美接軌, 大部分的轉址教學文章會跟你說, 先去 WordPress 把 permalink 設成跟 blogger 盡量類似, 也就是 /%year%/%monthnum%/%postname%.html, 這樣 match 起來就沒問題了… 但是我很任性的不想綁著舊東家的 mark, 畢竟這不是一個好的 SEO 網址, 更何況我之前就因為月份的關係老是打錯連結, 所以在能擺脫的情況下我是一定不會走回老路的啊, 而且趁這個機會我也想要改掉一些連結!!
所以, 我自己的做法是維持 WordPress permalink /%postname%/, 先把網域從 twpeach.blogspot.com/ 轉到 twpeach.com/, 再利用 plugin 上傳網址對照表, 就可以批次作業的把 /年/月/post id.html 的文章 301 Redirect 到 /post id/! 這樣做的好處是你可以 100% 的 control 你的新網址 ^^
首先, 不論是 Blogger 或是 WordPress, 在不手動設定的情況下, 他們都有自己偵測標題並產生網址的功能… 但是礙於中文標題帶來的一些不方便, 網址就會變成亂碼網址…
Ex: [美國育兒] 美國童裝網購指南, 當這篇文章一誕生, WordPress 自動產生的網址會是 http://twpeach.com/美國育兒-美國童裝網購指南, 貼在網址列上就會變成 “http://twpeach.com/%e7%be%8e%e5%9c%8b%e8%82%b2%e5%85%92-%e7%be%8e%e5%9c%8b%e7%ab%a5%e8%a3%9d%e7%b6%b2%e8%b3%bc%e6%8c%87%e5%8d%97/” 這對有潔癖的我是完全不能接受的, 更何況我有設簡潔網址的強迫症…
所以, 如果看不過去這一點, 那就要有一篇一篇手動改標題的覺悟, 所幸是也不難啦, 花時間就是了…
再來, 如何建立 1-1 的網址匹配…
Goal: 取得相對應的 “舊 post id” vs. “新完整網址”
1. 開啟新的 excel 檔, 一篇一篇的把標題貼在 A 行, 舊的完整網址貼到 B 行, D 行則是放上你深思熟慮後的新 post id (post id 就好, 不需要完整網址), 如下圖!
2. C 行打入公式 “=RIGHT(B2, LEN(B2)-28)” 這步驟是為了要把網域名稱去掉, 基於每個人的網域長度不一樣, 就自己數數啦, 把橘色的數字改成你的字數就可以產生舊網址的 post id 了! 如果在 step1 的時候只貼舊網址的 post id 就可以免去這一步了, 只是, 整個 copy, paste 網址還是比較簡單一點嚕~!!
3. 隨便找兩個空格 ex: F1 打上新的網域名稱 (http://twpeach.com/), F2 打上 ‘/, 完成後 E 行則打入公式 “=$F$1&D1&$F$2” 這步驟是為了要幫新的 post id 加上新的網域名稱! 一樣, 如果在 step1 你本來就輸入完整網址就可以略過這一步啦~!!
這樣就完成複雜的網址對照表啦~!!
終於可以開始搬家了, 到底前方還有多少困難咧, Let’s see~!!
PS. 建議先全部讀完後再開始一步一步進行喔~!!
Blogger 搬家到 WordPress 全紀錄正式開始 ^O^
1. 熟悉新家: 不論你要搬到哪裡建議都先去試試水溫, 了解自己想要什麼樣的版面, 想要怎麼分類, 也先寫寫幾篇文章感覺一下版型 & 照片排版的最適化… 最好是可以把版面都處理到幾盡完美只差還沒匯舊文進來的程度… 然後千萬不要忘記進行完整備份, 備份好就可以準備刺激的搬家過程了!
2. 匯出/備份 Blogger 舊文: 到 Blogger 後台把 Blogger 文章備份出來, Settings –> Other –> Back up Content
3. 匯入 Blogger 文章: 到 WordPress 後台啟用 import 外掛, Tools –> Import –> Blogger –> Run Importer, 文章多會花比較久的時間, 但一般沒聽說有什麼大問題~!!
4. 設定 301 Redirects: 緊張的一刻終於到了… 不要害怕, 了不起一篇一篇改就是了 ^^” 程式參考: wpbeginner!
- 回到 Blogger, Template 頁面下, 手機模式選項打開, 選 “NO, Show desktop template on mobile devices” –> SAVE!
- Template 的頁面拉到最下面點選 “Revert to Classic Templates“! PS. 如果結果真的轉得很掉漆, 或是你還沒準備好, 可以按 “upgrade template” 就可以神不之鬼不覺得回復原狀, 等到下次準備好再來挑戰吧~!! (太有潔癖, 也可以先把轉過去的文章都先轉成草稿, 等編輯到完美再來轉址也 OK 喔~!!)
- 大膽的把 code 全選然後替換成以下語法! PS: “example.com” 要替換成你自己的 domain name 喔, 共有 6 個地方要改~!!
- 回到 WordPress, 打開 functions.php 檔案, 在末端加入以下程式碼!
- 安裝 EggPlant 301 Redirects 外掛, 把之前準備好的網址對照檔存成三欄的 .csv 格式 (如下圖, 三欄分別為 301, 舊 post id, 新完整網址), 上傳檔案, 漂亮的網址就大功告成啦~!!! EPS Redirects 的介面也非常的人性化, 可以批次上傳也可以輸入單一轉址網址, 如果有相對應的文章也會幫你直接顯示文章標題喔, so sweet~!!
- RSS Redirects: 如果之前的 blog 有忠實讀者, 記得也要去更改成新的網址喔~!! 回到 Blogger 後台, Settings –> Other –> Post Feed Redirect URL, 按下 Add, 就可以新增了… 一般的格式是 http://www.twpeach.com/feed/, 記得把橘色的部分改成你自己的網域就完成啦~!! 記得要按下右上角的 “Save settings” 啊~!!
將將將, 原則上你的網站現在已經漂亮的搬家完成囉~!!!
–> 9/28 update: 搬家後如果發現 homepage 的點擊率增加了千萬不要開心的太早… 因為我發現用這種方式搬完家後, 如果文章沒有 redirect 成功, 就會被導到 homepage… 我觀察了一下, 失效的通常都是跟 page 這種型式的文章有關… 不論是 post –> page, page –> post or page –> page, redirect 都失效… 目前我也不知道怎麼解決, 就先手動改網址啦, 呼, 搬家好累, 真心希望沒有下次了 🙁
- Broken Link Checker, 確認失效連結! 這個功能對於剛搬家的人還滿實用的, 建議搬完跑一下 ^^ 但是成效有限就是了, 因為所有找不到相對應網址的文章都會被 redirect 到主頁, 所以, 主頁的流覽量大家也要關注一下喔… 太高絕對不是好事啊, 哭…
- Redirect Checker: 這個網頁可以幫你偵測轉址狀態, 大家可以玩玩 ^^
接下來的部分要花多少時間就看大家的潔癖程度有多少啦…
- read more: 這個真的會全部失效, <!–more–> 全變成<a name=’more’></a> 🙁 如果想用資料庫一次搞定可以參考 Claire 的文章~!! 因為裝了 All-in-one SEO, 提供了獨立的摘要欄, 所以我自己是打算把文章結構全改掉, 把摘要移到摘要欄, 把首張圖片改到 featured images (就是個想不開的做法)… 要這麼想不開就只能一篇一篇改照片 & 加摘要, 所以這部分小 case, 我認命的一篇一篇手動移除啦…
- Categories to Tags Converter: 這個是 Blogger 搬家到 WordPress 的必備階段性外掛… 因為 Blogger 並沒有 Categories, 全部都是以 tags 呈現, 所以, 每篇文章更改是不可避免的, 不過可以直接在後台批次作業就是了 ^^
- Import External Images: 如果搬完後所有照片都乖乖的在那, 即使是外部連結照片也無所謂, 先這麼和平共處吧… 但如果照片沒 load 進來也不用擔心, 可以跑這支外掛, 外部照片就源源不絕的下載到你的資料庫了… 一次可以下載 50 張, 照片多的人就多跑幾次啦, 只是照片檔案大小會 follow 之前的設定而不是 WordPress 的設定喔, 詳細介紹參考: wpbeginner~!! 萬一某些文章的照片脾氣真得很硬, 就是不進來, 我覺得直接去舊網站 copy paste 原始文章 html 碼會簡單一些, 不然真的是光找照片就飽了 @@ PS. 照片會完也別忘了跑一下照片優化外掛喔, 壓縮壓縮省省空間啦~!!
- Quick Featured Images: Featured Image 這東西對於 Blogger 用戶來說是個新東西… 以前 Blogger 是用第一張照片當最新文章等等的縮圖, 但是, WordPress 多了這個新玩意兒~!! 所以, 如果你文章搬過來了, 這個部分會全部空白必須之後一篇一篇補上, 在茫茫照片海中找照片, 即使有照片名稱還是很費工啊… 如果可以接受直接以第一張照片當 Featured Image, 或許這個外掛可以幫上忙! 我自己是還沒看開, 還堅持著要一篇一篇自己設特色圖片, 所以不太知道效果如何, 有興趣的大家可以試試啦~!! 網路上也很多人分享藉由改程式碼達到這個目的, 大家可以搜尋看看喔 ^^
恩, 大致上就是這樣啦, 雖然我已經搬完家了, 但我現在還在一篇一篇的慢慢微調就是了… 除了改掉 Blogger 原有的照片排版, 尺寸還要改版面設計 & 字體… 只能說小時候不懂事, 不懂得用 css 設定, 很愛亂改字型 & 大小之類的, 所以現在只好慢慢修正啦… 呼, 目前進度 20%, 祝我好運啦~!! 這期間如果有網址錯亂或是內容錯誤也拜託大家告訴我啦, 無限感激~!! 🙂
提供我的血淚心得給跟我一樣有潔癖的大家, 那就是, 沒事不要亂搬家!!! 如果真的看不順眼非搬不可, 舊的文章不如就讓他繼續待在舊家, 我們只要朝著未來繼續努力邁進就好… 未來還有更多的可能性, 更大的版圖等我們攻克, 何必非要羈絆著過去呢… 被莫名的完美主義綁架, 目前還在埋頭苦改的版工留…
- 舊網站千萬不可以關掉喔, 關掉就無法轉址了啊 ^^”
- 記得要重新遞交 sitemap 啦~!! 等到網站經營了一陣子也別忘了去升級 Adsense 喔, 設定參考官方網站: AdSense!
- 本網站是拜讀 wpbeginner 的超詳細 blogger 搬家到 WordPress 教學文才搬家成功的, 有興趣的人可以參考: wpbeginner!
Oh Yayyyy, 200 篇文章又重回我的懷抱啦, 希望這是我最後一次搬家, 也預祝大家一切順利喔~!!
延伸閱讀:
–> 更多 blogging 相關文章詳見: ♥ Blogging ♥