電商網站 hreflang 多語言 SEO 設定指南：2026 完整實作教學與常見錯誤解析（Crawza）

hreflang 是一種 HTML 標籤，用來告訴 Google 同一內容在不同語言或地區版本之間的對應關係；這份指南將帶你逐步完成電商網站的 hreflang 多語言 SEO 設定。

• hreflang 標籤必須成對回傳，否則搜尋引擎可能會忽略所有相關的語言對應。
• Google 在 2011 年 12 月正式宣布支援 hreflang，用於解決多語言內容的國際 SEO 問題。
• hreflang 不會直接影響排名，但會影響搜尋結果要顯示哪一個語言版本。

了解更多，请查看我们的Crawza 首頁页面。

什麼是 hreflang？為什麼電商網站一定要設定？

hreflang 是向搜尋引擎標示同一個頁面在不同語言與地區版本的對應標籤，電商網站若要跨境經營，就必須用 hreflang 讓各國使用者看到正確的本地版本。

hreflang 又稱為「語言與地區註記」，是放在網頁 head 或 XML Sitemap 中的 HTML 標籤。它的作用是告訴 Google、Bing 等搜尋引擎：目前這個頁面與其它語言版本之間存在對應關係，請依使用者的語言與地區顯示最合適的版本。

對電商網站來說，hreflang 特別重要。假如你在台灣、香港、中國都有市場，商品頁若同時存在 zh-TW、zh-HK、zh-CN 三種版本，卻沒有 hreflang，Google 可能將它們視為重複內容，選錯顯示版本，甚至讓台灣用戶看到簡體中文頁面。

有了 hreflang，搜尋引擎就能理解各版本是「同一商品的不同語言呈現」，而不是抄襲。這對跨境流量、轉換率和品牌信任度都有直接幫助。

hreflang 語系代碼與國家代碼怎麼寫？

hreflang 使用 ISO 639-1 的兩碼語言代碼，再加上 ISO 3166-1 Alpha 2 的國家代碼，例如台灣是 zh-TW、香港是 zh-HK、中國是 zh-CN。

hreflang 屬性值的基本格式是「語言代碼」＋「-」＋「地區代碼」。語言代碼遵循 ISO 639-1，例如 zh、en、ja、ko；地區代碼則用 ISO 3166-1 Alpha 2，例如 TW、HK、SG、US。

舉例來說，台灣繁體中文要寫成 zh-TW，不是「zh-tw」或「zh_TW」。雖然有些語法解析工具會寬容地接受小寫，但為了與 Google 規範一致，請一律使用大寫的地區代碼。

如果你只有一套中文版本，無法區分地區，可以只寫「zh」。但如果同時有台灣與香港、新加坡版本，就必須用 zh-TW、zh-HK、zh-SG。最後別忘了加入 x-default，它代表「沒有匹配語言時顯示的預設頁面」，通常指定英文版或全球首頁。

hreflang 的三種實作方式：HTML、HTTP Header、XML Sitemap

電商網站可以透過 HTML head 的 link 標籤、HTTP 回應標頭或 XML Sitemap 三種方式來宣告 hreflang 多語言對應。

第一種方式是在網頁 HTML 的 head 區塊放入 link 標籤。每個語言版本都必須列出所有替代版本，包括自己。例如台灣頁面要同時宣告 zh-TW、zh-CN 與 x-default。

<link rel='alternate' hreflang='zh-TW' href='https://www.example.com/tw/products/ai-phone' />
<link rel='alternate' hreflang='zh-CN' href='https://www.example.com/cn/products/ai-phone' />
<link rel='alternate' hreflang='x-default' href='https://www.example.com/global/products/ai-phone' />

第二種方式適用於非 HTML 的檔案，例如 PDF。伺服器可在 HTTP 回應標頭中送出 Link header。第三種方式是在 XML Sitemap 中集中宣告；大型電商網站建議使用這個方式，因為商品頁數量多，集中管理比較容易。

電商平台與 CMS 的 hreflang 設定技巧

Shopify、WooCommerce、Magento 與自建站各有不同的 hreflang 設定路徑，但共通原則是每一種語言版本都必須互相宣告對應關係。

在 Shopify 中，可以編輯 theme.liquid，在 head 區域輸出對應的 hreflang link 標籤；也可使用專業的多語言 App 自動產生。WooCommerce 搭配 WPML 或 Polylang 時，外掛通常會自動輸出 hreflang，但需要確認商品頁、分類頁與標籤頁都正確套用。

Magento 的多店面與多語言檢視功能，則可在 Store View 層級設定語系，並透過後台或擴充套件輸出 hreflang。自建站最好以程式將語言代碼帶入模板，統一從後端資料庫產生對應網址，避免人工漏寫。

無論哪種平台，都要特別檢查三類頁面：商品頁、分類頁、品牌頁。另外，購物車與結帳頁如果使用使用者網址動態生成，不是索引頁面，通常不需加入 hreflang，但「可索引的商品頁」一定要齊全。商品頁的標題、說明與結構化資料也建議參考 商品頁 SEO 設定指南。

常見 hreflang 錯誤與檢查工具

hreflang 最常見的錯誤包括缺少回傳連結、無效代碼、相對網址、noindex 頁面放 hreflang，以及與 canonical 不一致，可以透過 Search Console 與第三方工具檢查。

最常見的錯誤是「有去無回」：A 頁宣告了 B 頁，但 B 頁沒有宣告 A 頁。Google 在這種情況下可能完全忽略 hreflang。第二個常見問題是使用無效代碼，例如把「zh-TW」寫成「zh-tw」或「zho-TW」。

第三，不要用相對網址，hreflang 的 href 必須是絕對網址。第四，不要在 robots noindex 的頁面上放 hreflang；被禁止索引的頁面沒有資格作為語言版本。第五，hreflang 與 canonical 必須互相配合，不要把 hreflang 指向一個被 canonical 帶走的 URL。

檢查時，可以使用 Google Search Console 的網址檢查工具查看 Google 實際檢索的版本，並用第三方 hreflang 驗證工具掃描整站。若你委託 Crawza 的技術稽核服務，我們也會一併檢查 hreflang、canonical、Site Architecture 與 AI 搜尋可讀性。可參考 電商技術稽核指南。

hreflang 多語言 SEO 策略：避免內容重複、強化本地信號

電商網站若要讓 hreflang 發揮最大效益，必須搭配 URL 結構、內容在地化、結構化資料及 AI 搜尋友善的整體 SEO 策略。

hreflang 不是獨立的技術指標，而是多語言 SEO 策略的一部分。建議使用「子目錄＋語言版本」的網址結構，例如 example.com/tw/ 與 example.com/cn/，不要用 cookie 切換語言。工程上，這讓 Google 可以獨立檢索每一種版本。

內容層面，不要只用 Google 翻譯產生機械式翻譯。台灣與香港雖然都是繁體中文，但用語不同；hreflang 會讓兩地使用者看到不同版本，但內容仍須在地化，包括價格顯示、尺寸單位與退換貨資訊。

面向 AI 搜尋與 GEO 時代，除了 hreflang，也要為每個語言版本建立清晰的 JSON-LD breadcrumb、Product 結構化資料，並確保導覽層級清楚。Crawza 的跨境電商 SEO 指南提供更多跨國技術建議，若需要專業協助，也可參考 Crawza 價格方案。

您可以探索Crawza 價格方案。