Hreflang是一個用在網頁 <head> 區塊中的 HTML 標籤屬性，在全球化時代，許多企業會製作「多語系網站」來服務不同地區的用戶。但光是翻譯內容還不夠——你還需要讓 Google 理解「哪個版本給哪個地區的人看」。這時候就需要 Hreflang 標籤 ！
Hreflang是什麼？
Hreflang是一個用在網頁 <head> 區塊中的 HTML 標籤屬性，用來告訴搜尋引擎「這個頁面是針對哪一個語言或地區版本」的。Hreflang 標籤 能讓 Google 根據用戶語言與地理位置，顯示最合適的網頁內容。
範例：
<link rel="alternate" href="https://example.com/en/" hreflang="en">
<link rel="alternate" href="https://example.com/zh-tw/" hreflang="zh-TW">
<link rel="alternate" href="https://example.com/zh-CN/" hreflang="ch">這表示網站有三個版本，分別對應英文、繁體中文與簡體中文使用者。
Hreflang 屬性語法結構：
若只有語言代碼（如 en），代表所有使用英文的地區；若加上地區代碼，則針對特定地區顯示。
hreflang=”語言代碼-地區代碼”
例如：
- en → 英文（不分地區）
- en-US → 美國英文
- zh-TW → 台灣繁體中文
- zh-CN → 中國簡體中文
Hreflang有哪些使用場景？
國際品牌網站：
不同國家設定版本不同的官網。
例如：iPhone 17 Air在發佈時，不同地區的官網文案及產品用圖都有差異。
多語系網站：
服務不同國家的客戶，讓客戶可以看到本國語言的版本。
例如：繁體中文、簡體中文、英文版本。
使用 zh-TW, zh-CN, en 讓搜尋引擎顯示正確語言版本。
電商網站：
例如：貨品在台灣、日本、美國分開售賣時，可針對不同地區幣別和運費。
旅遊或訂房網站：
例如：同樣是「日本旅遊網站」，日本版（jp）顯示日文介面與當地景點，台灣版（zh-TW）顯示繁體中文與新台幣價格，美國版（en-US）則以美元顯示。
Hreflang標記有什麼用？
Hreflang 的主要作用有如下幾個：
讓搜尋引擎顯示正確版本
讓使用者會直接進到他熟悉語言的頁面，提高停留率，改善使用者體驗。
避免重複內容
多語系網站常常內容相似（只是翻譯不同），Google 若分不清版本，可能誤判為重複內容。
有了 Hreflang，Google 就會知道：這不是抄襲，是同一內容的不同語言版本。
提升多國 SEO 排名表現
當 Google 明確知道每個頁面服務的地區與語言，就能更好的找到目標客戶進行曝光。
如何給網站添加 Hreflang Tag？
Hreflang 可以透過三種方式添加 ：
HTML 頁面內標籤
在 <head> 區塊中加入：
<link rel="alternate" hreflang="en" href="https://example.com/en/">
<link rel="alternate" hreflang="zh-TW" href="https://example.com/zh-tw/">
HTTP Header
適用於 PDF 或非 HTML 檔案。
Link: <https://example.com/en/>; rel="alternate"; hreflang="en"
XML Sitemap
在 Sitemap 中設定 hreflang 屬性：
<url>
<loc>https://example.com/en/</loc>
<xhtml:link rel="alternate" hreflang="zh-TW" href="https://example.com/zh-tw/"/>
</url>
注意： 每個版本都要「互相標註」彼此的 hreflang，Google 才能正確理解。
使用Hreflang的最常見的几個問題！
只標註單向鏈接：
例如：英文頁面有指向中文頁面，但中文頁面沒指回英文。
這樣 Google 會視為「不完整鏈結」，忽略該標記。
使用錯誤的語言代碼：
語言代碼要依照 ISO 標準，如 en-US、zh-TW，不可亂寫。
沒有為默認地區預設語言頁面
沒有為默認地區預設語言頁面，遇到沒有對應的語言時，Google 可能亂配版本。
標記位置錯誤
hreflang 應該放在 <head> 裡，或在 HTTP Header / Sitemap 中聲明。
URL 錯誤或無法訪問
指向錯誤頁面、重導、或 404 頁面時，Google 會忽略標記。
Hreflang 對SEO有什幫助？
簡單來說Hreflang 能幫 Google 正確理解你的多語言/多地區網站結構，讓對的人看到對的內容，進而提升整體 SEO 表現。 對SEO的幫助主要體現在以下幾點：
- 向 Google 明確說明語言版本關係避免重複內容懲罰
- 幫助搜尋引擎「顯示正確版本」提升搜尋結果準確度
- 幫助不同地區版本被收錄增加國際曝光
- 減少錯誤語言導流改善使用者體驗
- 顯示在地化內容，強化品牌信任度
想要製作多語系網站？聯繫我們！
若你正在準備打造國際化網站、進軍海外市場，
我們能協助你從網站架構、翻譯策略到 hreflang 實作全程優化。
玩構網站設計案例：https://www.iwangoweb.com/work/web-design/
聯絡電話：07-6075007
LINE 詢問：點我聯繫 LINE 官方
