多語系網站怎麼架?子目錄、子網域與 hreflang 一次講清楚

網站要加英文或日文版,第一個要決定的不是翻譯,而是網址結構。本文依 Google 官方文件,比較子目錄、子網域與各國網域,說明 hreflang 的寫法與常見錯誤,並分享我們自己官網的選擇。

中文官網要加一個英文版,網址該長怎樣?example.com/en/、en.example.com,還是乾脆買一個新網域?這個決定一旦做了,之後要改就很麻煩,值得在翻譯之前先想清楚。

多語系網站的網址結構有哪幾種?

Google 搜尋中心列了四種做法,並說明各自的取捨:

結構範例優點缺點
各國網域example.de地區指向最明確成本高、要分別經營多個網域
子網域de.example.com設定容易,可放在不同主機使用者不一定看得出是哪個地區
子目錄example.com/de/設定容易、維護成本低使用者不一定看得出地區,較難分開管理
網址參數example.com?loc=de—Google 不建議

對大多數中小企業,子目錄通常最省事:同一個網站、同一套後台,網域的累積也集中在一起。要在不同國家獨立經營、甚至有不同團隊時,才需要考慮子網域或各國網域。

hreflang 是什麼?繁體中文怎麼寫?

hreflang 是告訴搜尋引擎「這一頁還有哪些語言版本」的標記。依 Google 官方文件:

  • 語言代碼用 ISO 639-1,後面可以加上 ISO 3166-1 的地區代碼,例如 en、en-US
  • 也可以用 ISO 15924 指定文字,繁體中文寫 zh-Hant、簡體中文寫 zh-Hans;要再指定地區,可以寫成 zh-Hant-TW
  • 可以放在頁面的 <head>、HTTP 標頭或 sitemap 三擇一

最常見的錯誤是只做單向連結。Google 說明,如果兩個頁面沒有互相指向對方,這組標記會被忽略;每個版本都要列出所有版本,包含自己。

同一個網址切換語言,會發生什麼事?

很多網站用按鈕在同一個網址切換中英文,對使用者很方便,但 Google 提醒,依 Cookie 或瀏覽器設定動態切換語言時,Google 可能找不到、也爬不到所有版本。Google 也說明它不靠 lang 屬性判斷語言,而是看頁面上實際的內容。

我們自己的舊官網就是同網址切換中英文。改版時的決定是:新站第一版只做繁體中文;之後要做英文,會用 /en/ 這樣的獨立子目錄,讓每個語言都有自己的網址與 hreflang。

翻譯之外,還要做哪些事?

  • 每個語言版本都要有自己的標題與 meta description,不要沿用中文
  • 結構化資料的語言標示要跟著改,例如我們的繁中頁面標示為 zh-Hant-TW
  • sitemap 裡列出每個語言版本,也可以直接在 sitemap 標 hreflang,讓搜尋引擎一次看到全部版本
  • 語言切換按鈕要連到各語言的獨立網址,不是在同一頁換字
  • 日期、貨幣、電話格式依當地習慣
  • 聯絡方式與營業時間要寫明服務哪個地區

我們做過中英雙語的品牌官網,也做過日、英、中三語的商品型錄網站;多語系要順,關鍵是一開始就把網址與內容管理方式定好。有這方面需求,可以到聯絡頁找我們。

常見問題

多語系網站用子目錄還是子網域好?

對多數中小企業,子目錄最省事,同一套後台就能管理,網域的累積也集中。要在不同國家獨立經營時,才考慮子網域或各國網域;Google 不建議用網址參數區分語言。

hreflang 繁體中文要怎麼寫?

依 Google 官方文件,可以用 ISO 15924 文字代碼寫成 zh-Hant,需要指定地區時寫成 zh-Hant-TW。

hreflang 設了卻沒效果,常見原因是什麼?

最常見的是沒有雙向連結。Google 說明兩個頁面若沒有互相指向,標記會被忽略;每個語言版本都要列出所有版本,包含自己。

同一個網址切換中英文可以嗎?

使用者用起來方便,但搜尋引擎可能只看到其中一種語言。Google 建議用 hreflang 或 sitemap 明確標示各語言版本,而不是在同一網址動態切換。

最後更新: