Hreflang 是什麼?掌握多語系網站排名的關鍵設定

Hreflang 是什麼

如果你的企業正在佈局全球市場,或者你的網站擁有多種語言版本(例如繁體中文、英文、日文),你可能已經發現了一個棘手的問題:「為什麼 Google 總是推播錯誤的語言版本給國外客戶?」 或是 「為什麼翻譯好的頁面沒有獲得應有的排名?」

這通常不是內容品質的問題,而是技術溝通的斷層。這正是 hreflang 標籤登場的時刻。

在 SEO 的世界裡,hreflang 被 Google 專家描述為「SEO 中最複雜的範疇之一。但別擔心,透過本篇文章,我們將用最淺顯易懂的方式,拆解這個對跨國 SEO 至關重要的技術設定,助你精準抓住全球流量。

我只想看重點:hreflang 4 大問答 1 分鐘搞懂

什麼是 hreflang?給搜尋引擎的「多語系導航」

簡單來說,hreflang 是一種 HTML 屬性(rel=”alternate” hreflang=”x”),它的核心任務是「告知搜尋引擎網頁的語言及其所針對的地理區域」。

當你的網站擁有針對不同語言或地區的多個版本時,hreflang 能幫助搜尋引擎辨識這些版本之間的關係。這就像是你在告訴 Google:「嘿,這頁是給台灣人看的繁體中文版,那一頁是給美國人看的英文版,請不要搞混。」

💡 專家比喻:hreflang 就像國際機場的導航告示牌
想像你的網站是一座國際機場,hreflang 就是機場裡的多語系導航告示牌。
當一位說西班牙語的旅客(搜尋使用者)走進機場時,告示牌會根據他的語言,精準地引導他前往正確的航廈(正確語言的網頁版本)。如果告示牌沒寫語言(沒設標籤),旅客就會迷路,甚至對這座機場(你的網站)感到沮喪。

為什麼 hreflang 對多語系網站至關重要?

設定 hreflang 的三大好處:提升 UX、強化 SEO 排名、避免重複內容懲罰

設定 hreflang 不僅僅是為了「技術正確」,它直接影響你的 使用者體驗 (UX) 與 SEO 排名效益。

1. 提升使用者體驗 (User Experience)

最直觀的效益是確保使用者看到的是最符合其母語或所在地區的版本,讓他們感到賓至如歸 。想像一下,一個英國用戶搜尋你的品牌,結果點進去卻是德文頁面,他很可能會立刻離開。

2. 強化 SEO 表現與排名潛力

透過提供合適語言,能有效降低網站的跳出率(Bounce Rate)並增加停留時間,這些訊號都能進而提升排名潛力。

3. 防止重複內容(Duplicate Content)懲罰

這點是許多行銷人的痛點。例如「美式英語」與「英式英語」的頁面內容極為相似,若沒有標註清楚,很容易被 Google 誤判為重複內容而遭到懲罰。hreflang 能向搜尋引擎澄清不同版本間的關係,避免這場誤會。

徹底搞懂 hreflang 運作原理與語法

一個標準的 hreflang 標籤包含三個關鍵部分:

  1. link rel=”alternate”:告知搜尋引擎該 URL 是網頁的替代版本。
  2. hreflang=”x”:指定語言代碼(如 en)或「語言-區域」組合(如 en-us)。
  3. href=”URL”:替代版本網頁的完整絕對路徑。
hreflang HTML 標籤語法結構解析

特別提醒:代碼要標準格式

這是新手最常犯錯的地方。語言代碼必須遵循 ISO 639-1 格式;若要選填區域代碼,則必須遵循 ISO 3166-1 Alpha 2 格式。

  • 正確寫法: zh-TW (語言-地區) 或 fr (僅語言)。
  • 錯誤觀念: 不能單獨使用國家代碼,必須與語言代碼結合。你不能只寫 tw,必須寫 zh-tw。
正確的 hreflang 語言代碼格式教學,ISO 639-1 與 ISO 3166-1 規範

hreflang 標籤實作的三大必備原則

在與工程師溝通時,請務必確認以下三個原則是否嚴格執行,否則你的 hreflang 可能會完全失效。

1. 自我引用

千萬別忘了自己!每個網頁不僅要引用其他語言版本,也必須包含一個指向自己的 hreflang 標籤。

2. 對等性與互惠性

這是雙向的關係。如果網頁 A 連結到網頁 B,網頁 B 也必須連結回網頁 A,否則搜尋引擎可能會忽略這些標籤。

  • 範例:中文版指向英文版,英文版也必須指回中文版,缺一不可。
hreflang 的對等性原則圖解,網頁之間必須互相連結引用

設定 x-default 備用標籤

當使用者的語言設定不符合任何指定版本時(例如一位來自泰國的使用者,而你沒有泰文版),x-default 會告知搜尋引擎顯示一個預設頁面(通常是語言選擇器頁面或通用的全球首頁)。

如何實作?三種常見方法

你可以根據網站的規模與技術架構,選擇以下其中一種方式(請勿混用):

1. HTML 標籤 (<head>)

直接在每個頁面的 HTML 代碼中加入標籤。

  • 優點: 直觀、易於檢測。
  • 缺點: 對大型網站來說維護較難,每次新增語言都要改所有頁面。

2. XML 網站地圖 (Sitemap)

透過網站地圖告知搜尋引擎語言版本。

  • 優點: 適合擁有多種語言版本的大型網站,不需更動頁面原始碼,管理較為集中。

3. HTTP 標頭 (Headers)

適用於 PDF 或 DOC 等非 HTML 檔案。如果你有提供多國語言的產品型錄 PDF 下載,就必須用此方法。

實作 hreflang 的三種常見方法:HTML 標籤、Sitemap、HTTP Headers

避開地雷!常見的錯誤與陷阱

最後,我整理了幾個最常見的「翻車現場」,請務必檢查你的網站是否踩雷:

  • 使用錯誤的代碼: 英國不是 en-uk(這是最經典的錯誤),正確代碼應為 en-gb。
  • 使用相對 URL: 請確保 href 屬性中使用包含 https:// 的 絕對路徑。
  • 與標準連結 (Canonical Tag) 衝突: 這是高階錯誤。每個語言版本應有自己的自我引用標準連結,而非全部指向同一個語言版本(例如中文版的 Canonical 不應該指向英文版)。
  • 連結到無效頁面: 確保連結的 URL 不是 404 錯誤頁面,也不能是被 robots.txt 封鎖或設為 noindex 的頁面,否則會導致標籤無效。

讓你的網站說對「語言」

hreflang 的設定雖然繁瑣,但它卻是跨國 SEO 戰略中不可或缺的基石。正確的設定能確保 Google 將正確的頁面遞送給正確的使用者,這不僅是技術優化,更是對使用者的一種尊重。

覺得這些代碼太過複雜,擔心設定錯誤影響排名嗎?

BamBro SEO 團隊擁有豐富的跨國網站優化經驗,我們可以為您進行完整的網站健檢與 hreflang 技術佈局。

這份懶人包是為了讓忙碌的行銷人或老闆,能在 1 分鐘內快速掌握 hreflang 的核心觀念,問題設計採用 Google PAA (People Also Ask) 的常見搜尋語句模式。

hreflang 4 大問答 1 分鐘搞懂

Q1:hreflang 是什麼?對 SEO 有什麼影響?

簡單說,它是給搜尋引擎看的「多語系導航」 。它能告訴 Google:「這頁是給台灣人看的,那頁是給美國人看的」。設定正確可以讓國外客戶精準看到對應語言的網頁,降低跳出率,並避免不同語言版本(如美式英語 vs. 英式英語)被誤判為重複內容而遭降權。

Q2:哪些網站需要設定 hreflang?

只要你的網站針對不同語言(如繁中、英文、日文)或不同地區(如針對美國與英國提供不同內容)擁有多個版本的網頁,就一定要設定,否則 Google 很容易搞混要推播哪個版本給使用者。

Q3:hreflang 設定最常見的錯誤有哪些?

最常見的三大地雷:

  1. 代碼寫錯:例如英國誤寫成 en-uk(正確是 en-gb)。
  2. 單向連結:網頁 A 指向網頁 B,但網頁 B 忘記指回網頁 A。
  3. 忘記指自己:網頁除了標示其他語言版本,也要有一行標籤指向自己。

Q4:如果使用者的語言都不在我的網站清單裡,會發生什麼事?

如果你有設定 x-default 標籤,搜尋引擎就會顯示你指定的「預設頁面」(通常是全球首頁或語言選擇頁);如果沒設,Google 就會自己猜測,可能會導致使用者看到錯誤的語言版本。

BamBro 一次搞定您的品牌與SEO
返回頂端