ORON
回科技觀點
網站製作14 分鐘閱讀

hreflang 設定指南:外銷官網中英版本別互搶排名

外銷官網做了英文版,客戶卻搜到中文頁、英文頁還從索引消失?問題出在 hreflang 與 canonical。四條規則加一份驗收清單,一次修對。

hreflang 設定指南:外銷官網中英版本別互搶排名

外銷做得有聲有色的公司,官網通常都有兩套以上的內容:中文版給國內客戶與供應商看,英文版給海外詢價用,有些還多了日文或越南文。做的時候一切順利,上線半年後卻開始出現怪事——美國客戶 Google 搜尋公司名,跳出來的是中文首頁;中文頁的排名莫名其妙掉了,反而英文頁排在前面;Search Console 裡一堆頁面被標成「重複網頁,Google 選擇的標準網頁與使用者指定的不同」。

這不是翻譯品質的問題,是你沒告訴 Google 這些頁面彼此是什麼關係。解法叫 hreflang,一組寫在頁面裡的標記,它的工作只有一件事:告訴搜尋引擎「這一頁還有其他語言版本,在這些網址,請依照使用者的語言把對的那一版端出去」。

機場裡一面同時印上日文、英文與中韓文的「國際線」指標牌,象徵多語系官網必須把每個語言的訪客指向對的版本

Photo by Dhhaawn Kim on Unsplash

一、先搞懂:Google 為什麼會「選錯版本」

搜尋引擎在建立索引時,會把內容高度相似的頁面歸成一組,然後從中挑一頁當作「標準版本」(canonical)拿去排名,其餘的通常不會單獨出現在搜尋結果裡。

問題在於,中文版和英文版在演算法眼中未必是「兩篇不同的內容」。版型一樣、圖片一樣、產品型號一樣、規格表數字一模一樣,差別只有敘述文字。如果英文版是機器翻譯、內容又薄,那更像是中文版的衍生品。這時候 Google 很可能只留一版,而它留下的那一版不一定是你要給那個市場看的。

hreflang 就是用來打破這個判斷的。它不是排名加分項,不會讓你的頁面衝上第一名,它做的是「分流」:同一組內容在搜尋結果裡,依照使用者的語言設定與所在地區,顯示對應的那一版網址。對外銷公司來說,這件事的價值不在流量數字,而在客戶點進來看到的是不是他看得懂的那一頁。

二、先決定網址結構,再談 hreflang

hreflang 需要每個語言版本都有自己的、固定的網址。如果你的官網是靠一顆按鈕用 JavaScript 即時把文字換掉、網址從頭到尾都是同一個,那 hreflang 沒有東西可以指,做不了。改版時這件事要先決定,常見三種做法:

1. 子目錄(推薦給多數中小企業)

example.com.tw/en/、example.com.tw/ja/

成本最低,網域權重集中在同一個網域上,SSL 憑證、主機、追蹤碼都只要一套。缺點是沒辦法針對單一市場做主機在地化,但對絕大多數台灣中小企業來說,這不構成問題。如果你不確定選哪個,選這個。

2. 子網域

en.example.com.tw、jp.example.com.tw

切分乾淨,適合各語言版本由不同團隊或代理商維護、內容差異很大的情況。管理成本比子目錄高一些。

3. 各國獨立網域(ccTLD)

example.jp、example.vn

在地信任感最強,但等於從零養一個新網站的權重,網域費、憑證、維運都要乘上國家數量。除非你在該國有實體據點或經銷商在經營,否則通常不划算。

還有一種要避免的做法:依 IP 自動跳轉。訪客從日本連進來就強制導到日文版,看起來貼心,實際上會擋住搜尋引擎的檢索(爬蟲多半從美國 IP 出發,永遠只看得到英文版),也會惹惱在日本出差、想看中文原文的台灣客戶。正確做法是偵測語言後給提示、讓使用者自己選,並把選擇記起來。

挑高的圖書館裡整面牆的書架,象徵多語系官網等於同時要維護好幾套彼此對應的內容

Photo by Maxime Galliot on Unsplash

三、hreflang 怎麼寫:四條規則背起來

hreflang 可以寫在三個地方:HTML <head> 裡的 link 標籤、HTTP 標頭(給 PDF 這類非 HTML 檔用)、或 sitemap.xml。中小企業官網用第一種最直覺,改版時交代給工程師即可。基本長相是這樣:

<link rel="alternate" hreflang="zh-Hant-TW" href="https://example.com.tw/product/a" />
<link rel="alternate" hreflang="en" href="https://example.com.tw/en/product/a" />
<link rel="alternate" hreflang="ja" href="https://example.com.tw/ja/product/a" />
<link rel="alternate" hreflang="x-default" href="https://example.com.tw/en/product/a" />

四條規則:

1. 必須互相指回(雙向確認)。 這是最常出錯、也最致命的一條。中文頁指向英文頁,英文頁也必須指回中文頁,而且兩邊的清單要一致。只要有一邊漏了,Google 會把整組標記視為不可信而忽略——不是忽略那一條,是整組。所以四個語言版本的頁面,每一頁都要放完整的四條(含指向自己那條)。

2. 一定要用完整絕對網址。 含 https:// 與網域,不能寫 /en/product/a 這種相對路徑。

3. 語言碼與地區碼不要亂填。 語言用 ISO 639-1(en、ja、zh),地區用 ISO 3166-1 Alpha-2(TW、US、VN),中間用連字號。常見誤用:把地區碼單獨當語言用(hreflang="uk" 是烏克蘭語,不是英國英語,英國要寫 en-GB);台灣繁中建議寫 zh-Hant-TW 或 zh-TW,不要寫成 tw。

4. 一定要有 x-default。 這是「以上都不符合時,請給這一版」的保底值。一個泰國採購用泰文瀏覽器搜尋你的產品,你的網站沒有泰文版,沒設 x-default 的話搜尋引擎只能自行猜測。外銷公司通常把 x-default 指向英文版。

四、hreflang 和 canonical 打架,是最常見的災難

很多官網 hreflang 明明寫對了卻完全沒效果,原因是自我標準網址(self-referencing canonical)沒設好。

規則很單純:每個語言版本的 canonical 都要指向自己。英文頁的 canonical 要寫英文頁自己的網址,不能寫中文頁的網址。

會踩到這個坑,通常是因為工程師把「避免重複內容」的直覺套用錯了地方——他想著「英文版是中文版的翻譯,那 canonical 當然指回中文版」,結果等於親口告訴 Google「英文頁不是獨立頁面,請不要收錄它」。hreflang 說「這四頁請分開收、依語言給」,canonical 說「其實只有一頁有效」,兩個訊號直接衝突,Google 選擇聽 canonical,於是英文版整批消失在索引裡。

檢查方式很快:打開英文頁,看網頁原始碼裡的 rel="canonical",網址是不是英文頁自己。這一行如果錯了,其他工都白做。

五、上線後怎麼驗收

設定完不要憑感覺,用這幾個方式確認:

  • Search Console 的「國際定位」報告:會直接列出「沒有回傳標記」的錯誤,這正是規則一沒做到的狀況,是最優先要修的。
  • 網址檢查工具:逐一貼上各語言版本的網址,確認 Google 選擇的標準網頁等於該頁自己。
  • 逐頁對應,不是首頁對首頁:hreflang 是頁對頁的關係。英文產品頁如果統一指回中文首頁而不是對應的中文產品頁,等於標記無效。頁數多的網站,這件事要在網站程式裡自動產生,不要手寫,手寫遲早會漏。
  • 觀察指標看區隔,不看總量:在 GA4 裡把流量依「語言」與「國家」拆開看,健康的多語系網站應該呈現「英文頁的流量主要來自海外、中文頁主要來自台灣」。如果英文頁的訪客九成來自台灣,代表海外那條路根本沒通。
深藍色背景上由線條與節點構成的網狀圖形,象徵各語言版本之間必須互相指回才能成立的 hreflang 關係

Photo by Conny Schneider on Unsplash

六、比 hreflang 更重要的事:內容有沒有真的在地化

技術標記做到滿分,但英文版是整站丟進翻譯工具跑一輪的產物,效果依然有限。幾個實務上比標記更影響成效的地方:

翻譯要涵蓋看不見的欄位。 常見狀況是內文翻了,但 title、meta description、圖片 alt、麵包屑、表單欄位名稱、送出後的成功訊息、404 頁還是中文。海外客戶在搜尋結果上看到的就是 title 和 description,這兩個沒翻,前面的工都打折。

關鍵字不是逐字翻譯。 台灣講「客製化」,英文市場搜的是 OEM/ODM 或 custom manufacturing;台灣講「五金零件」,對方可能搜 precision machined parts。決定英文版要用哪個詞之前,先確認目標市場的採購實際上是用什麼字在找供應商,不要直接把中文關鍵字丟進翻譯。

單位、格式與聯絡方式要換掉。 尺寸標 mm 還是 inch、日期寫 2026/09/30 還是 Sep 30, 2026、電話有沒有加 +886 國碼、表單的「縣市」欄位在英文版是不是還鎖著台灣的縣市清單、詢價信箱有沒有人看得懂英文。這些細節不影響 SEO,但直接決定詢問單會不會送出。

不要為了 SEO 開一堆空殼語言版本。 只做英文一版但做紮實,效果會勝過中英日韓越五版都只有首頁和聯絡我們。語言版本是要長期維護的,中文站改一次產品規格,其他語言版本就要跟著改一次,開幾個語言等於把維護成本乘幾倍。

結語:先修最痛的那一條

如果你的官網已經有多語系版本,建議照這個順序處理:

  1. 打開各語言版本的原始碼,確認 canonical 有沒有指向自己——這是最常見也最致命的錯。
  2. 確認 hreflang 有沒有雙向互指、有沒有 x-default。
  3. 到 Search Console 看國際定位報告的錯誤清單,一條條清掉。
  4. 再回頭檢查 title、meta description 這些「看不見的欄位」有沒有漏翻。

這四步做完,多數「客戶搜到錯的版本」「英文頁不見了」的問題就會消失。它不會讓你的排名一夜暴衝,但它確保你花錢做的那套英文內容,真的有機會被該看到的人看到——這才是多語系官網最基本、卻最常被忽略的前提。

想把這些做到你的網站上?

不論是快速上線的模板建站、客製官網或後台系統,留個訊息,我們會回你「能做+報價+時程」。

加 LINE 詢問