測試站（預覽網址）

測試站、預覽網址和正式網址有什麼不同？

測試站和預覽網址是上線給客人看之前用來確認的網址，正式網址（正式環境・Production）則是客人實際看到的網址。有些製作公司會把預覽和測試站當成同一個意思。

主機服務的說明文件通常會分成開發者電腦（本機，Local）、預覽（Preview）、正式上線（Production）三個階段。把在預覽確認過的畫面搬到正式網址，就是部署。

預覽和正式網站跑的是同樣的程式碼，但像接收通知的號碼、付款設定這類，可能每個環境各自有不同的設定值。所以就算在預覽時通知收得到，上線後也最好馬上在正式網址再測一次比較保險。

小型網站很多時候不會另外架測試站伺服器，只用一個預覽連結就完成確認。比起名稱，更重要的是上線前先看過一次和客人畫面一樣的狀態。

預覽網址長什麼樣子？

預覽網址通常是主機服務自動產生的一長串網址，或是像「staging.店家網址.com」這樣的子網域。第一次看到可能覺得很陌生，但這是正常的。

有些主機服務每次修改都會產生新的預覽網址。所以重新打開舊連結時，可能會看到之前的畫面，請用製作公司傳來的最新連結確認。

預覽網址有時也會設密碼或需要登入。如果要和員工一起確認，請事先問好怎麼進入。

把預覽連結分享到員工群組之類的地方時，請一併說明這是上線前的畫面。連結如果流傳出去，還在確認中的價格或文字可能會被誤當成正式資訊。

測試站要檢查什麼？順序是什麼？

檢查測試站時，最好分別用「第一次來的客人」和「老闆」兩種角度各看一次。從客人的角度看資訊和按鈕，從老闆的角度看通知和管理後台。

檢查時程請從上線日往回推算，預留一兩天的緩衝。因為需要時間修正在測試站發現的問題，再重新確認。

把預覽給家人或員工看，請他們「試著預約看看」，也是很好的方法。對製作的人來說理所當然的地方，第一次看的人常常會卡住。

1. 01用手機打開製作公司傳來的最新預覽連結。
2. 02從首屏一路往下滑到最後，確認文字・價格・營業時間。
3. 03把所有選單和按鈕、電話・路線導航連結都按一次看看。
4. 04親自送出一筆詢問或預約，內容寫上「測試」。
5. 05確認老闆的手機有沒有收到通知簡訊・Email。
6. 06用KakaoTalk傳送連結，看預覽圖片和標題是否正確顯示。
7. 07把發現的問題整理成一份清單，一次傳給製作公司。

預覽網址出現在搜尋結果怎麼辦？

預覽網址原則上要加上「請勿收錄到搜尋結果」的標記（noindex）。Google說明，這個標記可以放在頁面的meta標籤，或是伺服器的回應標頭裡。

要注意的是，如果用robots.txt直接擋住存取，Google就讀不到noindex標記。想把已經被搜尋到的網址移除，應該加上noindex，而不是用robots.txt擋住。

Vercel這類主機服務說明預設會在預覽網址加上noindex，但如果另外替預覽連接了自訂網址，可能就要自己設定。在搜尋結果裡看到陌生網址的店家畫面時，請馬上通知製作公司。

反過來，上線時要確認正式網址沒有殘留noindex。如果預覽用的設定也跟到正式網址，網站就不會出現在搜尋結果裡。

在測試站送出的測試預約或訂單要怎麼處理？

測試用的預約・訂單・詢問，原則上要在上線前刪除。留著的話，會和真實客人的紀錄混在一起，讓統計數據失準，或是寄出根本不存在的預約通知。

有付款功能的網站，通常會先用金流服務（PG）業者提供的測試模式確認。如果需要用真的信用卡付款測試，付完請馬上取消，也順便確認取消流程是否正常。

在測試站最好不要輸入真實客人的姓名或聯絡方式。如果是皮拉提斯教室，可以用老闆的名字預約一堂課看看；如果是工作室，就用老闆的聯絡方式報名課程，用這種方式來確認就可以了。

像美髮店預約這種會真的發出通知簡訊的功能，測試時請確認接收號碼設成老闆的號碼。設定錯了，測試通知可能會傳到不相干的人那裡。

測試站階段要問製作公司什麼？

測試站是上線前最後一道安全防線，事先講好確認範圍和上線條件，上線當天才不會手忙腳亂。

如果像工作室那樣，課程招生公告日期已經確定，就把測試站的確認截止日也一起訂好。確認拖得越晚，上線也會跟著延後。

上線日期確定後，也把上線當天誰要確認什麼分配好。例如製作者確認網址連接和搜尋設定，老闆確認價格和預約通知。

• 預覽網址是否已經擋住，不會出現在搜尋結果
• 預覽和正式網址是否用同樣的設定（通知・付款・地圖）運作
• 測試資料在上線前由誰刪除
• 老闆要在什麼時候、用什麼方式告知「確認完成」才會上線
• 上線後出問題時，能不能還原到之前的狀態