Hreflang：初學者簡易指南

---

您是否希望確保您的網站易於全球各地的訪問者訪問和理解？您是否正在尋找一種方法來提高其他語言的可見性和搜尋引擎最佳化？無需再猶豫，使用 hreflang！Hreflang 標籤是一種簡單的程式碼，用於告訴 Google 您的網頁有多個版本，無論人們從哪裡訪問，都可以幫助您的網站正確顯示。本指南將涵蓋初學者需要了解的有關如何在其網站上使用 hreflang 的所有內容，因此讓我們開始吧！

什麼是 Hreflang？

儘管它們顯著增加了我們網站的流量，但最佳的 SEO 實踐通常無法直接改善我們從 Google 獲得的排名訊號。

Herflang 標籤就是最好的例子。Google 於 2011 年建立了 HTML 屬性 hreflang，以幫助解決多種語言和國家/地區中重複內容的問題。當搜尋引擎抓取您的網站頁面時，它們可以根據 URL、元標記和內容判斷哪些頁面是重複的。然而，hreflang 標籤是技術 SEO 最棘手的問題之一。如果您在整個網站中錯誤地使用此標籤屬性，可能會造成比好處更多的損害。

即便如此，再次強調，如果沒有 hreflang，搜尋引擎可能無法確定根據使用者的區域和語言向其顯示哪個版本的頁面。

例如，如果您有一個英文和西班牙文版本頁面，搜尋引擎可能不知道向西班牙語使用者顯示哪個版本。Hreflang 允許您指定西班牙的使用者應該檢視該頁面的西班牙語版本，而其他國家的讀者應該接收英語版本。但是，如果您在整個網站中錯誤地使用此標籤屬性，可能會造成比好處更多的損害。

Hreflang 如何工作？

Hreflang 透過使用程式碼來定義頁面的語言和國家/地區。該程式碼由破折號、兩位國家/地區程式碼和兩位語言程式碼組成。美國使用“en-us”程式碼表示英語，而西班牙使用“es-es”程式碼表示西班牙語。IANA 網站包含語言和國家/地區程式碼的完整列表。

您必須在網站每個頁面的頭部區域包含 hreflang 屬性才能使用它。該屬性應包含語言、國家/地區程式碼以及頁面的備用版本的 URL。例如，如果一個頁面有英語和西班牙語版本，您可以在每個頁面的頭部區域新增以下 hreflang 屬性：

英文頁面：

<link rel="alternate" hreflang="en-us" href="http://www.example.com/page"/> 
<link rel="alternate" hreflang="es-mx" href="http://www.example.com/es/page"/>

西班牙語頁面：

<link rel="alternate" hreflang="es-es" href="http://www.example.com/page"/> 
<link rel="alternate" hreflang="en-us" href="http://www.example.com/en/page"/>

在上述示例中，墨西哥西班牙語版本和英語版本的頁面在英語頁面上都有備用連結。西班牙語頁面上提供了指向英語和西班牙語版本頁面的備用連結。

當搜尋引擎抓取這些頁面時，它們會看到 hreflang 屬性，並且會知道在使用者根據其語言和位置進行訪問時應該顯示哪個版本的頁面。

實施 Hreflang 的技巧

以下是在您的網站上實施 hreflang 的一些技巧：

• 使用正確的語言和國家/地區程式碼

在實施 hreflang 時，務必為每個頁面使用正確的語言和國家/地區程式碼。如果使用了錯誤的程式碼，使用者可能會收到錯誤版本的頁面。如前所述，IANA 網站包含語言和國家/地區程式碼的完整列表。

• 在 Hreflang 屬性中使用完整 URL

在將 hreflang 屬性新增到您的網站時，請確保包含頁面的備用版本的完整 URL。使用相對 URL 或帶有引數的 URL 可能會導致搜尋引擎問題。

• 測試您的 Hreflang 實現

在啟動您的網站之前，您必須測試您的 hreflang 實現。您可以使用 Google 的 hreflang 測試工具測試您的實現，以確保其正常執行。

• 將 Hreflang 與規範標籤一起使用

如果您的網站包含重複內容，則使用 hreflang 和規範標籤至關重要。雖然 hreflang 定義了根據使用者的語言和位置應該顯示哪個版本，但規範標籤會通知搜尋引擎哪個版本的頁面是首選版本。

例如，如果您有一個產品頁面，該頁面有英語和西班牙語版本，您可以使用 hreflang 指定美國的使用者應該檢視英語版本，而西班牙的使用者應該檢視西班牙語版本。還可以使用規範標籤將英語版本的頁面標記為首選版本。

以下是如何將 hreflang 與規範標籤一起使用的示例：

**英文頁面**：

<link rel="alternate" hreflang="en-us" href="http://www.example.com/product"/> 
<link rel="alternate" hreflang="es-es" href="http://www.example.com/es/product"/>
<link rel="canonical" href="http://www.example.com/product"/>

**西班牙語頁面**：

<link rel="alternate" hreflang="es-es" href="http://www.example.com/product"/>
<link rel="alternate" hreflang="en-us" href="http://www.example.com/en/product"/> 
<link rel="canonical" href="http://www.example.com/es/product"/>

在上述示例中，英語頁面指示英語版本是首選版本，並提供指向英語和西班牙語版本頁面的備用連結。西班牙語頁面強調西班牙語版本是首選版本，並提供指向西班牙語版本和英語版本頁面的備用連結。

• 將 Hreflang 與站點地圖一起使用

對於大型網站，其頁面眾多，手動將 hreflang 屬性新增到每個頁面可能具有挑戰性。在這些情況下，您可以利用站點地圖和 hreflang 來指示每個頁面的語言和位置。

如果要將 hreflang 與站點地圖一起使用，則必須為網站的每個語言和國家/地區版本建立不同的站點地圖。請記住，站點地圖應包含每個頁面的 URL 和 hreflang 屬性。

然後，使用每個搜尋引擎的網站管理員工具將其提交給該搜尋引擎。透過這樣做，您可以更好地告知搜尋引擎您網站上每個頁面的語言和位置。

為什麼語言與國家/地區定位很重要？

當您希望與說相同語言但位於不同國家的使用者進行溝通時，語言定位很有用。例如，經常旅行或精通特定主題的使用者習慣於閱讀其他語言或國家/地區的相同語言。

相反，根據使用者的原籍國進行定位通常比根據使用者的語言進行定位更精確有效。

結論

總之，hreflang 可以成為建立全面多語言網站的強大工具。但是，在開始您自己的專案之前，務必熟悉 hreflang 標籤的正確實現以及您擁有的各種可能性。高質量的實現將使您的網站能夠被搜尋引擎正確索引，併為所有使用者提供改進的體驗，從而發揮最大的作用。只要經過深思熟慮、規劃和耐心，您就可以使用 hreflang 成功地實現多語言最佳化！最佳化愉快！