第一次開會是星期二早上九點。會議室桌上放著舊官網的十四頁列印稿。
每一頁右上角都有紅筆寫的字。最多的那一頁寫了十一條。
結論寫在最前面
六週改完十四頁官網,關鍵在把驗收拆成四次,每次只驗一種東西。第一次驗結構,第二次驗文字,第三次驗版面,第四次驗速度與追蹤碼。四次分開驗,退回次數從常見的五到六次降到兩次。
第一週:把舊站拆成一張表
十四頁,每一頁記六件事。
網址、標題、H1、月流量、月表單數、跳出率。
表格填完,兩件事浮出來。
四頁的月流量是零。三頁的 H1 是公司名稱。
那四頁後來合併成一頁。
第二週:新結構與第一次驗收
新結構十頁。首頁、三個服務頁、案例列表、案例內頁、新知列表、新知內頁、關於、聯絡。
第一次驗收只看三件事:每一頁的網址、每一頁的 H1、每一頁往下要連到哪三頁。
驗收用一張 A3 紙,畫成流程圖。
這一次通過。花了四十分鐘。
第三週:文字與第一次退回
十頁文字寫完,交出去。星期四被退回。
退回原因是服務頁的第一段。
三個服務頁的第一段句型一樣,只換了名詞。客戶說看不出差別在哪裡。
重寫的做法是每一頁的第一段先寫一個客戶場景,再寫價格級距,最後寫交付物。
重寫後星期一通過。
第四週:版面與第二次退回
版面稿交出去,星期三被退回。
退回原因是手機版的服務頁。
價格級距那一塊在手機上要滑三次才看得完。
改法是把三個級距從橫排改成直排卡片,每張卡片高度固定,價格放在標題右邊。
改完手機版那一塊從三螢變成一螢半。
第五週:速度與追蹤
第三次驗收看版面,通過。第四次驗收看速度與追蹤碼。
首頁的圖從十一張減到六張,全部轉成 WebP。
字體從四個字重減到兩個。
行動版的最大內容繪製從四點二秒降到一點九秒。
追蹤碼裝四個事件:表單送出、電話點擊、價格區塊瀏覽、案例頁滾動到底。
第六週:上線與轉址
星期二凌晨兩點切換。
舊站十四個網址,其中九個併頁,做了九條轉址。
轉址上線後三小時,逐一手動測試十四個舊網址。
兩條轉址寫錯,指到首頁而不是對應新頁。當天修好。
星期三提交新的 sitemap。星期五 Search Console 顯示十頁全部讀取成功。
上線後三十天的四個數字
第三十天拉報表,四個數字。
自然搜尋流量比上線前三十天多百分之四十一。
表單送出從十九件變成三十四件。
服務頁的平均停留從四十八秒變成一分五十六秒。
每件表單的廣告成本從一千一百四十元降到六百二十元。
六週能做完的三個前提
六週不是每個案子都能。三個前提要先成立。
第一,決策的人只有一位,且每週有一小時。
第二,文字由一個人寫完,不分給三個部門。
第三,圖片素材在第一週就到齊。
三個前提缺一個,六週會變成十週。缺兩個,會變成十六週。
十四頁併成十頁的合併規則
併頁不是刪。四個規則。
第一,月流量為零且六個月無外部連結的頁面,內容搬到最相近的服務頁。
第二,同一服務拆成三頁介紹的,合併成一頁,用三個 H2 分段。
第三,只有一段文字的頁面,內容搬進常見問題。
第四,舊網址全部保留並三零一轉址到新位置。
十四頁照這四條走,最後留十頁,總字數從八千一百字變成一萬四千兩百字。
每一頁要寫進去的七個區塊
新版每一頁固定七個區塊,順序不變。
第一,一句結論,四十個字以內。
第二,適合誰與不適合誰,各三行。
第三,交付物清單,逐項列出頁數或時數。
第四,價格級距,三張卡片。
第五,流程與時間,含每一步的工作日。
第六,常見問題,五到六組。
第七,行動指令,一個按鈕加一支電話。
七個區塊都在,一頁的字數落在一千兩百到一千八百字。
圖片從十一張減到六張的挑法
首頁原本十一張圖。刪的順序有依據。
先刪圖庫照。三張辦公室握手照全部刪掉。
再刪重複功能的圖。兩張流程圖只留一張。
留下來的六張是:一張團隊實拍、一張交付物實拍、三張案例截圖、一張流程圖。
六張全部轉 WebP,長邊限制一千六百像素,總大小從四點一 MB 降到七百四十 KB。
上線前一天的十二項清單
切換前一天,逐項打勾。
備份舊站檔案與資料庫、確認新站每頁 title 與 meta description、確認 canonical、確認 robots.txt、確認 sitemap、確認 favicon、確認表單寄信、確認電話連結、確認四個追蹤事件、確認四零四頁、確認 HTTPS 憑證、確認九條轉址。
十二項全部打勾才切換。那天我們花了兩小時四十分鐘。
兩次退回的原因與處理
第一次退回在第三週。新站的產品頁把規格表做成圖片。手機上放大之後看不清楚,也搜不到字。要求改成表格。廠商改了兩天。
第二次退回在第五週。舊站有一百四十七個網址,轉址表只做了八十九個。缺的五十八個全部指向首頁。要求逐一對應。廠商補了三天。
兩次退回共花五天。上線日往後推三天,第六週結束前完成。
上線當天的六個檢查
第一個:轉址表逐筆點過,回應碼要是三百零一。
第二個:網站地圖重新提交。
第三個:搜尋主控台看有沒有新的抓取錯誤。
第四個:分析代碼在五個代表頁面各測一次。
第五個:表單送出,收到信才算過。
第六個:用手機的行動網路開首頁,不用公司無線網路。
上線後三十天的流量曲線
第一週自然搜尋流量掉兩成六。第二週掉一成四。第三週回到原本的九成七。第四週超過改版前一成二。
掉的那兩週不做任何補救動作。動作在轉址表做完的那一刻就結束了。
我們看過的十一次改版,前兩週掉三成以內、第四週回升的,有九次。另外兩次是轉址表有缺漏。
改版不要一起做的三件事
不要同時換網域。
不要同時換內容管理系統與網站架構。
不要同時改導覽結構與網址規則。
三件事分三次做,中間各隔六週。一起做出事,找不出是哪一件造成的。
重點整理
- 第一週把舊站拆成一張表,六個欄位,零流量的頁面直接合併。
- 驗收分四次:結構、文字、版面、速度與追蹤。
- 服務頁第一段先寫客戶場景,再寫價格級距,最後寫交付物。
- 手機版的價格級距用直排卡片,不要橫排。
- 上線後手動測試每一條轉址,不要只看報表。
- 六週要成立三個前提:單一決策者、單一寫手、素材第一週到齊。
想在六週內完成一次不掉排名的改版,我們會先做那張十四頁的拆解表。
延伸閱讀:品牌訊息層級:客戶只記得住一句話、流量很高卻沒訂單的實戰拆解、讓 AI 引用你的網站、AI 能見度怎麼量
延伸閱讀
換一個角度看同一個問題,寫在四十五分鐘的英文面試:一份逐字稿的六個段落,與被追問三次的那一題。
同一組客戶身上的另一段紀錄,寫在面試談薪的四個回合:五年以上資歷者的逐句對白。
要先做完的那一件事,寫在流量很高卻沒訂單?從轉單率找出品牌成長卡點的實戰拆解。