如何在WordPress中添加hreflang標籤

您正在建立一個支持多種語言和地區的網站嗎?多語種網站可以成倍地擴大潛在受眾,但似乎也很難管理。

好消息是,添加hreflang標籤可以改善您網站的搜索引擎優化(SEO)和用戶體驗(UX)。這並非難事,而且您可以迅速從不斷增加的流量和參與中受益。 

在本文中,我們將研究什麼是hreflang標記,以及一些使用它們的最佳實踐。然後,我們將在WordPress網站上揭示可用於實現這些標籤的方法。讓我們開始工作吧!

什麼是hreflang?

的hreflang標籤是HTML代碼,告訴谷歌哪個網頁版本顯示某些語言和地區。這是該代碼的示例: 

<link rel="alternate" href="example.com" hreflang="en-us" />
<link rel="alternate" href="example.com/fr/" hreflang="fr-fr" />

每個標籤都包含語言和位置詳細信息的組合,例如英語和美國為「 en-us」,法語和法國為「 fr-fr」。 

儘管Google可以檢測網頁的語言,但是沒有hreflang標籤仍然會損害您的搜索排名。這是因為,如果沒有這些標籤,您使用不同語言的頁面最終可能會相互競爭以爭奪最高排名。儘管hreflang標籤本身並不是排名因素,但它們確實可以幫助Google為用戶提供正確的頁面。

hreflang和您的多語言網站:最佳做法

您可以使用WordPress多語言網站來吸引更廣泛的受眾,但是您需要實施某些最佳實踐才能獲得結果。此類網站的最佳做法之一是使用hreflang標籤,但還有其他一些智能技術。

為了獲得最佳的用戶體驗,使用母語使用者編寫的內容而不是機器翻譯的文本是很明智的。另一個最佳實踐是對不匹配的語言使用可選的x-default標記。應該在主頁上使用它,用戶可以在其中選擇所需的位置和語言。 

如果您的網站使用規範標籤,則在添加hreflang標籤時還需要小心。這兩種類型的標籤可能會發生衝突,從而向Google發送有關應顯示哪個頁面的混合信號。儘管您可以將hreflang標籤留在具有規範標籤的頁面上,但最好還是小心地添加語言標籤。 

如何在WordPress上實現hreflang標籤

hreflang標籤在WordPress網站上是無價之寶,但前提是正確實施。您可以使用三種方法將這些標籤添加到您的網站。插件是最簡單,最常見的方法。但是,您也可以更新網站的標題,或編輯其XML網站地圖。讓我們看一下這三種技術。 

hreflang插件

hreflang實現的最簡單方法是使用WordPress插件。諸如MultilingualPress之類的插件會自動為您添加hreflang標記,並且不會引起任何性能問題:

0Swx51c0YGjnXwpXYQa5-6nGH2fPoZiI3t5Obltm8OEiZqYwxLigB1On0nbhszFpbSGzFxYuh-omF8_qRqa67Wd75GZgYz8bebmi5qpM5p6f7pr939HKSsg1DHmm0MwCj6tFEZd4

MultilingualPress還具有翻譯功能,可以在帖子編輯器中找到該功能。當您接受翻譯時,插件會將適當的hreflang標記添加到您網站的標題中。翻譯功能不僅限於帖子,還可以處理標籤和類別,同時可以與Yoast和WooCommerce之類的插件很好地同步。 

hreflang實現的另一個插件選項是Polylang

E2CVSVulTj8O7V2kvsJsnvisc3D_sHlmAmxh6uFACJJlSYVKeubx1rOKrfzgGaU5guqWTw_UYQpV-eTo0CamgZp1dwT4zPWMRhnoIwmVN52bYt4hou2SZ5rkbWiI9G63p7Dc2KD5

Polylang是一種流行的免費工具,可幫助您管理多種語言的WordPress網站。您可以照常創建內容,然後為其分配語言。之後,Polylang將為您處理hreflang標籤。

將hreflang添加到<head>

您可以通過更新header.php文件將hreflang標籤添加到您的WordPress網站而無需插件。要訪問此文件,您需要導航至外觀 > 主題編輯器,或使用文件傳輸協議(FTP)

打開文件後,您需要查找<head>打開器並粘貼以下代碼:

<link rel="canonical" href="http://example.com/content"/>
<link rel="alternate" hreflang="x-default" href="http://example.com/content"/>
<link rel="alternate" hreflang="en-us" href="http://example.com/content"/>
<link rel="alternate" hreflang="es-es" href="http://example.com/es/content"/>
<link rel="alternate" hreflang="fr-fr" href="http://example.com/fr/content"/>

在此示例中,需要將標籤添加到英語內容。x-default和英語hreflang標記也指向英語內容頁面。

另一方面,西班牙語和法語hreflang標記將重定向到頁面的正確語言版本。當然,您可以為網站上使用的任何其他語言添加更多hreflang標籤。

將hreflang添加到XML網站地圖

如果您不想編輯header.php文件,則可以更新站點的XML站點地圖。使用此方法可確保Google找到您的備用語言頁面並將其正確索引。更新站點地圖還可以減少網頁的大小,從而縮短載入時間。

XML網站地圖的hreflang標記略有不同:

<url>
<loc>http://www.example.com/content</loc>
<xhtml:link rel="alternate" hreflang="es-es" href="http//www.example.com/es/content"/>
<xhtml:link rel="alternate" hreflang="fr-fr" href="http//www.example.com/fr/content"/>
</url>
<url>
<loc>http://www.example.com/es/content</loc>
<xhtml:link rel="alternate" hreflang="en-us" href="http//www.example.com/content"/>
<xhtml:link rel="alternate" hreflang="fr-fr" href="http//www.example.com/fr/content"/>
</url>

儘管編輯XML網站地圖有助於建立索引,但它也可能變得複雜。如果您的網站很大,則站點地圖可能會變得腫。與使用上述其他方法相比,將hreflang標記添加到站點地圖也可能需要更長的時間。

如何在WordPress上驗證hreflang

即使包含它們,hreflang標記也經常在多語言網站上實施不正確。驗證hreflang標記可以幫助您確定是否正確添加了它們。

要驗證標籤,您可以使用各種在線工具。這些工具提供相似的信息,但是以不同的方式呈現。Sitrix的hreflang標籤測試工具會在您的網站上顯示標籤,並告知您是否有任何錯誤:

XNOeSOhqqs8h8AGCiR16CUDo_C0Nn0JJS_fJDw1mg7mb83beDhDNmUCNU4ZFkGlFswSWnSX65jbqFvqeS9Oqf7jp4ive7NmKZRuoLDwUUYfrYMBzZYlvmco7LhpfMy7_XdF5ezVK

Merke的hreflang標籤測試工具還提供了網站上的標籤和錯誤的細分:

g23M0mZUq0EPgftQVNJbH5yVMK-KTjT_bblgUR9NYjKYsJDICesCPkjkJy3dJD_yOMehocDfRKlZdrAtyywsfpknhMCh81VNQAQEt9mDHogpdR08jGwdgv_ofm473QhDKHarWkoA

但是,如果只想查看錯誤,則可以選擇SALT.agency的hreflang標記測試工具。 

相關文章