設計知識
網站 SEO 怎麼驗收?GA4、GSC、權限與技術交接清單
網站驗收不能只看畫面或單次分數。本文整理技術 SEO、canonical、Sitemap、GSC、GA4 事件、帳號權限、效能、無障礙與技術交接的可執行檢查。
直接答案是:網站 SEO 驗收不能只看搜尋結果截圖、Lighthouse 分數或一句「GA4 已安裝」。公司要能用自己的帳號進入 Google Search Console 與 GA4,重要網址要能被搜尋引擎讀取,canonical、Sitemap、轉址與 404 要符合規劃,聯絡事件要用真實操作測到,最後還要取得網域、程式、主機與文件的接管能力。
本篇專注上線前後的技術檢查與交接證據。若還在比較公司、報價與合作流程,先讀 網頁設計公司選擇指南 ;兩篇分工不同,不需要用本篇的技術欄位取代前期需求與報價比較。
封面取自有紀莊園品牌識別案例 展示的網站品牌簡介區塊,以產品照片、ABOUT 文字與「關於有紀」入口呈現可見的內容層級;內文另保留完整頁尾,示範聯絡資訊與政策連結的盤點。這些是網站視覺案例,不是 SEO、GSC 或 GA4 成果,入口導向、事件及管理權限都要另行實測。
一、先分成三層:可被找到、可被量測、可被接管
網站能打開只證明瀏覽器收到頁面,不能證明搜尋引擎會收錄、轉換會進入正確報表,或公司日後能自行維護。驗收時把問題分成三層,較不會把不同責任混在一起。
- 搜尋層:重要頁能抓取、索引訊號一致、舊網址正確轉址,且站內連結可到達。
- 量測層:GA4 頁面瀏覽與聯絡事件能收到,來源、頁面和按鈕位置可辨識,而且不重複計算。
- 接管層:公司持有 GSC、GA4、網域、DNS、主機、程式與第三方服務的管理入口。
Google Search Essentials 說明符合技術要求也不保證一定被檢索、建立索引或排名。因此驗收的是「設定、狀態與證據」,不是供應商無法單方面控制的排名結果。
二、先做網址清冊,再決定每種網址的預期結果
驗收前先列出首頁、服務、作品、文章、聯絡、政策頁、舊站網址及不再使用的頁面。每個網址都標示預期狀態,才能判斷 200、轉址、canonical 或 404 是否真的正確。
| 網址類型 | 常見預期 | 驗收證據 |
|---|---|---|
| 主要公開頁 | 回應 200、允許索引、自我 canonical、可由站內連結到達 | 瀏覽器原始碼、HTTP 狀態、URL 檢查與 Sitemap |
| 舊網址 | 有明確替代頁時做永久轉址,避免轉到不相干首頁 | 舊新網址對照表與逐條狀態檢查 |
| 重複或參數網址 | 依用途決定 canonical、轉址或保留,不可互相矛盾 | canonical 來源、站內連結和 Sitemap 是否指向同一版本 |
| 不存在頁面 | 回應真正的 404 或 410,並提供可理解的返回路徑 | HTTP 狀態與自訂錯誤頁 |
Google 的 canonical 說明 將 canonical 視為多種訊號共同作用;因此 HTML 標記、轉址、站內連結和 Sitemap 應盡量一致。不要一邊在 Sitemap 提交 A,一邊把 A canonical 到 B。
三、技術 SEO 驗收:不要只看外掛綠燈
- 每個重要頁只有一個清楚的頁面主題、標題、H1、摘要與正式網址。
- robots.txt 沒有誤擋重要區域;頁面 robots 指令與預期索引狀態一致。
- Sitemap 只放正式網址,回應成功並使用 HTTPS,不納入 404、轉址或 noindex 頁。
- 舊站轉址逐條核對,不形成轉址鏈、循環或全部導回首頁。
- 導覽、麵包屑、文章內鏈與按鈕使用可抓取連結,重要頁不是只能靠站內搜尋找到。
- 結構化資料可解析,內容與訪客真正看見的公司、服務、文章及案例一致。
- 圖片有正確尺寸、清楚檔案與符合畫面的替代文字;裝飾圖不硬塞關鍵字。
Google Sitemap 指南 說明 Sitemap 是提供網址提示,不是收錄保證。提交成功、沒有格式錯誤,與每個網址最後是否進入索引是兩件事,報告時要分開寫。
四、GSC 驗收:公司帳號要能看網站層級與網址層級證據
Google Search Console 應由公司可長期管理的帳號持有,再授權合作方。驗收不只截一張成效圖,而是確認資源、權限、Sitemap 與代表網址狀態。
- 確認驗證的是正確網域或網址前置字元資源,並記錄主要擁有者。
- 由公司帳號登入,檢查使用者清單、權限與可移除協作者的能力。
- 提交正式 Sitemap,保存提交與讀取結果;錯誤要能對應到具體網址。
- 抽查首頁、服務、文章、聯絡、近期新增頁及一個舊網址轉址。
- 分開記錄「可被索引」「Google 已檢索」「目前已建立索引」,不可混成同一結論。
- 成效報表保留日期範圍、查詢、頁面、國家與裝置條件,避免截圖失去脈絡。
Google 的 Search Console 權限說明 區分擁有者與使用者能力。交付時應由公司確認自己的權限,而不是只接受供應商代傳的報表。
五、GA4 驗收:安裝完成不等於聯絡事件正確
GA4 驗收要先確認帳戶、資源、網站資料串流與網站載入的評估 ID 對得上,再逐一實際操作。公司應保有資源層級的管理能力,合作方只取得工作所需權限;Google Analytics 的 使用者管理說明 也明確區分帳戶與資源層級權限。
| 事件 | 實際測試 | 通過條件 |
|---|---|---|
| 頁面瀏覽 | 從首頁進入文章、作品、服務與聯絡頁 | 每次真實頁面變更正確記錄,沒有遺漏或無故重複 |
| 聯絡點擊 | 分別點 LINE、電話、信箱、Instagram、Facebook、地圖等入口 | 事件名稱、聯絡方式、所在頁面與入口位置可辨識 |
| 表單嘗試 | 測必填缺漏、格式錯誤與送出失敗 | 錯誤不被誤算成有效名單,且頁面提示可理解 |
| 表單成功 | 使用測試資料完成一次真實送出 | 後端確認成功後才記錄 generate_lead,且單次送出不重複 |
以下以法西納官網的聯絡事件命名與觸發條件為例:聯絡方式分開記錄,表單在後端成功回覆後記錄 generate_lead,並以提交識別避免同一提交重複計算。程式定義只是驗收的一層,正式確認仍須核對實際請求與報表;聯絡按鈕被點擊,也不等於已收到詢問。
| 入口/事件 | 程式中的觸發條件 | 驗收還要確認 |
|---|---|---|
| LINE/contact_line_click | 辨識 LINE 聯絡連結後點擊 | 事件是否送出、方法與入口位置參數是否正確 |
| 電話/contact_phone_click;信箱/contact_email_click | 點擊電話或信箱連結 | 各自記錄,不等於已通話或已寄信 |
| Instagram/contact_instagram_click;Facebook/contact_facebook_click | 點擊對應社群連結 | 導向與事件一致,不當成成功名單 |
| 地圖/contact_map_click;Behance/contact_behance_click | 點擊對應地圖或作品平台連結 | 應與主要詢問轉換分開分析 |
| 表單/generate_lead | HTTP 回應成功且 payload.ok 為 true;同次提交避免重複 | 失敗不計成功;再查網路請求、即時與標準報表 |
測試資料使用專用識別,不放姓名、電話或 Email 到事件參數。先記程式與觸發條件,再記請求、即時與標準報表各自的查核狀態,不能把其中一層通過填成全部完成。
六、GA4 實測要走完整流程,不要只在程式碼搜尋事件名稱
事件名稱與參數只記錄聯絡管道、入口位置與頁面等分析欄位,不傳姓名、電話或信箱。Google Analytics 的 避免傳送個人識別資訊說明 明確要求不得傳送 Google 可用來識別個人的資訊;測試資料也應使用非真實值。
- 先開啟瀏覽器開發工具,確認分析程式成功載入且請求沒有被內容安全政策阻擋。
- 使用不含真實個資的測試資料,依序操作每一個聯絡入口與表單狀態。
- 在即時或除錯檢視確認事件名稱、頁面路徑及必要參數。
- 約 24–48 小時後再從標準報表確認資料是否完成處理;實際時間可能因報表與資料量而異。
- 若事件會匯入廣告平台,另外核對匯入的事件、計次方式與主要/次要用途。
重要界線: 使用者點擊聯絡按鈕,代表一次聯絡意圖;只有表單後端成功回覆,才適合記錄表單名單。不能把「開始填寫」或「前端按下送出」直接當成成功名單。
GA4 不應傳送姓名、電話、電子郵件或表單全文等可識別個人資料。測試要記錄日期、裝置、瀏覽器、測試事件與預期結果,並在完成後辨識或排除內部測試流量。
七、視覺、程式與報表,分成不同驗收紀錄
本文封面的品牌簡介區塊可用來核對標題、說明與延伸閱讀入口;下方完整頁尾則讓讀者辨認社群圖示、公司聯絡資訊與政策連結。內文流程圖再把搜尋、量測與接管證據分開整理;可見畫面與教學圖都不能代替實際的技術檢測紀錄。
有紀莊園案例可供核對頁尾的內容分組,卻無法由截圖確認連結實際導向、點擊事件、付款功能或帳號歸屬。對正在驗收的網站,應逐項列出入口、預期行為與負責人,再於經同意的環境操作及保留結果。
技術 SEO 與量測證據則要回到正在驗收的網站本身:查看原始碼、HTTP 狀態、GSC、GA4、帳號清冊與測試紀錄。把兩類證據分開,既不低估視覺設計,也不會把未交付的技術工作誤算進案例。
| 測試紀錄欄位 | 教學填寫方式 |
|---|---|
| 環境與範圍 | 填測試網址、網站版本、瀏覽器、同意狀態與執行日期 |
| 操作 | 測試環境送出一筆表單;另測必填缺漏與後端失敗 |
| 程式層 | 記錄成功判據、事件名稱與去重方式 |
| 請求層 | 是否實際送往正確資源?是否包含禁止傳送的個資? |
| 報表層 | 分別記即時與標準報表可見情況;等待資料時標「待觀察」 |
| 結論 | 逐層填通過、未通過或待確認,附重現方式;不填未做過的結果 |
八、效能、手機版與無障礙要約定條件,再保留複測紀錄
單次分數容易受測試地點、網路、裝置、快取與第三方程式影響。驗收時要固定代表頁、裝置類型、測試工具、日期與網站版本;實驗室結果用來找問題,若已有真實使用者資料,也要分開閱讀,不能把兩者混成一個永久保證。
- 手機版實際操作導覽、文章搜尋、作品瀏覽、聯絡按鈕與表單錯誤狀態。
- 檢查圖片尺寸、載入策略、字型與第三方程式,不以過度壓縮圖片換取單次分數。
- 用鍵盤走過主要流程,確認焦點可見、順序合理且不會困在元件中。
- 檢查表單標籤、錯誤訊息、色彩對比、縮放與圖片替代文字,並保留人工測試。
W3C 的 WCAG 2.2 以可測試的成功準則描述網頁內容需求。自動工具可協助找出部分問題,但鍵盤流程、錯誤理解及真機操作仍需人工判斷。
九、技術交接:下一位維護者要能登入、部署、復原與移除權限
| 交付項目 | 至少要有 | 現場驗收動作 |
|---|---|---|
| 帳號與權限 | 網域、DNS、主機、程式庫、CMS、GSC、GA4、寄信及第三方服務 | 由公司管理員登入、新增測試成員,再移除測試成員 |
| 程式與部署 | 原始碼位置、正式版本、建置步驟、環境變數名稱及部署說明 | 依文件完成一次測試建置或預覽部署 |
| 內容與素材 | CMS 欄位、圖片規格、字型與圖像授權、不可轉交項目 | 新增、預覽、修改、撤回及匯出一筆測試內容 |
| 資料與復原 | 備份範圍、頻率、保留位置、最近版本與還原步驟 | 以非正式環境完成一次還原演練 |
| 問題與維護 | 已知限制、未完成事項、保固範圍、窗口與第三方相依 | 用一筆測試問題走完回報、修正與複測流程 |
密碼與復原碼不要寫進一般交付文件或公開程式庫,應使用適合的安全管道移交。離場時更新文件、確認公司仍保有最高管理能力,再移除不再需要的供應商帳號。
十、一份合格的網站驗收報告應該長什麼樣
每個檢查項目至少記錄下列欄位,讓結果之後仍可重現:
- 檢查日期、網站版本、正式或測試環境、網址與負責人。
- 預期結果、實際結果、HTTP 狀態或報表證據,以及是否通過。
- 問題嚴重度、影響範圍、修正人、修正版本與複測日期。
- 第三方限制、尚待觀察項目,以及不能由單一供應商保證的結果。
- 上線核准人、未完成事項接受人與後續維護窗口。
「已處理」不是完整紀錄。重要問題要留下重現步驟與複測證據;新頁等待搜尋引擎處理、真實使用者資料尚未累積等狀態,也要寫成觀察項目,不能誤報為技術故障或保證完成。
十一、網站 SEO、GA4 與技術交接常見問題
Sitemap 提交成功,就代表所有頁面都收錄嗎?
不是。提交成功只表示 Google 能讀取 Sitemap;每個網址是否檢索、建立索引與呈現,仍要在 GSC 和實際搜尋資料分開確認。
GA4 即時報表看到事件,就算驗收完成嗎?
還不夠。要再確認事件沒有重複、參數正確、表單失敗不會被算成名單,並在資料處理後核對標準報表與需要匯入的廣告轉換。
匯入 Google Ads 後,LINE、電話、信箱和表單都應設成主要轉換嗎?
不一定。GA4 應分開記錄各種聯絡事件,並依分析需求標示重要事件;匯入 Google Ads 後,再依商業價值決定哪些動作列為主要轉換、哪些列為次要轉換。通常以有效表單或已確認名單作為主要出價目標,其他聯絡接觸點可先作次要觀察,再按實際名單品質調整。
PageSpeed 一定要 100 分才能上線嗎?
不必。應先處理會影響真實使用者與主要流程的問題,固定條件保存測試結果,並避免為單次分數犧牲圖片品質、功能或分析正確性。
網站有 canonical 就不會出現重複網址嗎?
不一定。canonical 是訊號之一,仍要讓轉址、站內連結、Sitemap 與正式網址一致,並檢查參數、大小寫及舊站網址的實際回應。
公司沒有技術人員,也能完成交接嗎?
可以。重點是公司帳號持有管理權限、交付文件可操作,並由未參與建置的人照文件完成登入、內容更新、測試建置或復原演練。
十二、結語:驗收的是可重現證據,不是漂亮的一次性畫面
專業網站交付要同時回答三件事:搜尋引擎能否正確理解重要網址、團隊能否從 GA4 與 GSC 讀到可信資料、公司能否在合作結束後接管網站。把網址清冊、技術 SEO、事件測試、帳號權限與交付演練寫進同一份驗收紀錄,問題才有負責人與複測依據。
若你正在評估合作範圍,可先查看法西納的設計服務與作品案例 ;若已有網站網址、GSC/GA4 現況或交接清單,可透過聯絡表單 提供可公開討論的資訊。實際權限、憑證與個人資料不要放入一般表單。
需要品牌設計、印刷設計或網站設計?