想搞掂 網頁設計 嘅多語言功能,係唔少做進出口或零售嘅香港老闆最頭痛嘅課題。尤其係要同時處理中英、甚至簡體版面,如果規劃得唔好,唔單止後台難管理,仲會令 網頁製作費用 愈滾愈大,真係幾令人心煩。
建立多語言網店或品牌站唔一定要好複雜,關鍵係搵啱 網站設計服務 插件同設定 SEO 架構。本文會由插件揀選到內容管理,拆解最實用嘅 網頁設計方案,帶你一步步搞掂。掌握呢啲技巧,先可以確保你嘅 品牌網站 走向國際,真正幫你接通全球生意。
多語言網站設計前的準備工作
唔少人一開始就急著裝插件,結果裝完才發現主題不相容,或者資料庫結構出問題。其實花 30 分鐘做好前期準備,之後可以省很多麻煩。
你需要先確認幾件事:
- WordPress 版本:確保使用 6.0 或以上版本,舊版本對多語言插件的支援有限
- 主題相容性:部分主題並非為多語言設計,建議使用主流主題如 Astra、GeneratePress,或直接聯絡主題開發者確認
- 現有內容量:如果網站已有大量文章或頁面,事先做好內容盤點,決定哪些頁面需要翻譯,哪些可以先跳過
- 翻譯資源:自己譯、找翻譯公司,還是用機器翻譯後人工校對?這直接影響你選哪個插件
另一個常被忽略的問題是 URL 結構。多語言網站一般有三種做法:子目錄(example.com/en/)、子域名(en.example.com)、或獨立域名(example.co.uk)。對中小企來說,子目錄是最推薦的方式,因為 SEO 權重集中在同一個域名,管理也最方便。如果你正在規劃一個全新的 WordPress 網頁設計項目,從一開始就定好 URL 架構,比之後改動省事得多。
備份也是必做步驟。安裝任何插件前,記得用 UpdraftPlus 或 All-in-One WP Migration 做完整備份,萬一出問題,可以一鍵還原。
WPML 與 Polylang 功能比較分析
市場上主流的 WordPress 多語言插件就是這兩款,各有各的定位。
| 功能 | WPML | Polylang |
|---|---|---|
| 收費模式 | 付費(USD$39–$199/年) | 免費(Pro 版付費) |
| WooCommerce 支援 | 官方整合,完整 | 需額外插件 |
| 翻譯管理介面 | 專業、功能豐富 | 簡潔,學習門檻低 |
| 適合對象 | 複雜多語言網站 | 中小型雙語網站 |
| SEO 插件整合 | Yoast / RankMath 均支援 | 基本支援 |
WPML 是功能最完整的選擇,支援超過 65 種語言,與 WooCommerce、ACF、Elementor 的整合都相當成熟。如果你的網站是網店設計,需要多語言產品頁、多幣種結帳流程,WPML 幾乎是唯一選擇。缺點是收費不便宜,入門版 USD$39 每年只支援 1 個網站,功能有限,要完整功能要選 USD$99 的 CMS 版。
Polylang 的免費版已經可以應付大部分中小企的雙語需求——中文加英文,頁面、文章、選單分語言管理,介面比 WPML 更直觀。Pro 版約 EUR€99/年,加入 WooCommerce 支援和進階功能。如果預算有限,又只是做一個靜態官網,Polylang 免費版完全夠用。
選擇建議很直接:做網店選 WPML,做靜態官網選 Polylang。
安裝適合的多語言插件
安裝 WPML
WPML 不在 WordPress 官方插件庫,需要在 wpml.org 購買後下載 ZIP 檔案,然後在 WordPress 後台「插件 → 安裝插件 → 上傳插件」安裝。安裝後需要輸入 Site Key 啟動授權,這個步驟很多人會漏做,導致插件無法正常更新。
WPML 推薦同時安裝以下配套插件:
- WPML String Translation:翻譯佈景主題與插件的文字字串
- WPML Translation Management:管理翻譯工作流程
- WPML Media Translation:為不同語言版本設定不同圖片
安裝 Polylang
Polylang 可以直接在 WordPress 後台「插件 → 安裝插件」搜尋安裝,免費版啟用後會進入設定精靈,依步驟加入語言即可。整個過程大約 5 分鐘,對非技術用戶相當友好。
設定網站語言與翻譯內容
裝好插件之後,下一步是設定語言,並為每個頁面建立對應翻譯版本。
以 WPML 為例,進入「WPML → 語言」可以設定預設語言和附加語言。建議將繁體中文設為預設語言,英文作為第二語言,因為大部分香港網站的主要受眾仍是本地中文讀者。
翻譯內容有兩種工作流程:
- 逐頁翻譯:進入每個頁面或文章,點擊「加入翻譯」,在翻譯編輯器中逐段輸入譯文。適合內容較少、翻譯質量要求高的網站
- 批量翻譯:WPML Translation Management 支援批量發送翻譯任務,可連接 DeepL 或 Google Translate API 進行機器預翻譯,再人工校對。適合頁面數量較多的情況
Polylang 的做法略有不同:在文章或頁面編輯器的右側欄,可以看到「語言」設定框,選擇語言後點擊「+」按鈕,會在另一個語言下建立關聯版本,然後分別編輯各語言的內容。
有一點要特別注意:機器翻譯不能直接上線,尤其是中英文之間,DeepL 的翻譯質量雖然已經很好,但仍會出現不符合香港業界慣用語的情況,建議至少做一次人工審閱。
配置語言切換器與導航
語言切換器是多語言網站的必備元素,讓用戶可以在不同語言版本之間自由切換。
WPML 和 Polylang 都提供 Widget 和選單方式添加語言切換器。推薦在以下位置加入:
- 網站頁首導航欄(最常見,用戶最易找到)
- 頁尾(作為備用入口)
- 手機選單內(響應式設計必須確認手機版也能正常切換)
顯示方式建議使用語言名稱加旗幟圖示的組合,純文字容易被忽略,純圖示對無障礙用戶不友好。WPML 的語言切換器設定頁面支援自訂顯示格式,可以選擇顯示語言名稱(例如:「繁體中文 / English」)或縮寫(「ZH / EN」)。
另一個常見錯誤是選單沒有分語言設定。WordPress 的選單是獨立的,中文版和英文版的導航選單需要分別設定,讓每個語言的頁面都連結到對應語言的版本,而不是全部指向中文頁面。
多語言網站 SEO 最佳設定
多語言網站 SEO 的核心是讓 Google 正確識別每個語言版本,並為對應地區的搜尋者展示正確語言的頁面。
最重要的技術設定是 hreflang 標籤。這個 HTML 標籤告訴 Google「這個頁面的中文版在這裡、英文版在那裡」,避免不同語言版本互相競爭排名。根據 Google Search Central 的官方指引,hreflang 必須在每個語言版本的頁面都相互引用,缺少任何一方都會導致設定失效。
WPML 搭配 Yoast SEO 或 RankMath 可以自動生成 hreflang 標籤,基本上開啟設定後無需手動管理。Polylang 與 Yoast SEO 也有基本整合,但建議安裝後到 Google Search Console 確認 hreflang 是否正確輸出。
多語言網站 SEO 設定清單:
- 每個語言版本設定獨立的 Meta Title 與 Meta Description
- 確認 hreflang 標籤正確輸出(可用 Siteliner 或 Screaming Frog 檢查)
- 各語言版本提交獨立的 Sitemap 到 Google Search Console
- 避免使用自動翻譯內容直接發佈,Google 可能視為低質量內容
如果你需要同時提升多語言網站的搜尋排名,可以了解我們的 SEO 優化服務,針對香港本地及國際市場制定關鍵字策略。
網站速度優化技巧
多語言網站的頁面數量是單語言的兩至三倍,如果速度管理不好,很容易影響用戶體驗和排名。
WPML 最常被詬病的問題是對資料庫的查詢量增加,導致頁面載入變慢。幾個實用的優化方向:
- 使用快取插件:WP Rocket 或 LiteSpeed Cache,確保各語言版本都有獨立快取,很多快取插件預設不會區分語言
- 圖片優化:多語言網站往往會為不同語言上傳不同圖片,確保使用 WebP 格式並啟用懶加載
- CDN 配置:Cloudflare 免費版已經足夠大部分香港中小企使用,可以顯著改善海外用戶的載入速度
- 減少不必要的插件:WPML 已經相當重,避免同時安裝太多功能重疊的插件
根據 Google Core Web Vitals 的建議,LCP(最大內容繪製)應在 2.5 秒以內,多語言網站尤其需要注意這個指標。
翻譯
翻譯字串(String Translation)的處理 是最常被忽略的細節。除了頁面內容,網站上還有很多「死位」需要翻譯,例如:搜尋框的預設文字(Search…)、聯絡表單的錯誤提示、或是頁尾的版權聲明。
- WPML String Translation: 你可以在插件後台搜尋這些特定字串,直接輸入對應的譯文。
- 主題與外掛翻譯: 確保你的 WooCommerce 購物車按鈕(Add to Cart / 加入購物車)或結帳頁面(Checkout / 結帳)已經翻譯完成。如果這些小地方漏了翻譯,會讓網站顯得不夠專業。
多語言網店(WooCommerce)特別注意事項
如果你的網站具備電商功能,多語言的複雜度會提升:
- 多幣種設定: 配合 WPML,你可以設定「中文顯示港幣(HKD),英文顯示美金(USD)」。
- 庫存同步: 確保不同語言版本的產品共享同一個庫存數據,避免中文版賣完了,英文版還能下單。
- 自動化郵件: 客戶下單後收到的確認郵件,必須與他下單時使用的語言一致。
總結:多語言網站是業務國際化的起點
建立多語言網站不是為了好看,而是為了擴大接觸面。透過正確的插件(WPML 或 Polylang)與 SEO 架構,你的網站不僅能服務香港本地客,更能成為你開拓海外市場的強力工具。






