多語言網站 SEO 優化 – Hreflang 設定方式

Background

If you have multiple versions of a page for different languages or regions, tell Google about these different variations. Doing so will help Google Search point users to the most appropriate version of your page by language or region. Note that even without taking action, Google might still find alternate language versions of your page, but it is usually best for you to explicitly indicate your language- or region-specific pages.

Recommendations

Please add hreflang attributes with proper values in the to indicate multiple language/locale versions of a page. Please be aware that different pages require different coding, the href value should vary from pages to pages.

Hreflang 結構

Hreflang 參數，包括：

{language}-{extlangtag}-{script}-{region}-{variant}-{extension}

其中，最常使用的是 {language}-{region} 的參數組合，寫法如下：

hreflang="en-US" #英文-美國
hreflang="zh-TW" #中文-臺灣

另外，針對中文地區做 SEO，可以使用 {language}-{script}-{region} 的參數組合，寫法如下：

hreflang="zh-Hant-TW" #中文-繁體-臺灣
hreflang="zh-Hans-CN" #中文-簡體-中國
hreflang="zh-Hant-HK" #中文-繁體-香港
hreflang="en-HK" #Hong Kong English
hreflang="ja-HK" #Hong Kong Japanese

關於 {language} 語言參數的縮寫，可以查詢 List of ISO 639-1 codes – Wikipedia

zh-Hans 簡體中文

zh-Hans-CN 大陸地區使用的簡體中文

zh-Hans-SG 新加坡使用的簡體中文

zh-Hant 繁體中文

zh-Hant-HK 香港地區使用的繁體中文

zh-Hant-MO 澳門使用的繁體中文

zh-Hant-TW 臺灣使用的繁體中文

如何使用 Hreflang

HTML tags

<link rel="alternate" hreflang="zh-Hans-CN" href="https://www.example.com/zh-cn/" />
<link rel="alternate" hreflang="zh-Hant-TW" href="https://www.example.com/zh-tw/" />
<link rel="alternate" hreflang="zh-Hant-HK" href="https://www.example.com/zh-hk/" />
<link rel="alternate" hreflang="en" href="https://www.example.com/" />
<link rel="alternate" hreflang="x-default" href="https://www.example.com/" />

關於x-default需要注意的是，所有相對應頁面的預設值應該是相同的。例如，如果預設值為英文，無論頁面語言是英文或其他語言，x-default的值全部應該設置為英文頁面路徑。

Country and language codes for hreflang tags

HTTP Headers

Sitemap

<?xml version="1.0" encoding="UTF-8"?>
<urlset xmlns="http://www.sitemaps.org/schemas/sitemap/0.9"
  xmlns:xhtml="http://www.w3.org/1999/xhtml">
  <url>
    <loc>http://www.example.com/zh-hant/page.html</loc>
    <xhtml:link 
               rel="alternate"
               hreflang="zh-hant"
               href="http://www.example.com/zh-hant/page.html"/>
    <xhtml:link 
               rel="alternate"
               hreflang="zh-hans"
               href="http://www.example.com/zh-hans/page.html"/>
    <xhtml:link 
               rel="alternate"
               hreflang="en"
               href="http://www.example.com/en/page.html"/>
  </url>
  <url>
    <loc>http://www.example.com/zh-hants/page.html</loc>
    <xhtml:link 
               rel="alternate"
               hreflang="zh-hant"
               href="http://www.example.com/zh-hant/page.html"/>
    <xhtml:link 
               rel="alternate"
               hreflang="zh-hans"
               href="http://www.example.com/zh-hants/page.html"/>
    <xhtml:link 
               rel="alternate"
               hreflang="en"
               href="http://www.example.com/en/page.html"/>
  </url>
  <url>
    <loc>http://www.example.com/en/page.html</loc>
    <xhtml:link 
               rel="alternate"
               hreflang="zh-hant"
               href="http://www.example.com/zh-hant/page.html"/>
    <xhtml:link 
               rel="alternate"
               hreflang="zh-hans"
               href="http://www.example.com/zh-hants/page.html"/>
    <xhtml:link 
               rel="alternate"
               hreflang="en"
               href="http://www.example.com/en/page.html"/>
  </url>
</urlset>

參考連結：
https://www.searchenginejournal.com/hreflang-multilingual-website/
https://developers.google.com/search/docs/advanced/crawling/localized-versions
https://support.google.com/webmasters/answer/189077?hl=en