跳至主要內容
×

新網站應如何建置及測試?先建測試環境,再驗證功能與內容

新網站可先在獨立測試環境建置,完成內容與功能檢查,再驗證跨裝置呈現、搜尋設定及分析資料收集,修正後重新測試,最後才對外公開。若是既有網站改版,可複製網站與資料庫作為測試基礎;全新網站則可使用獨立子網域建置。以下整理以測試環境及上線前檢查為主,細項仍須依網站功能決定,不能只靠一次 SEO 稽核就判定網站已準備完成。

先隔離測試環境,確認公開時機

Semrush 的遷移指南建議,改版時先複製網站檔案與資料庫,調整設定,讓副本連到測試用資料庫及網址,避免變更影響正式站。若正式站使用 CDN,測試環境也應一併設定,以檢查相容性;這是既有網站遷移的做法,不是全新網站必須先有副本。

尚未準備公開時,可加上密碼保護,並設定暫時性的 noindex。兩者用途不同:密碼限制存取,noindex 則用於要求搜尋引擎不要收錄頁面,不應當成保密措施。Google 的電子商務網站推出說明也指出,全面封閉可保密並讓測試人員檢查,但代價是公開後可能較晚出現在搜尋結果及購物分頁。

內容建置要連發布流程一起測

若是改版,不宜只把舊內容搬過去。Semrush 建議先盤點低表現、重複及過時內容,決定改善、合併或刪除,並優先處理既有流量與轉換較高的頁面。

  • 補妥頁面標題、描述與標頭,檢查內部連結,清除佔位文字。
  • 讓實際負責內容的人測試發布內容與連結,而非只由開發人員確認畫面。
  • 檢查圖片尺寸、欄位名稱、發布日期與時區,以及快取是否妨礙內容顯示。

最後兩項可參考 Nielsen Norman Group 於 2021 年介紹的 ConocoPhillips 改版案例:在地內容管理者提前測試,發現上述問題並於上線前解決。這是案例經驗,不是所有網站通用的官方驗收規則。

跨裝置檢查,不只確認首頁正常

桌面與行動裝置都應檢查功能及呈現,並涵蓋主要瀏覽器。Screaming Frog 在 2018 年的互動內容檢查文章中提到,作品在桌面與手機看似正常,仍曾在超寬螢幕出現邊緣空隙;因此有條件時,也可加入寬螢幕及高解析度環境。若內容提供嵌入功能,另須測試嵌入碼,不能以原始頁面正常代替嵌入測試。

修正後重測,再核對上線設定

技術 SEO 稽核應先處理嚴重錯誤,再檢查警告與通知,修正後重新執行。上線前也要核對 canonical 是否指向預期版本,並確認分析工具確實收到預定追蹤的事件資料,而不只是已安裝程式碼。

最後,逐項確認準備公開且希望被收錄的頁面已移除開發期間的暫時限制與 noindex,並檢查隱私政策等合規事項。這些檢查各有目的:搜尋設定不能代替功能測試,資料收集正常也不代表發布流程沒有問題。

新網站建置及測試的網路各方意見

如何在公開前檢查搜尋引擎能否存取測試站?

可暫時開放 Googlebot 存取測試站,並在 Search Console 驗證網站、檢查頁面與索引狀態。若有缺頁或與 noindex 無關的索引錯誤,應進一步調查;檢查後可恢復密碼保護。這項做法適用於上線前需要驗證搜尋存取的情況,暫時開放期間也要留意測試內容的保密需求。

網站使用結構化資料時,應如何驗證?

若網站準備加入結構化資料,作者建議先驗證標記,再加入網站。可用 Rich Results Test 檢查 Google 支援的複合式搜尋結果與類型;若標記包含 Google 不支援的類型,尤其可再使用 Schema.org 驗證器。這是針對有使用結構化資料的網站提出的檢查,不代表所有新站都必須加入標記。

追蹤標籤能在上線前測試嗎?

可以。若使用 Google Tag Manager 管理標籤,可利用其測試與除錯功能,在發布前確認標籤是否正常運作;版本控制也有助於排除問題。工具可搭配 Google Analytics 使用,但是否採用仍取決於網站的追蹤需求,不能因為使用標籤管理工具就省略資料收集驗證。

改版時若要更換主機,DNS 有什麼可預先處理?

若遷移涉及更換主機,可在遷移前暫時降低 DNS 的 TTL,讓其他電腦較快重新查詢紀錄,有助新 IP 位址傳播。遷移時還須更新 DNS 指向新伺服器,完成後再將 TTL 恢復正常;來源提醒,長期維持低 TTL 會增加網際網路系統不必要的工作。

能否先讓正式網站的訪客試用新流程?

若想在永久部署前測試新的網站流程,Semrush 提出可用 302 暫時將正式頁面的流量導向測試頁,收集回饋或資料;準備部署後,再永久導向或替換頁面內容。這是針對已有正式頁面、需要測試新流程的做法,不是所有新網站上線前都必須導向訪客。

參考資料

  1. 如何在 Google 平台上推出電子商務網站 | Google 搜尋中心  |  Documentation  |  Google for Developersdevelopers.google.com — 本文論述的參考來源。
  2. Google tag managerwww.warriorforum.com — 討論:追蹤標籤能在上線前測試嗎?
  3. The Complete Website Migration Checklist [SEO-Friendly]www.semrush.com · 2019-03-25T13:30:00Z — 討論:如何在公開前檢查搜尋引擎能否存取測試站?;改版時若要更換主機,DNS 有什麼可預先處理?
  4. ConocoPhillips’s Improved Intranet Content-Management Processwww.nngroup.com · 2021-09-12T16:00:00+0000 — 本文論述的參考來源。
  5. Interactive Content Launch Checklist – 12 Things to Do Before You Send It to the Clientwww.screamingfrog.co.uk · 2018-05-14T14:01:58+00:00 — 本文論述的參考來源。
  6. Website Migration SEO Checklist (88 Steps + Free Template)backlinko.com · 2024-04-01T17:23:50-05:00 — 本文論述的參考來源。
  7. Generate JSON-LD Schema at Scale With JavaScript Snippetswww.screamingfrog.co.uk · 2025-02-13T10:58:16+00:00 — 討論:網站使用結構化資料時,應如何驗證?
  8. 12 Best Website Optimization Tools in 2025 (Free + Paid)www.semrush.com · 2023-09-13T13:31:00Z — 討論:追蹤標籤能在上線前測試嗎?
  9. What’s a 302 Redirect? And When Should You (Actually) Use It?www.semrush.com · 2023-07-17T09:16:00Z — 討論:能否先讓正式網站的訪客試用新流程?
  10. What Is a Subdomain? A Beginner’s Guidewww.semrush.com · 2022-12-21T11:16:00Z — 本文論述的參考來源。
把問題繼續聊下去

一起討論 0 則留言

你遇到什麼狀況?留下問題或實作經驗,一起找到下一步。

目前還沒有留言,歡迎開始第一個討論。

留下你的想法

← 繼續找答案
聊聊你的需求

從你的品牌開始聊。

告訴我你的網站,以及你希望達成的目標。

用 LINE 聊聊 tony@procrustes.info