優質外部連結結構的立體示意圖

台中手機網站建置:舊站改 RWD 或另做行動版的遷移決策

Posted by:

|

On:

|

台中有很多企業手上都有一個「還能用、但明顯不是為手機做的」網站。它可能是幾年前做的,桌機版一切正常,手機上要放大縮小才看得到字。這時候的問題不是要不要處理,而是要怎麼處理:是把現有網站改成響應式,讓同一組網址在所有裝置上自動調整;還是另外做一套行動版,讓手機使用者被導到不同的網址去。台中手機網站建置的成敗,通常在這個分岔路口就決定了一半,因為它牽動的是網址、轉址、內容搬遷與後續的維護負擔。這篇專談工程與搬遷,不談版面怎麼設計。

兩條路的根本差別在哪裡

第一條路是把既有網站改成響應式:所有裝置共用同一組網址、同一份內容,靠樣式在不同寬度下重新排列。第二條路是另外建一套專供手機的網站,通常掛在一個獨立的網址底下,伺服器或前端依照裝置把使用者導過去。

兩者的差別不只在做法,更在長期的維護模型。共用同一組網址,代表你只要維護一份內容與一組網址;分成兩套,代表每一次改文案、上新產品、調整選單,都要確認兩邊都改到,而且兩邊的網址要保持對應。

對多數台中企業來說,網站更新的頻率不低——新機型、新型錄、展會資訊、人員招募。維護的份數會直接變成長期成本。所以除非有明確理由,改成響應式通常是比較單純的路線;但這不代表另做行動版永遠錯,下一節會談它合理的時機。

什麼情況才值得另外做一套行動版

另做行動版在幾種情況下仍然是務實的選擇。一是舊站的技術包袱太重,版面與內容綁死在一起,動一處就壞一片,重排樣式的工夫比重做還多。二是手機使用者的任務與桌機差異極大,例如桌機端是完整的型錄與規格查詢,手機端只需要簡短的詢價與聯絡,兩邊的資訊量本來就不打算一致。三是短期內必須先解決手機體驗,但完整改版的預算與時程還沒到位,先用一套輕量的手機版擋住缺口。

但選這條路要有心理準備:你會多出一組網址要管理、多一份內容要同步、多一套要測試的版面。而且只要兩邊內容出現落差,使用者在不同裝置上看到不一樣的資訊,信任感會受影響。

比較折衷的做法是把它視為過渡:先建立手機版解決當下的問題,但在規劃時就把「未來要合併回單一網址」納入設計,例如讓兩邊的網址結構一一對應,合併時才有辦法平順轉址。

第一條路:改成響應式的遷移步驟

把既有桌機站改成響應式,看起來像是純樣式工作,實際上有相當的前置盤點。建議的順序是這樣:

  • 盤點頁型:把網站的頁面歸類成幾種版型(首頁、產品列表、產品內頁、文章、聯絡、表單),通常數量比想像的少
  • 盤點會破版的元件:固定寬度的區塊、寫死尺寸的圖片、以表格排版的內容、內嵌的外部元件
  • 處理內容本身:過長的表格與規格資料要決定在窄螢幕怎麼呈現,這通常需要調整內容結構而不只是樣式
  • 逐一改寫版型,每改完一種就在實機上驗證,而不是全部改完才測
  • 保留網址完全不動,這是這條路最大的優勢,能不動就不要動

這條路的關鍵原則是:網址不變,風險就大幅降低。既有的排名、外部連結、已經被分享出去的網址全部照常運作,你要處理的只有呈現層。台中手機網站建置如果能守住這一點,整個專案的不確定性會小很多。

第二條路:台中手機網站建置走雙站時的網址處理

如果決定走雙站路線,網址處理就是整個專案最容易出錯的地方。有幾件事必須在開工前就定案。

第一是對應關係。桌機版的每一個頁面,都要能對應到行動版的哪一頁;沒有對應的頁面要怎麼辦,是導回相對應的上層頁面,還是導到首頁。把所有人都導回首頁是最常見也最傷的做法,因為使用者從搜尋結果點進來,期待看到的是那一頁的內容,卻被丟到首頁,多半直接離開。

第二是裝置判斷與轉址方式。判斷一定會有失準的時候,所以要保留讓使用者手動切換到另一個版本的入口,而且切換之後最好記住他的選擇。

第三是讓搜尋引擎理解兩組網址是同一份內容的不同版本。這需要在兩邊的頁面上做出互相指向的標註,讓對應關係明確,避免被當成重複內容。這些標註要隨著頁面新增與刪除一起維護,不能只在上線時做一次。

既有內容與排名怎麼帶過去

不論走哪一條路,只要網址有變動,就必須做網址對應與轉址。這是搬遷工程裡最沒有創意但最不能省的一段。

  • 先匯出舊站的完整網址清單,包含已經沒有連結但仍然被收錄的舊頁面
  • 逐一標註每個舊網址在新站的去處,一對一為原則,找不到對應的才往上層對應
  • 設定永久轉址,避免轉址串接太多層,也避免轉址指向另一個轉址
  • 保留原有的標題與內文重點,搬遷的同時大幅改寫內容,會讓你之後分不清變化是搬遷造成還是改寫造成
  • 上線後持續檢查錯誤頁面的回報,把漏掉的網址補進對應表

還有一件常被忽略的事:內部連結要一起改。如果內文與選單仍然指向舊網址,即使轉址設定正確,使用者與搜尋引擎都會多繞一次,長期下來也不利於維護。

排名的部分要誠實看待:正確的搬遷可以讓既有的表現盡量延續,但短期的波動幾乎無法完全避免,回穩通常需要數個月。沒有人能保證搬遷之後排名一定不變或一定更好。

分階段上線:降低一次全換的風險

台中不少企業的網站在展會前後特別重要,這時候最怕的就是一次全站切換出問題。分階段上線是務實的做法。

常見的切法有三種。一是依頁型切:先讓流量最大、任務最明確的頁型(例如產品內頁與聯絡頁)上新版,其餘維持舊版,兩者共存一段時間。二是依區塊切:先處理選單、頁首與頁尾這類全站共用的部分,讓整體在手機上先可用,再逐步處理內頁。三是依語系或事業部切:先上一種語系或一個產品線,確認流程沒問題再擴大。

無論怎麼切,都要準備兩件事:一是可以快速回退的機制,出問題時能在短時間內切回舊版;二是每個階段的驗收清單,包含實機測試、表單能不能送出、追蹤碼有沒有正確安裝、錯誤頁面有沒有暴增。把驗收清單寫下來,交接與驗收時才不會各說各話。

常見問題

我們的舊站是很久以前做的,還有辦法改成響應式嗎?
要看版面與內容綁得多緊。如果內容是從後台管理、版型集中在少數幾個檔案,改寫樣式通常可行;如果每一頁都是各自寫死的固定版面,逐頁改的工可能超過重做。判斷方式是先挑兩三個代表性頁面試改,用實際工時去推估全站。

改版期間,原本的網址還能用嗎?
如果走的是不動網址的響應式改造,原網址全程都能用。如果網址有調整,就必須在切換的當下同步上線轉址設定,不能等幾天再補,否則中間的訪客與搜尋引擎都會撞到錯誤頁面。

做了行動版之後,桌機版還要繼續維護嗎?
要。雙站路線的成本就在這裡:兩邊都要更新、都要測試。如果評估之後發現團隊沒有人力長期維護兩份內容,那就是選擇響應式路線的重要理由。

搬遷會不會影響排名?可以保證不掉嗎?
不能保證。任何人向你保證搬遷後排名一定不變或一定上升,都不該相信。能做的是把對應表、轉址、內部連結與內容一致性做扎實,讓影響降到最低,並在上線後持續觀察數個月。

如果你正在猶豫要走哪一條路,可以先做一件事:把現有網站的頁型數量與網址總數清點出來,再看看團隊每個月實際會更新哪些內容。這兩個數字往往就能指出哪條路比較適合你。

創昇SEO提供免費的網站健檢,也提供全台免費到府解說。如果你手邊有舊站的網址清單或後台權限,我們可以協助一起盤點遷移的範圍與風險,再決定分幾個階段進行。

Posted by

in