新型態網頁設計，差異在哪裡？
傳統的網站建置流程，通常先完成視覺與功能，網站上線後再由行銷團隊處理 SEO。這樣的分工並非不可行，但實務上經常產生落差：頁面架構已經定案、內容欄位不敷使用，或網站後台無法配合搜尋優化，最後只能局部修改，甚至重新調整網站架構。
現在的網站還需要面對更多元的搜尋情境。除了 Google 傳統搜尋，使用者也會透過 Google AI Overview、ChatGPT、Gemini、Perplexity 及 Copilot 尋找資料與比較服務。要讓搜尋引擎與生成式 AI 正確理解網站，除了視覺設計，也必須兼顧資訊架構、文字內容、頁面關聯、結構化資料及網站效能。
這些基礎工作與網站設計密切相關。例如，服務項目如何分類、每個頁面對應什麼需求、案例與公司專業如何被清楚辨識，以及重要資訊是否能以文字形式讀取，都應在規劃階段一併考量。越晚處理，後續調整的範圍與成本通常越高。
渥合數位的做法，是在設計初期先釐清網站的目標客群、搜尋需求與內容架構，再進入介面設計與系統開發。SEO 與 GEO 並不是網站完成後才附加的服務，而是建站規劃的一部分。
因此，我們將這套服務稱為「新型態網頁設計」：由同一個團隊整合網站策略、視覺設計、前後端開發、結構化資料及搜尋優化，減少不同廠商交接造成的落差，讓網站上線時就具備持續經營與擴充的基礎。
每個網站的技術標配
以下項目不是加價選購，是我們交付的每一個網站都會做完的部分。
Schema.org 結構化資料
用 @graph 把組織、服務、常見問題、流程、評價等實體串成一張關聯圖。目的是協助搜尋引擎辨識公司、服務、作者與頁面之間的關係，降低內容理解上的歧義。
- Organization / LocalBusiness 實體定義
- Service 與 OfferCatalog 服務目錄
- FAQPage 常見問題
- HowTo 流程步驟
- BreadcrumbList 麵包屑
- Article / Person 內容與作者標記
AI 可讀性（GEO）
讓語言模型比較容易讀懂並引用網站內容。除了結構化資料，還包括內容的語意密度、段落是否能被獨立擷取、事實敘述是否明確到可以被複述。是否真的被引用還取決於內容相關性與品牌權威，那是持續經營的事。
- llms.txt 自動生成與維護
- AI 爬蟲（GPTBot / ClaudeBot / PerplexityBot）存取政策
- 可獨立擷取的段落結構
- 實體名稱一致性（品牌、服務、地區）
- AI 引用實測與追蹤
效能與 Core Web Vitals
圖片自動轉 WebP 與響應式變體、關鍵 CSS 內聯、字型策略、消除版面位移（CLS）。效能不只影響排名，也影響訪客願不願意留下來。
- WebP / 響應式圖片變體（srcset）
- 圖片標註尺寸消除 CLS
- CDN 邊緣快取
- LCP / INP / CLS 上線前檢查
- 手機 / 平板 / 桌機實機檢查
- iOS Safari / Android Chrome 相容
收錄與追蹤基礎建設
網站上線不等於被搜尋得到。交付範圍包含 Search Console 驗證、sitemap 提交、索引狀況檢查，以及排除可確認的技術問題。
- sitemap.xml / robots.txt 自動生成
- Google Search Console 驗證與提交
- Bing Webmaster Tools 提交
- GA4 / GTM 追蹤碼設定
- canonical 與 hreflang 正確設定
多語系網站
有海外市場需求時，語言版本用 URL 前綴分流並正確標記 hreflang，讓各語系版本能各自被收錄，避免彼此稀釋。
- 語言前綴路由（/en/、/ja/）
- hreflang 互指標記
- 各語系獨立 meta 與結構化資料
色彩對比與無障礙檢查
文字與背景的對比度用 WCAG 標準實際量測，不是靠肉眼判斷。品牌色套在按鈕上如果對比不足，系統會自動改用深色文字——這是多數網站在改色盤之後才發現讀不清楚的地方。
- WCAG 對比度量測（AA 4.5:1）
- 品牌色套用時自動選字色
- 鍵盤操作與焦點樣式
- 圖片 alt 與表單標籤
實際專案怎麼處理
以下都是已上線、可以直接點進去看的專案。每一個列出當初要解決的問題與實際做法；成效數字涉及客戶營運資料，這裡不公開。
輕嶼瑜伽｜教室官網 + 線上預約
瑜伽教室原本靠人工訊息排課，客人問時段、確認、改期都要一來一往。做法是把課程介紹與預約流程整合在同一個網站上，客人看完課程可直接選定時段完成預約，不需逐則訊息往返確認。品牌調性偏安靜、留白多，視覺上刻意不做強促銷感。
巷誌｜多語系內容網站 + AI 翻譯
作者長期紀錄旅途風景，需求是讓不同語言的讀者都讀得到，但沒有人力逐篇翻譯。做法是多語系架構加 AI 自動翻譯介面、AI 微網誌生成，並讓全站 SEO 與 GEO 標記自動產生，另外支援 PWA 讓讀者可以像 App 一樣加到主畫面。
StockNote｜金融資料整合與會員系統
需求是把股票、加密貨幣、期貨等不同資料源整合到同一個平台，並依客戶自訂的策略呈現。做法是資料源串接、技術分析圖表、交易策略運算，加上會員系統與多語系版本。這類專案的重點在資料處理與運算正確性，不只是頁面呈現。
vizai.dev｜AI 教育平台與用量計費
教育型 AI 服務要面對國際市場，難處在於 AI 用量的成本控制與計費。做法是會員管理、AI 技術整合、Tokens 用量管理與金流串接一起處理，讓平台在推廣時成本是可預期的。
企業服務型 App｜產品資料庫與 QR Code 購物
客戶有大量產品知識與規格資料散在內部文件裡，第一線人員與消費者都不好查。做法是把產品資料庫整合進 App，支援知識查詢與 QR Code 掃描購物，已上架 App Store。
AHHA 自助架站平台｜我們自己的產品
從零開發的 SaaS 架站平台，區塊式堆疊、線上預約、會員、輕量電商、部落格模組都在同一套系統裡，SEO 與 GEO 的技術層自動處理。這個平台同時也是我們驗證各種搜尋與 AI 引用做法的實驗場。
四種合作方式，先確認哪一種適合你
不是每個案子都需要客製開發。規模與需求不同，適合的路徑也不同——我們會在評估階段直接說明哪一種較符合需求與成本，包含「不需要委託我們」的情況。
一頁式網站
NT$5,000 起 / 案
活動介紹、個人品牌、單一服務；已備妥文案與圖片的小型需求
AHHA 自助架站平台
NT$5,999 起 / 年
需要多頁內容、線上預約、會員或商品展示，且想自己更新內容
客製化網站設計
NT$25,000 起
獨立視覺設計、特殊業務流程、系統串接或多語系架構
SEO / GEO 長期優化
NT$15,000 – 50,000 / 月
網站已經有了，需要的是持續提升搜尋與 AI 能見度
客製化專案怎麼進行
4 到 8 週，視功能複雜度而定。每個階段都有可檢視的產出，不必等到最後才看到成果。
跟一般網頁設計公司的差別
找我們的人直接是開發的人
沒有業務轉專案經理再轉工程師的傳遞鏈。需求討論、報價、開發、上線後維護都是同一個窗口，你說的話不會在中間被翻譯三次。
我們自己的網站就是測試場
我們持續在自家網站上實測搜尋與 AI 引用的變化，每個月固定重測同一組問題，看哪些做法真的有效。給客戶用的方法，都是我們先在自己身上驗證過的。
會告訴你不需要花的錢
如果你的需求用 AHHA 平台年費就能解決，我們不會硬推客製案。評估階段就會直接說明，包含「這個功能目前投報率不高，建議延後」這類判斷。
上線之後還找得到人
客製案含 1 年免費維護。之後的小修改、技術諮詢、搜尋狀況討論，都可以直接聯絡，不需要重新走一次報價流程。
平台是我們自己寫的
AHHA 架站平台由我們自己從零開發，不是代理第三方工具。所以當你的需求超出現有功能，我們可以直接改程式，而不是回你一句「這是原廠限制」。
網域與後台都登記在你名下
網域、主機、後台帳號的所有權從一開始就是你的。想換廠商隨時可以換，不會發生「拿不回自己網站」的情況。這一點會在合作前明確說明。
常見問題
Q.客製化網站和 AHHA 自助平台，我該選哪一個？
判斷標準是「你的需求有沒有超出標準模組」。如果你要的是品牌形象網站、線上預約、會員經營、商品陳列這類常見需求，AHHA 平台年費 NT$5,999 起就能做完。平台會自動產生基礎 SEO、結構化資料與多語系標記；關鍵字策略、內容品質與品牌權威則仍需持續經營，這部分沒有工具可以代勞。 如果只是要一個活動頁、個人品牌頁或單一服務的介紹，而且文案圖片都備妥了，一頁式網站 NT$5,000 起即可滿足。 需要客製的情況通常是：有特定的業務流程要數位化、要串接既有的 ERP 或第三方系統、視覺需要完全獨立於任何模板、或有平台沒有的功能。免費評估的時候我們會直接告訴你屬於哪一種。
Q.網頁設計費用大概是多少？
費用取決於頁面數量、內容準備程度、視覺客製範圍與功能需求。 已有完整文案與圖片、只需要呈現單一服務的一頁式網站，NT$5,000 起。需要多頁內容、線上預約或會員功能的商家，可選 AHHA 自助架站平台，年費 NT$5,999 起。若需要獨立視覺設計、特殊功能、第三方系統串接或多語系架構，屬於客製化專案，NT$25,000 起，實際金額在需求訪談後提供正式報價，差距主要來自頁面數量與功能複雜度。 SEO / GEO 長期優化另計，月費 NT$15,000 到 50,000，建議至少 3 到 6 個月才看得出成效。
Q.製作時間要多久？
客製化網站是 4 到 8 週，視功能複雜度而定；一頁式網站在素材齊全的情況下通常 1 到 2 週。時程能不能準，關鍵通常在客戶端的資料與文案準備速度。設計稿確認、文案提供、圖片素材這三項是最常拖住進度的環節。需求訪談時會列出需要準備的項目清單。 AHHA 平台的話，簡單的形象網站最快當天就能上線。
Q.網站做好之後，Google 真的搜尋得到嗎？
我們會完成 Search Console 驗證、sitemap 提交與索引狀況檢查，並排除可確認的技術問題，這些都包含在交付範圍內。不過 Google 最終是否建立索引、何時收錄，仍由搜尋系統判定，沒有任何廠商能代為決定。 收錄和排名也是兩件事。被收錄通常是幾天到幾週，排到前面則取決於關鍵字競爭程度、網站權重累積與內容量，往往需要數個月。任何承諾「保證第一名」的說法都不要相信，Google 官方文件明確表示沒有人能保證排名。我們能確保的是技術底層不會成為限制。
Q.什麼是 GEO？為什麼網頁設計階段就要考慮？
GEO 是 Generative Engine Optimization，生成式引擎優化，指的是讓 ChatGPT、Perplexity、Gemini 這類 AI 系統能夠讀懂並引用你的網站內容。 GEO 同時涉及內容品質、實體辨識、來源可信度與網站結構。其中資訊架構與可索引內容若在建站初期規劃，後續執行會更有效率——等網站蓋好才要補，往往得回頭動資訊架構，成本比一開始就做進去高。
Q.可以只做 SEO / GEO，不重做網站嗎？
可以。這是我們的 SEO / GEO 長期優化服務，月費 NT$15,000 到 50,000。 不過會先做技術稽核，確認現有網站的底層有沒有硬傷。有些情況（例如網站架構本身讓 Google 難以爬取、或平台限制無法加入結構化資料）修補成本會高於重做，我們會據實說明，由客戶評估決定。
Q.在台南以外的縣市可以合作嗎？
可以，我們的客戶分布在全台各地，遠端協作是常態。需求訪談與進度討論用視訊，檔案與進度追蹤線上同步，不會因為距離影響品質。 台南在地的客戶則多了面對面討論的選項，複雜專案的初期訪談當面談通常效率更高。
Q.網站上線之後的維護包含什麼？
客製案含 1 年免費維護，範圍包括安全性更新、資料備份、效能監控、故障排除，以及小幅度的內容修改。 後台採區塊式編輯，可自行編修文案與圖片，日常更新無需另行委託。超出維護範圍的功能擴充會另外報價，但我們會先說明清楚再進行。