網站重做後第一週：從 5 頁到 336 頁被 Google 看見

捷匠汽車包膜在 2026 年 8 月 31 日晚上切換新網站。依 Google Search Console 的數字，第一週（2026-09-01～09-07）有曝光的頁面從 5 頁變成 336 頁（切站前 28 天對第一週），每日點擊從 9.1 變成 162.9（前一週對第一週），平均排名和切站前四週一樣是 6.2。一週後，我們發現手機上的長文章因為一個進場動畫一直停在看不見的狀態；修好之後，每個工作階段按 LINE 的比例從 1.97% 變成 5.52%（2026-09 兩天樣本，GA4）。

下面是第一週的完整數字、那個動畫的來龍去脈，以及我們從中整理出來的一個觀念、兩條可以自己檢查的規則。

第一週的數字

第一週的變化在頁面數量，不在排名：被 Google 看見的頁面變多，點擊跟著變多，平均排名和前四週一樣。切站時點是 2026-08-31 22:15，所以 2026-09-01～09-07 是新站第一個完整週。搜尋數字來自 Google Search Console（以下簡稱 GSC），到站數字來自 GA4，兩者都用服務帳戶 API 在 2026-09-10 拉取；GA4 只算主機名稱是 jiejiang.com.tw 的工作階段，開發時的本機測試不算進來。

三點說明。第一，切站前那一週（2026-08-25～08-31）的報表沒有記錄頁面數，所以頁面數用切站前四週對照；去年同一週（2025-09-01～09-07）也是 5 頁。第二，切站前那一週的平均排名是 5.8，四週平均是 6.2，表上取四週。第三，每日工作階段是切站前四週的 12.2 倍（2026-09-01～09-07 對 2026-08-03～08-30）。

點擊增加的倍數，用三個不同的對照期間看都差不多：對前一週、對前四週、對去年同一週，分別是 17.8、21.8、22.8 倍（GSC，2026-09-01～09-07）。三個對照一致，代表這不是季節帶來的變化。想看實際頁面，可以打開捷匠汽車包膜的網站對照這張表。

一個進場動畫教會我們的事

第一週裡，手機上的客人還看不到文章頁的內文。2026-08-31 上線的新站，文章頁有一個「捲到才淡入」的進場效果：內容本來就寫在 HTML 裡，JavaScript 執行後先把它設成透明（CSS 的 opacity 設為 0），等元素有 12% 的面積進入畫面才淡入（門檻 0.12，2026-09-07 修正前的設定）。

問題出在這個比例算的是「整篇文章自己的面積」。關掉 JavaScript 的爬蟲讀得到全文，受影響的是開著 JavaScript 的手機客人。以 iPhone 13 mini 為例，一篇文章高 7,876 像素，畫面只有 629 像素，要同時看到 945 像素才會觸發，所以那段淡入一直沒有開始，文章停在透明狀態（捷匠的開發規範與修正紀錄）。而那一週的到站裡，手機佔 77.2%、文章頁佔 70.0%（GA4，2026-09-01～09-07）。

修好之後的變化很清楚。修正在 2026-09-07 13:38 上線：

修正後樣本只有兩天，還不能下結論，要用更長的期間再驗；但轉換、閱讀深度、選單使用三個指標都在修正當天同時轉向，原因也找得到。之後四週每週的官網 LINE 點擊與新好友數，記在網站帶來多少詢問怎麼算。

修正的做法，兩個網站各自不同。捷匠保留原本的淡入，改的是觸發條件：門檻改成 0，只要元素有任何一部分進入畫面就顯示；想早一點淡入，只能把觸發範圍往畫面外放大（2026-09-07 起的值是畫面下方再多 8%）；淡入程式出錯時，全部內容直接顯示。捷匠把這條寫進開發規範：任何曾經進入畫面的內容，都一定要顯示出來。我們自己的官網走另一條路：開發規範的「內容不得依賴 JavaScript」一條，禁止用把 opacity 設為 0 這類寫法當初始隱藏，動畫只在 JavaScript 載入後才由程式設定起點，每次上線前由檢查程式自動掃一遍。

先有頁才有曝光

網站重做最值得看的，是 Google 手上有幾頁你的內容可以拿去回答問題。捷匠第一週的平均排名和切站前一樣，點擊卻多出許多，差別在於有曝光的頁面從 5 頁變成 336 頁（GSC，2026-09-01～09-07）。排名不是先決條件；先有一頁回答那個問題，才有機會被看見。

這件事的前提，是頁面讀得到。Google 的《JavaScript SEO 基本概念》（頁面標示 2026-03-04 更新，2026-10-07 讀取）說明，Google 處理 JavaScript 網頁分成檢索、轉譯、建立索引三個階段；頁面會先排進轉譯佇列，可能停留幾秒，也可能更久。同一份文件也提醒，伺服器端轉譯或預先轉譯仍然很值得做，因為它讓網站對客人與爬蟲都更快，而且不是每個爬蟲都會執行 JavaScript。

所以頁面讀不讀得到要分兩層看，各有一條任何人都能自己檢查的規則。

第一層是爬蟲：把瀏覽器的 JavaScript 關掉，重新整理頁面，主要內容是否還在 HTML 裡。 這一層看的是 Google 與 AI 的爬蟲拿不拿得到文字。我們的免費檢測裡有一條 seen.no-js 規則，看的就是首頁原始 HTML 裡有幾個可見字元，300 字以上給滿分 10 分；依據是同一份 Google 文件，300 字門檻則是我們工具自己的判斷，規則表上也這樣標示。更多 Google 對 AI 與搜尋的說法，整理在Google 指南 15 條規則對照。

第二層是客人：JavaScript 開著時，任何進入畫面的內容都一定要顯示出來。 捷匠那一週的情況，關掉 JavaScript 檢查不出來，因為內容本來就在 HTML 裡；看得出來的方法是拿手機真機，把網站上最長的那一頁從頭捲到底。

重做之前先問三件事

如果你正在考慮重做網站，開工前可以先問這三件事：

1. 舊站現在有幾頁被 Google 看到？ 打開 Search Console 的成效報表，切到「網頁」，數一數有曝光的網址。這是新站要先接住的底。數字怎麼讀才準，可以看Search Console 數字怎麼讀。
2. 新站的每一個服務、每一個地區，有沒有自己的一頁？ 客人搜尋的是「地區＋服務」，一頁回答一個問題，Google 手上你的頁面才會變多。
3. 內容在兩層都看得到嗎？ 關掉 JavaScript 檢查首頁、一篇文章、一個服務頁的內容都在；再用手機真機把最長的那一頁捲到底，每一段都有顯示出來，再上線。

三件事的答案都清楚了，重做就是讓更多頁被 Google 看見，而不是把排名拿去賭。切站後再用 GA4 與 Search Console 對照前後，像上面那張表一樣，期間與工具都寫清楚；AI 平台帶來的流量怎麼拆，可以接著看AI 帶來多少客人：GA4 與 Search Console 的看法。

下一步

想知道你現在的網站有幾頁被 Google 看到、重做時哪些頁要先接住，可以加官方 LINE 跟我們聊，我們會先看你的 Search Console 與網站結構，再談要不要重做。整個建置與每月回報包含哪些內容，寫在服務內容。