香港網頁設計與網頁製作。

一、網頁設計範圍與網站類型

網頁設計與網頁製作有什麼分別？

網頁設計偏向資訊架構、版面、視覺與使用者體驗的規劃；網頁製作則是把設計落實成可運作的 HTML、CSS、JavaScript 與後台。兩者分開處理容易出現「設計做得靚但做不出來」或「做得出但不好用」的落差，因此我們把設計與技術一併處理。

BIC Web Design 提供哪些類型的網站？

包括企業形象網站（Corporate Website）、響應式網站（Responsive Website）、度身訂造網頁設計（Custom Web Design）、WordPress 網站、Landing Page 落地頁，以及商業網站（Business Website）。涉及訂單與存貨的項目，則以我們的網上商店系統處理。

什麼是度身訂造網頁設計？和模板有什麼分別？

度身訂造是先確定你的業務結構與內容量，再設計版面；模板則是先有固定版面，內容要遷就格式。分辨方法很簡單：模板網站常見三欄格式卻只有兩項服務、或大段文字被壓在細小區塊。度身訂造的網站，版面會跟隨實際內容而變化，日後新增服務亦不需要推倒重來。

一個企業網站應該包含哪些頁面？

一般至少需要首頁、關於我們、服務或產品頁（每項服務獨立一頁）、作品或案例、常見問題，以及聯絡頁。每項服務獨立成頁對 SEO 特別重要，因為一頁只集中一組關鍵字，比把所有服務堆在同一頁更容易取得排名。

什麼是 Landing Page？何時應該用？

Landing Page 是為單一活動、廣告投放或新產品推廣而設的獨立頁面，只保留一個行動目標，因此轉換率通常較高。它可以與主網站並行：廣告流量導向 Landing Page，品牌與自然搜尋流量導向主網站的服務頁。配合SEM 關鍵字廣告使用效果最明顯。

只有幾頁的小型網站值得做嗎？

值得，前提是每一頁都有明確任務。很多小型企業網站失效的原因不是頁數少，而是首頁講不清楚「你是誰、提供什麼、如何聯絡」。頁數可以少，但定位、服務說明與轉換路徑三者不能缺。

網站需要多久改版一次？

沒有固定年期。應考慮改版的訊號包括：手機操作明顯不便、載入速度慢、後台無法自行更新、業務與服務結構已改變、或網站無法支援新的推廣需求。若只是內容過時，優先處理內容更新即可，未必需要整站重做。

舊網站的內容可以保留嗎？

可以，而且建議保留。改版時最容易失去排名的原因，是網址改變後沒有做 301 轉向，或原有內容被大量刪減。正確做法是先整理現有頁面清單與新舊網址對照表，保留並改寫既有內容，而不是全部推翻重寫。

二、技術、響應式與效能

BIC 使用什麼技術製作網站？

我們使用較新的 HTML5 技術及 jQuery，能兼容多個瀏覽器及流動產品，並會替客戶進行網頁優化。需要客戶自行更新內容的項目可採用 WordPress；涉及訂單與存貨的項目則採用我們的網上商店系統。

什麼是響應式網站（Responsive Website）？

響應式網站以同一套 HTML 與 CSS，按螢幕闊度自動調整版面，讓桌面、平板與手機共用同一條網址。這對 SEO 有利，因為毋須維護獨立手機版網址，亦避免兩套內容不一致。

什麼是「手機優先」設計？

手機優先是指先確定手機版的內容次序與版面，再擴展到桌面，而不是先做電腦版再壓縮。先做電腦版的常見後果是手機上文字過細、按鈕過近、表單難以填寫，因為原本的版面邏輯根本不是為窄螢幕而設。

網站需要兼容哪些瀏覽器？

實務上以主流瀏覽器的近期版本為基準，包括桌面與流動裝置的常用瀏覽器。我們使用 HTML5 技術製作，能兼容多個瀏覽器及流動產品。若你的客戶群使用特定舊版環境，需在 Discover 階段提出，因為這會影響可用的技術與測試範圍。

什麼是 Core Web Vitals？合格門檻是多少？

Core Web Vitals 是 Google 衡量真實用戶體驗的三項指標。良好門檻為 LCP（最大內容繪製）2.5 秒或以下、INP（互動至下次繪製）200 毫秒或以下、CLS（累積版面配置轉移）0.1 或以下，以真實用戶數據的第 75 百分位計算，三項須同時達標。INP 已於 2024 年 3 月取代舊有的 FID。

網站設計中哪些做法最影響載入速度？

最常見的是未經壓縮的大圖、過多的第三方腳本（追蹤碼、聊天工具、字型）、自動播放的大型影片，以及沒有為圖片預留尺寸而造成版面跳動。設計階段的決定往往比後期優化更能左右速度，例如首屏是否使用全螢幕影片。伺服器層面的因素見網頁寄存頁。

為什麼圖片要指定寬高？

為圖片指定 width 與 height 屬性，瀏覽器可在圖片載入前預留空間，避免內容突然下移。這直接改善 CLS（累積版面配置轉移）指標，也減少用戶誤觸的情況。

網站需要用 HTTPS 嗎？

需要，而且應該全站使用。瀏覽器會對非 HTTPS 的表單頁顯示不安全警告，直接影響客戶信心；收集個人資料或付款資訊的網站更加必須加密。憑證安裝與自動續期屬於寄存層面的工作。

三、平台選擇與內容管理

WordPress 與度身訂造網站應該選哪一個？

如果你需要經常自行更新內容、發佈文章或新增頁面，WordPress 方便日後自行管理。如果網站涉及特定業務流程、獨特版面或與其他系統對接，度身訂造會更貼合需要。兩者都可以做到良好的 SEO 表現，關鍵在於架構與內容，而非平台名稱。

使用 WordPress 有什麼需要注意？

主要是維護責任。WordPress 核心、佈景與外掛都需要定期更新，過時版本是最常見的入侵途徑。此外，外掛裝得愈多，速度與相容性風險愈高。我們的做法是只保留必要的外掛，並把日常維護納入長期支援範圍。

網站上線後我可以自己更新內容嗎？

視乎採用的方案。使用 WordPress 或內建後台的網站，你可以自行更新文字、圖片與頁面。如果是靜態企業網站，一般由我們負責更新；日常內容改動亦屬於長期支援的一部分。

網站可以做中英文雙語嗎？

可以。雙語網站需要在規劃階段決定語言切換方式、網址結構與內容維護分工，因為每次更新都要處理兩套內容。若其中一種語言長期不更新，反而影響專業形象，所以應按實際維護能力決定語言數量。

網站可以日後加入網上商店嗎？

可以。常見路徑是先做展示型網站建立品牌與流量，待客戶頻繁查詢價錢與存貨、訂單開始以電郵和電話重複處理時，再升級為網上商店系統，把產品、購物車、訂單、客戶、存貨與付款集中在同一後台。

交付時會提供什麼？

一般包括可運作的網站檔案與後台、基本 SEO 設定（標題、描述、標題層級、sitemap 與 robots）、上線與轉向安排，以及後台操作說明。若同時採用我們的寄存服務，域名、DNS、SSL 與電郵設定亦會一併處理。

四、SEO、內容架構與 GEO

H1、H2、H3 應該怎樣安排？

每頁只應有一個 H1，準確描述該頁主題並包含核心關鍵字；H2 分割主要章節；H3 處理章節內的細項。層級不應跳級使用（例如 H1 之後直接跳到 H4），亦不應純為視覺效果而套用標題標籤 —— 想要字大就用 CSS，不要用 H 標籤。

內部連結應該怎樣做？

內部連結決定搜尋引擎在網站內的爬行路徑，也把權重分配到重要頁面。錨文字要用具意義的關鍵字，例如「網上商店系統」而非「按此」。內容段落中的情境連結，價值高於只靠選單與頁尾的連結。

網址（URL）應該怎樣設計？

網址應短、可讀、與頁面主題一致，並在改版後盡量保持穩定。層級不宜過深，避免使用無意義的參數與編號。一旦網址需要改變，必須設定 301 永久轉向，把舊網址的權重傳遞到新頁面。

什麼是結構化資料？網站需要加嗎？

結構化資料（Schema.org）是以機器可讀的格式描述頁面內容。企業網站常用的包括 Organization 或 LocalBusiness / ProfessionalService、WebSite、BreadcrumbList、Service、FAQPage、Product 與 Offer。重點是標記內容必須與頁面上實際可見的內容一致，否則會被視為誤導。

網頁設計如何影響 AI 搜尋（GEO）？

生成式搜尋追求的是被引用與被準確複述，而非單純排名。有利的做法包括：清晰的問答式段落、可獨立擷取的短段落、明確的事實陳述、一致的公司名稱與聯絡資料，以及與內容相符的結構化資料。版面設計上，要避免把關鍵資訊只放在圖片或需互動才展開的元素內。

圖片的 alt 文字重要嗎？

重要。alt 文字讓螢幕閱讀器用戶理解圖片內容，也讓搜尋引擎理解圖片主題。撰寫時應描述圖片的實際內容與作用，而非堆砌關鍵字；純裝飾性圖片則應留空 alt，避免干擾閱讀。

網站設計會一併做 SEO 嗎？

基礎部分會。我們在製作時會處理標題層級、網址結構、meta 標籤、內部連結、sitemap 與結構化資料。若需要關鍵字規劃、內容撰寫與持續優化，則屬SEO / SEM 服務範圍，可另行安排。

五、無障礙與可用性

WCAG 的文字對比度要求是多少？

按 WCAG 2.2 Level AA，一般文字與背景的對比度至少 4.5:1；大字（約 24px 一般字重，或 18.66px 粗體以上）至少 3:1；非文字的介面元件與圖形物件亦需至少 3:1。這對淺灰細字的設計風格影響最大，設計階段就應該量度而非事後補救。

按鈕與連結的可點擊範圍有標準嗎？

有。WCAG 2.2 新增的 2.5.8 Target Size (Minimum) 屬 Level AA，要求指標輸入的目標至少 24×24 CSS 像素，或在目標之間保持等效間距；句子中的行內連結等情況設有例外。這對手機上的密集選單與細小圖示按鈕特別重要。

香港有沒有網站無障礙的官方指引？

有。香港政府數字政策辦公室設有無障礙網頁的推廣資源與手冊，內容對應 WCAG 2 Level AA 的成功準則，包括對比度與目標尺寸等項目。企業網站雖非強制，但採用同一套標準有助照顧更廣泛的使用者。

設計上還有哪些常見的可用性問題？

常見的有：純圖片承載重要文字（無法選取與朗讀）、只用顏色區分狀態、鍵盤操作時看不到焦點框、表單欄位缺少標籤、以及彈出視窗無法輕易關閉。這些問題不只影響特定使用者，對所有人的操作效率都有影響。

網站需要做無障礙測試嗎？

建議在設計與上線前各做一次基本檢查：量度主要文字組合的對比度、以鍵盤走一次主要流程、放大字級檢視版面是否仍可用、以及確認表單有正確標籤。這幾項成本很低，卻能擋掉大部分明顯問題。

六、流程、收費與支援

網頁設計流程是怎樣的？

流程分五步：Discover 了解業務、受眾與網站要達成的事；Plan 整理架構、頁面與功能範圍；Design 建立符合品牌與轉換目標的版面；Develop 製作網站與所需功能；Launch 上線、寄存、優化與後續支援。每一步確認後才進入下一步，詳見數碼方案頁。

客戶需要準備什麼資料？

最有幫助的是：現有網站網址與希望保留的內容、公司簡介、服務或產品清單、可用相片與標誌原檔、想參考的網站例子，以及上線的目標時間。內容準備是時間表中最常被低估的一環，愈早整理，進度愈可控。

沒有內容或相片可以開始嗎？

可以先開始架構規劃，但內容始終要決定。實務上，最常見的延誤來自內容未備妥與內部審批來回，而非製作。建議在 Plan 階段就指定每頁的內容負責人與交付日期，讓時間表有實際依據。

一個企業網站需要多長時間完成？

時間主要取決於頁面數量、功能複雜度與內容準備速度，而非設計本身。我們會在 Plan 階段先鎖定頁面清單與內容負責人；當頁面與內容範圍固定，時間表的準確度會大幅提高。

網頁設計收費如何計算？

我們不用一口價套餐，因為同樣叫「一個網站」，工作量可以相差數倍。主要影響因素為：頁面數量與內容是否需要撰寫、功能範圍、設計程度（沿用品牌指引或重新建立）、語言版本、SEO 範圍，以及是否包含寄存、企業電郵與後續支援。

上線後有沒有支援？

有。我們提供網頁寄存與電郵服務，並與網站設計、電子商貿一併規劃長期支援，包括寄存與域名續期、SSL 憑證、備份、系統更新、內容更新與運作檢查。網站上線之後才是真正開始。

為什麼選擇有二十年經驗的公司？

企業網站的真正成本在往後幾年的維護、改版與寄存。BIC Web Design 自 2006 年營運，處理過網站搬遷、系統升級與流動裝置世代更替等長期問題，客戶包括恭和堂、樂悠居、香港肝臟移植協康會、新之城與阿仙奴足球訓練學校，作品見網站作品頁，公司背景見關於我們。

如何開始一個網頁設計項目？

致電 3115-0301、電郵 [email protected]，或在聯絡頁填寫姓名、電郵、電話、現有網站與項目內容。我們會先了解你的業務目標、內容現況與時間表，再建議合適的服務組合與流程。