新型態網頁設計的差異
傳統的網站建置流程,通常先完成視覺與功能,網站上線後再由行銷團隊處理 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,讀者可將網站加入手機主畫面。
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 架站平台由渥合數位從零開發,並非代理第三方工具。因此當需求超出現有功能時,我們可直接修改程式,而非以原廠限制為由回絕。
網域與資料歸屬事先載明
網域與主機建議由客戶自行申請、登記在客戶名下,我們協助設定與上架;網站內容與資料可隨時完整匯出。程式碼與 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 年免費維護,範圍包括安全性更新、資料備份、效能監控、故障排除,以及小幅度的內容修改。 後台採區塊式編輯,可自行編修文案與圖片,日常更新無須另行委託。超出維護範圍的功能擴充另行報價,並於執行前先行說明。
Q.需要的是網站,還是 App?
判斷依據為使用者的行為模式。若對方屬於有需要時才主動查詢——查看服務內容、瀏覽案例、線上預約、確認營業資訊——所需的即為網站。此類需求若開發為 App,反而提高接觸門檻,因須先促使對方下載。 適合開發為 App 的需求通常具備以下特徵:使用者會重複開啟、需要推播主動觸及、需要離線使用,或需取用相機、定位、藍牙等裝置能力。 此外,App 具有一項網站所無的持續性成本:Apple 與 Google 每年皆會調整送審的最低版本要求,即便不新增功能,每年仍需進行一次技術性更新方能維持在架。 兩者並行的情況亦不少見,通常由網站負責搜尋曝光,App 負責既有客戶的回訪。App 開發的服務範圍、技術路線與費用,於導覽列的「App 開發」頁有完整說明。
