🏢
企業形象網站
目標是建立專業信任並覆蓋服務型搜尋。適合中小企、工程公司、律師樓、會計師事務所、診所與教育中心。核心是每個服務獨立成頁，讓每組關鍵字有專屬落點。
了解詳情網頁設計服務：由架構開始定成敗
大部分網站失敗的原因，不是設計不夠靚，而是在畫第一張稿之前冇人問過「客戶會搜什麼字進來、進來之後要看到什麼才會問價」。我們的做法是先做關鍵字研究決定頁面架構，再定每頁的 H1 與 H2 文案，最後才畫視覺——次序倒過來的話，後期改版面等於重做。服務涵蓋企業形象網站、品牌形象網站、一頁式網站與 Landing Page、WordPress 網站製作、網站改版、網頁寄存與域名註冊。
一頁式 HK$1,880 起 · 企業網站 HK$4,880 起 · WordPress 企業網站 HK$8,800 起 · 最快 3 個工作日上線 · 完整價錢對照見首頁收費區
2.5s
LCP 交付門檻
0
設計稿修改
0
上線後免費修錯
100%
原始碼交付給你
服務範圍
五種網站類型，先分清你需要哪一種
我們不做模板感網站，但更重要的是不做「錯類型」的網站。很多客戶第一句是「我想做個網站」，實際需要的可能只是一頁 Landing Page，或者根本應該先修好現有網站的技術問題。下面五種類型的判斷邏輯與適用情境，可以幫你在報價前先想清楚方向。
✨
品牌形象網站
目標是留下印象與塑造質感。適合零售、美容、餐飲、攝影與創意品牌。重點在視覺敘事與互動動效，但必須與速度取得平衡，否則體驗贏了、跳出率輸了。
了解詳情🎯
一頁式網站及 Landing Page
目標只有一個：把廣告流量變成聯絡資料。冇導覽選單、冇分散注意的出口。適合初創驗證想法、活動推廣，以及承接 Google 與 Meta 廣告。最快 3 個工作日上線。
了解詳情🧩
WordPress 網站製作
需要自己定期更新文章、產品或最新消息，就要有 CMS 後台。我們一律自訂主題而非套用萬用模板，因為那些模板堆疊大量冗餘程式碼，直接拖慢 LCP。
了解詳情🛒
網上商店
需要客戶在網上直接付款才做網店。WooCommerce 或 Shopify 皆可，分別在於長期維護責任落在誰身上，以及要不要付交易抽成。
了解網店製作🔧
網站改版與現代化
舊網站慢、手機不能用、後台已無人維護？改版的關鍵不在設計，而在完整處理 301 轉址保住既有排名與反向連結。
了解改版企業形象網站：把專業變成可搜尋的內容
專業服務公司最常見的問題不是設計，而是把腦裡的專業知識全部留在腦裡。網站只有五頁、每頁兩百字，客戶搜尋具體服務時完全找不到你，所有生意只靠舊客轉介。
我們的處理方式
- 服務頁一項一頁。把「服務範圍」由一頁拆成六至十頁，每頁覆蓋該項服務客戶會問的所有問題，包括流程、所需文件、時間與收費結構。
- 團隊介紹強化 E-E-A-T。為每位專業人員建立獨立介紹頁，列出資歷、專業領域與可核實的執業資訊，這對律師、會計、醫療類網站尤其關鍵。
- 案例與過往項目可索引。不要把案例做成一堆圖片，用文字寫清楚問題、做法與結果，這批內容本身就會帶來長尾流量。
- 信任元素前置。公司地址、電話、商業登記、專業資格、服務年期，全部放在訪客會產生疑慮的位置附近，而不是堆在頁尾。
品牌形象網站：視覺與速度的取捨
零售與美容品牌需要視覺敘事、影片與互動動效來塑造質感。但這裡有一個真實的衝突：所有這些元素都會增加頁面重量，而載入慢一秒，首屏流失率就上升。所以問題不是「要不要動效」，而是「怎樣做到兩者都有」。
我們的技術取捨
- 首屏極簡，動效延後。LCP 元素優先載入並加 fetchpriority，所有裝飾性動效等首屏完成繪製後才啟動。
- 影片不做自動播放的 LCP 元素。用靜態 poster 圖承擔首屏，影片設 preload="none"，避免拖慢 LCP。
- 圖片 WebP 與 AVIF 加 srcset。手機不載入 2400px 原圖，通常可省一半以上重量。
- 動效用 CSS transform 與 opacity。避免觸發版面重排的屬性，減少 INP 惡化與 CLS 風險。
- 所有媒體宣告尺寸。img 與 iframe 一律有 width 與 height 或 aspect-ratio，防止版面跳動。
實際案例見品牌形象網站；技術細節見Core Web Vitals 優化章節。
一頁式網站及 Landing Page 設計
一頁式網站與 Landing Page 常被混用，但用途不同。一頁式網站是完整的品牌門面，只是內容收在單一頁面；Landing Page 是專門承接某一組廣告的落地頁，通常冇導覽選單，訊息與廣告文案逐字呼應。
什麼情況適合一頁式
- 初創想快速驗證市場反應，未確定最終服務組合。
- 單一服務或單一產品，冇多組關鍵字需要覆蓋。
- 短期活動、招生、預售或展覽推廣。
- 主要靠廣告與社交平台帶客，不依賴自然搜尋。
一頁式的 SEO 限制要講清楚
一頁式只有一個 H1、一條 URL、一組 title 與 meta description，所以最多只能主攻一組關鍵字。如果你的目標是靠自然搜尋帶客，一頁式基本上做不起來，這是結構限制，不是內容寫得夠不夠好的問題。我們會在報價前直接告訴你這一點，而不是收了錢之後才解釋為何冇排名。
高轉換 Landing Page 的具體做法見美容療程推廣頁案例與裝修報價落地頁案例；配合廣告投放見Google Ads 及 Meta 廣告服務。
CMS 建置
WordPress 網站製作與 CMS 系統
WordPress 是全球佔比最高的 CMS 網站管理系統，優勢在後台易用、生態成熟、SEO 控制完整。但它也是最容易被做壞的系統——套一個萬用模板加十幾個外掛，速度與安全性同時崩塌。
我們的 WordPress 做法
- 自訂主題開發，不套用萬用模板
- 外掛控制在必要範圍，避免功能重疊
- 自訂文章類型與分類，配合主題群集架構
- 頁面快取、物件快取與 CDN 三層配置
- PHP 與 MySQL 層面查詢優化
- 後台隱藏不需要的選項，減少誤操作
你可以自己改什麼
- 新增與編輯文章、最新消息、活動
- 新增與編輯服務頁、案例頁
- 更換圖片與 banner
- 編輯每頁的 title 與 meta description
- 管理選單結構與頁尾連結
- 查看與匯出表單提交記錄
交付時提供什麼
- 一對一後台操作培訓（線上或面談）
- 中文圖文操作手冊
- 管理員帳戶與所有權限交付
- 主題原始碼與資料庫備份
- 上線後 30 天錯誤修正
- 可選的年度維護方案
如果你的內容基本固定、追求極致速度，我們亦會建議做手寫靜態網站——冇資料庫查詢、冇外掛更新負擔、安全風險極低。兩種方案的 SEO 控制程度都是完整的，分別只在於誰負責日後更新內容。平台選型的完整比較見首頁對照表。
報價規格
報價裡面到底包什麼
「企業網站一套 $12,000」這種報價冇任何意義。以下是我們報價單會逐項列明的規格，你也可以直接拿這份清單去對照其他公司的報價，看看有什麼冇寫。完整價錢區間見首頁收費對照表。
| 項目 | 我們的標準 | 為什麼重要 |
|---|---|---|
| 頁數與區塊數 | 逐頁列明，每頁註明區塊數量 | 只寫「頁數」不寫區塊，容易變成每頁只有兩段字 |
| 修改次數 | 設計階段兩輪，超出按小時另報 | 冇寫上限的報價，通常在後期用追加費用補回 |
| 語言版本 | 單語為基準，加語言按頁數另計 | 雙語不只是翻譯，關鍵字研究與日後維護都是雙倍 |
| SEO 基礎結構 | H1 至 H3 層級、逐頁 title 與 meta、canonical、sitemap、robots.txt、結構化資料 | 很多報價寫「已包 SEO」但實際只填了 title |
| 效能標準 | LCP ≤ 2.5s、INP ≤ 200ms、CLS ≤ 0.1 | 冇寫效能標準，交付一個五秒才載入的網站也算完成 |
| 追蹤設定 | GA4 關鍵事件、Search Console 驗證、WhatsApp 與電話點擊追蹤 | 冇追蹤等於冇法判斷網站有冇帶生意 |
| 首年寄存與域名 | 包首年，並書面列明第二年起年費 | 首年免費、第二年翻幾倍是最常見的陷阱 |
| 擁有權 | 域名、原始碼、資料庫、GA4、Search Console 全部以你公司名義 | 帳戶不在你名下，日後想轉走會被卡住 |
| 上線後支援 | 30 天內錯誤修正免費，之後按維護方案 | 上線就消失的服務商，你會在第一個 bug 時發現 |
通常不包而要另計的項目：文案撰寫、專業攝影、正版圖庫與字體授權、第三方系統訂閱費、付款閘手續費，以及上線後的內容更新工時。這些我們會在報價單分開列明，不會混在網站費用裡。
製作流程
七個階段，次序不能倒
留意第三步：線框圖與內容大綱先做，視覺後做。跳過這一步直接畫靚稿，是後期反覆改版面的主因。
1️⃣
需求分析與目標確認
確認網站要解決的核心問題：是「有人搜尋但找不到你」，還是「有人來但不會問價」。兩者的設計方向完全不同。
2️⃣
關鍵字研究與頁面架構
以搜尋量與商業意圖排序關鍵字，決定要開幾多頁、每頁對應哪組詞，定好 URL 命名規則與內部連結地圖。
3️⃣
線框圖與內容大綱
先定每頁區塊順序、H1 與 H2 文案、CTA 位置，然後才畫視覺。這一步省掉，後期改版面等於重做。
4️⃣
視覺設計與兩輪修改
桌面與手機版設計稿同步提供。第一輪確認整體方向，第二輪處理細節，所有意見在同一輪一次收齊。
5️⃣
前端開發與 CMS 建置
語意化 HTML5、CSS、JavaScript 開發，需要後台則建置 WordPress 自訂主題，在測試網域逐頁檢視。
6️⃣
上線前技術檢查
標題層級、meta、canonical、sitemap、robots.txt、結構化資料驗證、圖片尺寸宣告、Core Web Vitals 分數逐項確認。
7️⃣
上線與交付
設定 GA4 與 Search Console、提交 sitemap、交付原始碼與所有帳戶擁有權，並提供後台操作培訓。
技術標準
交付前必須通過的檢查
這些不是加分項，而是最低標準。如果一間網頁設計公司交付時冇跑過這些檢查，你會在上線後幾個月內逐項發現問題——而那時候修的成本，遠高於一開始就做好。
語意化與結構
- 每頁一個 H1，H2 劃分章節，H3 放實際問句，層級不跳級。
- 使用 header、nav、main、article、section、footer 等語意標籤，而非全部 div。
- 每頁獨立的 title 與 meta description，冇重複。
- canonical 指向自己的絕對 URL，hreflang 與 html lang 一致。
- Organization、BreadcrumbList 及頁面類型對應的 schema，通過 Google 測試工具無錯誤。
效能
- 首屏圖片 preload 加 fetchpriority，格式為 WebP 或 AVIF，並提供 srcset。
- 所有 img 與 iframe 宣告 width 與 height，防止 CLS。
- 關鍵 CSS 內嵌，其餘樣式表與第三方腳本延後載入。
- 字體 font-display: swap 並 preload 主要字重。
- 影片不做 LCP 元素，preload 設為 none 並以 poster 承擔首屏。
可用性與無障礙
- 所有圖片有描述性 alt，裝飾圖用空 alt 讓螢幕閱讀器略過。
- 表單欄位有對應 label，錯誤訊息明確且可被讀出。
- 文字與背景對比度足夠，不單靠顏色傳達資訊。
- 可純用鍵盤操作導覽與表單，焦點狀態可見。
- 手機字體最小 16px，避免 iOS 自動縮放；可點擊元素間距足夠。
每一項的具體做法都寫在我們的技術 SEO 檢查清單與Core Web Vitals 章節，你可以自己拿去驗收任何服務商的交付成果。
網站改版
改版還是重做？先看四個訊號
不要用年份判斷該不該改版。真正需要動手的訊號只有四個，其餘情況做局部視覺更新加內容補強就足夠，成本遠低於全面重做。
1. 手機體驗或效能不達標
Search Console 的網站使用體驗核心指標長期紅色，或手機版根本要放大才看得到內容。這直接影響排名與轉換。
2. 系統已停止安全支援
建於已停更的 CMS、舊版 PHP 或已淘汰的框架。這種情況不是效率問題，而是隨時被入侵的風險。
3. 網站講錯自己在做什麼
業務轉型、服務範圍改變，但網站仍在講三年前的事。這種情況內容重寫比重做更急。
4. 流量長期下滑而技術修正無效
已經修好技術問題但流量仍持續下降，通常代表資訊架構本身有根本問題，需要重新規劃頁面與關鍵字對應。
改版時保住排名的四個步驟
- 改版前從 Search Console 與 GA4 導出完整 URL 清單與各頁流量，標記哪些頁面有排名必須保留。
- 為每一條變更的舊網址設定 301 永久轉址（不是 302），指向內容最相關的新網址。切勿全部指向首頁——那等於告訴 Google 舊頁面的內容已不存在。
- 上線後即時更新 sitemap.xml 並在 Search Console 提交，同時檢查 robots.txt 與 canonical 是否正確。
- 上線後至少八星期每週監控索引覆蓋率、自然流量與 404 錯誤報表，發現異常即時處理。
處理得正確的話，短期會有波動但可以保住大部分權重；完全冇做 301 的改版，流量流失可以超過七成而且很難恢復。這是我們接手改版項目時最先確認的一件事。
寄存與域名
網頁寄存及域名註冊
這兩項通常被當成附帶項目，但寄存的伺服器回應時間直接影響 LCP，而域名的註冊人身分直接決定你日後能否自由轉換服務商。
寄存選擇的四項規格
- 機房位置：客戶在香港就選香港或亞太區，TTFB 明顯較短
- 協定支援：HTTP/2 或 HTTP/3、Brotli 壓縮
- 備份機制：每日自動備份且存放在伺服器以外位置
- 環境版本：PHP 與資料庫維持在受支援版本
域名：.com 定 .com.hk
業務主要在香港的話，建議兩個都註冊，其中一個做主網域、另一個 301 轉址過去，避免被人搶註。
- .com 國際認知度最高、續費較便宜
- .com.hk 需提交香港商業登記，本身是可信度訊號
- 切勿同一批內容在兩個網域上線而不做轉址
- 註冊人必須是你公司，不是服務商
SSL 與安全基礎
一般企業網站用免費的 Let's Encrypt 憑證已足夠，加密強度與付費網域驗證型憑證完全相同。付費憑證的價值在於核實公司法人身分與保險條款，適合金融或大型電商。
- 全站強制 HTTPS，處理混合內容警告
- www 與非 www 統一一種形式，其餘 301
- 設定 HSTS 與基本安全標頭
長期維護方案（核心與外掛更新、安全掃描、每日備份、每月內容修改時數）詳情見網站維護服務。
行業方案
按行業調整的不是設計，是決策路徑
診所要處理預約與專業信任、律師樓要建立權威、餐廳要突出位置與菜單、B2B 要降低溝通成本。同一套技術標準，不同的轉換動線與關鍵字策略。
診所網頁設計
牙科診所網頁設計
律師樓網頁設計
會計師事務所網頁設計
美容院網頁設計
髮型屋網頁設計
餐廳網頁設計
咖啡店網頁設計
教育中心網頁設計
補習社網頁設計
幼稚園網頁設計
工程公司網頁設計
裝修公司網頁設計
物流公司網頁設計
貿易公司網頁設計
地產代理網頁設計
健身中心網頁設計
瑜伽中心網頁設計
婚紗攝影網頁設計
攝影師網頁設計
寵物店網頁設計
花店網頁設計
NGO 網頁設計
社團網頁設計
服務範圍覆蓋全港，包括中環、灣仔、銅鑼灣、尖沙咀、旺角、觀塘、荃灣、沙田等主要商業區，詳見服務地區說明。所有項目可遠距推進，亦可安排面談。
頁數應該由關鍵字決定，不是由預算決定。實務算法是：每一個你希望被搜尋到的服務，就要有一頁。如果你提供六種服務，把六種全塞在一頁「服務」頁，每個關鍵字只拿到六分之一的相關性。典型的中小企配置是首頁、關於我們、每個服務一頁、作品或案例、常見問題、聯絡我們，合計約 10 至 14 頁。純粹靠廣告帶客而不做 SEO 的話，一頁式已經足夠。
響應式設計是同一份 HTML 與同一條 URL，用 CSS 根據螢幕寬度調整版面；獨立手機版是另建一套 m. 開頭的網站。現時應該一律用響應式，原因有三：一條 URL 讓所有連結權重集中，不需要處理 canonical 與 alternate 的對應關係；只維護一套內容，不會出現手機版忘記更新的情況；Google 以行動裝置版本為索引主體，響應式天然一致。獨立手機版已屬過時做法。
可以。項目完成付清尾款後，我們交付網站原始碼、資料庫備份，以及設計稿的可編輯原始檔。這一點應該寫在合約裡。要留意兩件事：一是第三方購買的圖庫圖片與字體，授權通常只涵蓋該網站使用，不能轉用到其他媒介；二是如果網站建於服務商的封閉平台，根本冇原始碼可以交付，所以簽約前必須確認網站建於什麼系統。
三個常見風險。一、從 Google 圖片搜尋直接抓圖使用，這是明確侵權，香港亦有攝影師與圖庫公司主動追討。二、免費字體的授權可能只限個人用途，商業網站需要商用授權，中文字體尤其要注意。三、圖庫的授權類型分別很大，有些不允許用於產品包裝或廣告。我們的做法是所有素材保留授權證明文件並交給客戶存檔，日後有爭議時有據可依。
應該做，而且成本比想像低。基本項目包括：所有圖片有描述性 alt、表單欄位有對應 label、僅靠顏色傳達的資訊要另加文字或圖示、文字與背景對比度足夠、可以純用鍵盤操作導覽與表單、以及互動元件有正確的 ARIA 屬性。這些同時對 SEO 有利，因為爬蟲與螢幕閱讀器讀取網頁的方式高度相似。政府、教育與公共服務機構的網站更應該視為必要條件。
看你的主要訪客在哪。客戶集中在香港，選香港或亞太區機房，實測的伺服器回應時間（TTFB）通常明顯較短，而 TTFB 直接影響 LCP。如果客群跨地區，更有效的做法是把伺服器放在主要市場，再用 CDN 邊緣節點覆蓋其餘地區。另外要看三項規格：是否支援 HTTP/2 或 HTTP/3、有否提供每日自動備份、以及 PHP 與資料庫版本是否維持在受支援版本。純看價錢揀最便宜的共享寄存，通常會在速度與穩定性上付回代價。
如果業務主要在香港，建議兩個都註冊，其中一個做主網域、另一個 301 轉址過去，避免日後被人搶註。選擇上，.com 的國際認知度最高、續費較便宜；.com.hk 對本地客戶有地域信任感，而且需要提交香港商業登記文件才可註冊，本身就是一種可信度訊號。要避免的是同一批內容同時在兩個網域上線而不做轉址，那會製造重複內容問題。
一般企業網站不需要。免費的 Let's Encrypt 憑證與付費的網域驗證型憑證，加密強度完全相同，瀏覽器都顯示鎖頭圖示，對 SEO 的效果亦一樣。分別在於驗證層級與保險賠償條款：組織驗證型與擴充驗證型憑證會核實公司法人身分，適合處理信用卡與敏感個人資料的金融或大型電商。付款主要經第三方閘道處理的一般網店，免費憑證加上正確的 HTTPS 強制轉址已經足夠。
手寫靜態網站的先天優勢明顯，因為每次請求不需要執行 PHP 與查詢資料庫，直接回傳檔案。但差距可以被縮窄：WordPress 配合頁面快取、物件快取與 CDN 之後，實際 LCP 可以做到與靜態網站相近。真正拖慢 WordPress 的通常不是 WordPress 本身，而是套用了臃腫的萬用模板與十幾個功能重疊的外掛。所以我們做 WordPress 一律自訂主題、外掛控制在必要範圍。
全新網域一般在提交 sitemap 後數日至兩星期內開始被索引，但有意義的搜尋流量通常要 4 至 6 個月才出現，高競爭關鍵字更長。所以新網站上線後的正確策略是雙軌並行：用廣告即時帶量驗證哪些關鍵字真正帶來詢盤，同時累積 SEO 內容。只等 SEO 的話，前半年基本上冇流量；只投廣告的話，停投即刻歸零。
有 CMS 或電商功能的網站建議每日自動備份，並保留至少 14 至 30 天的版本；純靜態網站因為內容不常變，每週一次加上每次改動前手動快照已足夠。關鍵是備份必須存放在網站伺服器以外的位置——如果伺服器本身被入侵或損毀，同一部機上的備份會一併失去。另外每季應該實際還原一次測試，未驗證過能否還原的備份，等於冇備份。
四個步驟。一、改版前從 Search Console 與 GA4 導出完整 URL 清單與各頁流量，標記哪些頁面有排名必須保留。二、為每一條變更的舊網址設定 301 永久轉址，指向內容最相關的新網址，不要全部指向首頁。三、上線後即時更新 sitemap.xml 並在 Search Console 提交。四、上線後至少八星期每週監控索引覆蓋率、流量與 404 錯誤。處理得正確的話短期會有波動但可保住大部分權重；冇做 301 的話流失可以超過七成。
延伸閱讀