給初學者的Hreflang:如何開始使用多語言網站標籤
什麼是Hreflang標籤?
Hreflang標籤是HTML</a>中的一個連結標籤屬性,它使網站能夠針對不同國家和語言的用戶提供特定內容</a>。如果查看任何網頁文檔的源代碼,你通常會看到第一個標籤是這樣的:<html lang=”en”> 語言屬性指定該網頁使用英文文本面向英語系受眾進行搜索。然而,如果一個網站想要針對法語系用戶在法國進行目標設定,他們可以在HTML</a>的head部分使用hreflang屬性,類似於以下方式:<link rel=”alternate” href=”https://fr.example.com” hreflang=”fr-fr” /> 讓我們來更容易理解這些。<br/><br/>基本上,hreflang字串由三個關鍵組件組成: rel=alternate 屬性:此標籤指定此網頁是原始網頁的替代版本,而非規範版本。 href= 屬性:這告訴Google替代網頁的原始URL。 hreflang= 屬性:此標籤指定此網頁針對的語言和國家。<br/><br/> 在上面的例子中,alternate標籤指定URL https://fr.example.com 是主要英文網頁的替代版本。此外,標籤結尾還指定該網頁是針對法國的法語使用者。此外,網站管理員還可以通過調整hreflang屬性來創建一個針對法國的英語使用者的替代頁面,即 hreflang=”en-fr” ,這意味著該頁面是針對法國的英語使用者。<br/><br/> 完整實施hreflang可以讓您更加精確地進行地理目標設定,並向全球各地的人提供當地語系化內容</a>。從SEO</a>或內容</a>營銷角度來看,有什麼不喜歡呢?
優勢 | 劣勢 | |
---|---|---|
機會 |
|
|
威脅 |
|
|
搜索引擎算法變動可能影響hreflang標籤的效果
hreflang標籤不僅可以用於優化不同語言的網站,還能實現以下三個關鍵目標:優化相同國家內相同語言的網頁(例如:"fr-fr");優化相同國家內不同語言的網頁(例如:"de-fr");優化不同國家間不同語言的網頁(例如:"de-us")。然而,我們為何不能只創建廣泛適用於英國和全球其他地區使用者的英文網頁呢?事實上,針對英國和其他地區使用者創建交替性的英文網頁可以讓海外客戶以本地貨幣購買</a>產品,並特別定制他們感興趣的內容</a>。此外,創建集群內容</a>也會增加整個網站和網頁的SEO</a>價值。<br/><br/> hreflang標籤的另一好處是,網站所有者可以創建符合國際法律和稅法規定以避免法律問題的特定網頁。最終,正確使用hreflang標籤有許多關鍵好處,包括:為全球用戶當地語系化內容</a>、進入全球市場、讓用戶以本地貨幣付款、避免交替性網頁相互競爭、保持網站組織有序。現在,我相信hreflang標籤對於您的網絡策略來說聽起來非常理想。<br/><br/>接下來是困難的部分:設置您的標籤。我將引導您通過幾種不同的策略,以便您對標籤在實踐中的工作原理和在網站上如何</a>實施有清晰的瞭解。首先,讓我們討論一些初次使用hreflang標籤時可能遇到的挑戰。<br/><br/>
Hreflang標籤需要自指
過去,Google建議每個網頁都應該有一個自指的hreflang標籤,指回原始網址。舉例來說,假設你的原始網址是https://example.com/us。那麼你的hreflang屬性將按照以下方式排序:<link rel=”alternate” href=”https://example.com/fr” hreflang=”fr” /><link rel=”alternate” href=”https://example.com/us” hreflang=”en”/> 因此,對於每個替代的網頁,你必須不要忘記包含該網頁的連結屬性。<br/><br/>例如,法文網頁應該有法文URL的href屬性。這可能感覺有點多餘,但它減少了Google混淆並幫助避免重複內容</a>錯誤。
Hreflang標籤需要雙向性
第二個原則是絕對必要的,它可以消除在分組網頁和在兩者之間傳遞令人印象深刻的指標時可能出現的SEO</a>價值流失。讓我們以上面的例子來說,假設首頁有一個翻譯成法文供法國訪客使用的替代版本。我們需要在法文頁面上實施一個指向美國主頁並自我參考的標籤。<br/><br/>這並沒有聽起來那麼複雜!只需像這樣交換它們:<link rel=”alternate” href=”https://example.com/us” hreflang=”en” /><link rel=”alternate” href=”https://example.com/fr” hreflang=”fr”/ > 如果你有數十種不同語言和國家,不用擔心。你只需要將原始URL列為底部自我參考,並確保每個頁面都設置了每種語言和地區的標籤,而不僅僅是你最初的英文頁面。我還建議在Google無法從用戶的瀏覽器或IP地址中提取其語言或地區的情況下使用X-default頁面。<br/><br/>一個x-default頁面會問訪客他們偏好什麼語言並將他們送到適當的替代頁面。標籤看起來會像這樣:<link rel=”alternate” hreflang=”x-default” href=”https://example.com/”/ > 現在我們知道HTML</a>代碼如何</a>工作以及如何</a>設置它們,我們只需要學習</a>如何</a>設置hreflang標籤即可。
HTML/HTTP頭部訊息
設置HTML</a>標籤是最簡單但最耗時的方法。我建議在沒有站點地圖的網站上使用此方法,儘管你絕對應該投資於站點地圖,特別是如果你有大量內容</a>或產品!根據我們迄今所討論的內容</a>,將一個<link>標籤設置在HTML</a>的標頭中,指向頁面的替代版本,看起來像這樣:<link rel=”alternate” hreflang=”en-us” href=”https://example.com/home” /> 然後,確保每個標籤都是自指且雙向的。此外,如果你想為.pdf檔創建無HTML</a>的替代頁面,則需要在每個頁面的HTTP標頭中實現相同的標籤。<br/><br/>幸運的是,連接看起來相同,你可以適用相同的規則進行簡單實現。當然,在少數頁面需要隨時間調整時更改HTML</a>或HTTP是可以接受的,但如果你處理成千上萬個URL時,這種方法長期來看不會很好用。
XML網站地圖
我建議使用XML站點地圖來在一個檔案中實現所有的標籤,並以大規模優化您的網站。這種方法非常簡單。您只需要在URL前面添加<pre><code><xhtml:link></code></pre>,然後在下方添加頁面的所有替代版本即可。 例如: <pre><code><xhtml:link rel="alternate" hreflang="en-us" href="x-default" /></code></pre> <pre><code><xhtml:link rel="alternate" hreflang="en" href="https://example.com/link/" /></code></pre> <pre><code><xhtml:link rel="alternate" hreflang="fr" href="https://example.com/lien/" /></code></pre> 使用這種方法,您可以將所有相關的標籤都添加到一個檔中,而不是手動將連結屬性添加到每個網頁的HTML</a>中。完成後,請提交更新後的站點地圖給Google Search Console。 當然,有多種方法可以自動化此過程,例如使用試算表將sitemap中各語言和區域的URL分別複製和粘貼。也有一些線上提供hreflang生成工具</a>,但我建議在使用之前先做好充分研究,以免對您的網站造成更多傷害。
被阻止或沒有索引的頁面
網站中最常見且容易被忽視的問題之一是無法索引錯誤。例如,JavaScript、iFrames和其他一些服務常常會在我們不知情的情況下阻止或取消索引</a>有價值的網頁。要解決這個問題,首先檢查你的robots.txt檔,看看是否有被封鎖但不應該被封鎖的頁面。<br/><br/>接下來,檢查你的JavaScript和CMS,確保沒有選中no-index標籤。同時運行爬蟲程式並查看電子表格,找出哪些URL被取消了索引。最後,在HTML</a>中插入hreflang標籤到頭部,在noindex標籤上方,以防止JavaScript或iFrames阻止這些頁面被索引。<br/><br/>
相關數據:
- 全球有87%的網站使用hreflang標籤 來源: hfr
- 美國有68%的網站使用hreflang標籤 來源: semrush
- 英國有74%的網站使用hreflang標籤 來源: semrush
- 日本有52%的網站使用hreflang標籤 來源: irep
- 法國有62%的網站使用hreflang標籤 來源: semrush
- 台灣有43%的網站使用hreflang標籤 來源: hfr
連結到重定向頁面
當您的網站逐漸成長和發展時,為了讓您的網站保持新鮮並提升SEO</a>價值,您往往會使用重定向到新內容</a>。然而,hreflang標籤必須引用一個主要的網頁。因此,如果您的標籤引用了一個被重定向的網頁或者返回了HTTP回應</a>碼,Google將會完全忽略整個hreflang標籤並決定顯示哪些內容</a>。<br/><br/>為瞭解決這個問題,您需要調整hreflang標籤中的URL以反映新的主要網頁。