一頁式網站改成 8 頁，讓每項服務都能被搜到

當時的狀況

店在台南東區，做的是筋膜刀、水飛梭、魔磁肌塑這類療程。網站本來就有，看起來也不差——上面有選單，點了會換內容，品牌故事、空間照片、服務價格、交通位置都在。

問題是點下去的時候，瀏覽器上面那行網址從頭到尾沒有變過。整個網站的八個分頁，其實是塞在同一個檔案裡，靠瀏覽器上的程式碼切換畫面。對客人來說有八頁，對 Google 來說只有一頁。

實際的後果是這樣：有人在手機上搜「台南 水飛梭」，Google 手上只有這個網站的一個網址、一組標題，它沒有一個「水飛梭」的頁面可以拿出來排。想把服務頁傳給客人也傳不了，因為那個畫面沒有自己的網址，貼給對方只會回到首頁。

為什麼是這個做法，不是別的

當時有三條路。一是不動架構，只加關鍵字跟文案——最便宜，但問題出在只有一個網址，加再多字也是擠在同一頁，治不到根。二是整站重做，換成有後台的系統——功能最多，但預算與後續月費都往上跳，而且這家店的內容一年也改不了幾次，付月費養一套後台並不划算。

最後選的是第三條：視覺跟文案大致留著，只重做網站的結構。把原本擠在一起的內容拆成八個真正獨立的頁面，補上每頁自己的標題與描述，再把內部連結、網站地圖對齊。花費集中在「Google 看得到什麼」這件事上，看得見的外觀變動不大，但搜尋引擎看到的東西完全不一樣。

同樣重要的是：拆完之後它仍然是純靜態網站，放在 Cloudflare Pages 上，沒有資料庫、沒有伺服器月費。對一家實體店來說，這代表網站放著就會一直在，不會因為忘記續一筆月費就整站消失。

實際做了什麼

拆成八個各自獨立的頁面，每一頁都有自己的網址、自己的標題、自己的描述：

• 首頁——店的定位與主打療程
• 關於伊登森活——品牌故事
• 空間環境——店裡實際的樣子
• 服務項目與價格——筋膜刀、水飛梭、魔磁肌塑、水光護理
• 真實案例分享——療程前後的成果
• 套裝課程——優惠方案
• 本月寵粉優惠——會定期更新的那一頁
• 門市地址與交通——地址、路線

接著補上三件搜尋引擎會看、但客人看不到的東西。第一，每一頁都加上在地商家（LocalBusiness）結構化資料，把店名、地址、營業時間用 Google 讀得懂的格式寫進頁面裡，常見問答則放在首頁。第二，重新產生網站地圖（sitemap），把八個網址都列進去——原本的網站地圖還指向一個早期的舊網址，等於一直在告訴 Google 錯的地方。第三，統一內部連結與 canonical 標籤的寫法。

最後一項是實務上很容易忽略的細節：Cloudflare Pages 預設會把帶 .html 的網址轉址到不帶副檔名的乾淨網址。如果內部連結還寫舊格式，每一次點擊都會多繞一次轉址，而且 canonical 指的網址跟實際網址對不起來，搜尋引擎會收到互相矛盾的訊號。所以連結、canonical、sitemap 三處全部統一成同一種寫法。

預約動線的部分沒有做得很複雜：每一頁都能直接點到店家的 LINE 官方帳號。客人看完療程說明想問問看，不用滑到頁尾找電話、也不用自己去 LINE 搜 ID，點一下就進到對話視窗。

交付了什麼、之後怎麼維護

交付的是八個頁面的完整網站、網站地圖與 robots 設定、每頁的結構化資料，以及一套改內容的流程：內容的原始檔放在 _parts 資料夾，改完跑一次組頁指令，八頁會一起重新產生——這樣頁首頁尾不會東改一頁西漏一頁。

日常花費只有網域的年費，沒有主機月費。要換季節照片、調整當月優惠、加一個新療程頁，都可以另外算；沒有綁約，也不會因為沒續約就把網站關掉。