如果您的網(wǎng)站有多種語(yǔ)言的內(nèi)容,那么您必須了解并使用hreflang屬性。在這篇文章中,我們將涵蓋從基本概念到實(shí)施再到解決常見(jiàn)問(wèn)題的所有內(nèi)容。Hreflang是一個(gè)簡(jiǎn)單的HTML屬性,但要掌握它可能具有挑戰(zhàn)性。
谷歌的John Mueller將hreflang描述為“SEO中最復(fù)雜的方面之一”,因?yàn)樗昂芸炀蜁?huì)變得非常困難”。但是不要讓那讓你失望。Hreflang理解起來(lái)并不復(fù)雜,您可以在很大程度上呈現(xiàn)自動(dòng)化。以下是您將在本指南中學(xué)到的所有內(nèi)容:
·什么是hreflang?
·為什么hreflang對(duì)SEO很重要?
·hreflang是什么樣子的?
·如何構(gòu)建hreflang標(biāo)簽?
·如何呈現(xiàn)hreflang標(biāo)簽?
·谷歌可能會(huì)忽略的問(wèn)題有哪些?
什么是hreflang?
Hreflang是一種HTML屬性,用于指定網(wǎng)頁(yè)的語(yǔ)言和地理定位。如果您有不同語(yǔ)言的同一頁(yè)面的多個(gè)版本,您可以使用hreflang標(biāo)簽告訴搜索引擎,如谷歌這些變體。這有助于他們?yōu)橛脩?hù)提供正確的版本。
為什么hreflang對(duì)SEO很重要?
如果您花時(shí)間將內(nèi)容翻譯成多種語(yǔ)言,那么您會(huì)希望搜索引擎向用戶(hù)顯示最合適的版本。Google和Yandex都查看hreflang標(biāo)簽來(lái)幫助做到這一點(diǎn)。Bing說(shuō)hreflang對(duì)他們來(lái)說(shuō)是一個(gè)微弱的信號(hào),他們主要依靠?jī)?nèi)容語(yǔ)言HTML屬性、鏈接以及訪(fǎng)問(wèn)您網(wǎng)站的人來(lái)辨別語(yǔ)言。但是,他們?nèi)匀唤ㄗh您在他們的官方文檔中使用它。
注意:百度不看hreflang標(biāo)簽。它們依賴(lài)于content-language HTML屬性。迎合搜索引擎用戶(hù)的母語(yǔ)也改善了他們的體驗(yàn)。這通常會(huì)導(dǎo)致更少的人點(diǎn)擊離開(kāi)您的頁(yè)面并返回搜索結(jié)果(即更長(zhǎng)的停留時(shí)間)、更低的跳出率、更高的頁(yè)面停留時(shí)間等等——我們認(rèn)為所有其他的好東西都有積極的意義對(duì)SEO和排名的影響。
hreflang標(biāo)簽也可以對(duì)排名產(chǎn)生直接影響,因?yàn)閔reflang集群中的頁(yè)面共享彼此的排名信號(hào)。最匹配的頁(yè)面將決定排名位置,但與用戶(hù)最相關(guān)的頁(yè)面將顯示在SERP中。這本身應(yīng)該是在適當(dāng)?shù)牡胤綄?shí)施hreflang的一個(gè)足夠令人信服的理由。不過(guò),hreflang屬性之所以重要還有另一個(gè)原因:重復(fù)內(nèi)容。
假設(shè)您有兩個(gè)版本的頁(yè)面:一個(gè)針對(duì)使用英式英語(yǔ)拼寫(xiě)的英國(guó)讀者,另一個(gè)針對(duì)使用美式英語(yǔ)拼寫(xiě)的美國(guó)讀者。這兩個(gè)頁(yè)面幾乎相同,因此,谷歌可能會(huì)將它們視為重復(fù)內(nèi)容并選擇一個(gè)版本進(jìn)行索引。
Hreflang標(biāo)簽幫助Google了解這些頁(yè)面之間的關(guān)系。他們會(huì)嘗試顯示搜索結(jié)果中顯示的正確版本,但不能保證。Hreflang標(biāo)簽是一個(gè)信號(hào),而不是指令。在hreflang集群中本地化使用相同語(yǔ)言的頁(yè)面內(nèi)容仍然是最佳實(shí)踐。您可以通過(guò)本地化定價(jià)(例如,美元與英鎊)、語(yǔ)言變體(例如,美國(guó)與英國(guó)的垃圾桶與垃圾桶)等來(lái)呈現(xiàn)這一點(diǎn)。這不是翻譯頁(yè)面的問(wèn)題,因?yàn)樗鼈儾槐还雀枵J(rèn)為是重復(fù)的。
hreflang標(biāo)簽是什么樣的?
Hreflang標(biāo)簽使用簡(jiǎn)單且一致的語(yǔ)法:
<link rel="alternate" hreflang="x" href="https://example.com/alternate-page" />
以下是該代碼的每個(gè)部分用簡(jiǎn)單的英語(yǔ)表示的含義:
·link rel=“alternate”:這個(gè)標(biāo)簽中的鏈接是這個(gè)頁(yè)面的另一個(gè)版本。
·hreflang=“x”:它是備用的,因?yàn)樗褂貌煌恼Z(yǔ)言,而該語(yǔ)言是x。
·href=“https://example.com/alternate-page”:備用頁(yè)面可在此URL中找到。
如何構(gòu)建hreflang標(biāo)簽?
構(gòu)建hreflang標(biāo)簽非常簡(jiǎn)單,只需查找所選語(yǔ)言的代碼并填寫(xiě)標(biāo)簽即可。Hreflang支持任何兩個(gè)字母的ISO 639-1語(yǔ)言代碼。雖然指定一種語(yǔ)言并將其留在那里很好,但hreflang標(biāo)簽還支持添加地區(qū)或國(guó)家。只有當(dāng)您希望針對(duì)特定區(qū)域中使用特定語(yǔ)言的人時(shí),才需要添加它。例如:
在英國(guó)講英語(yǔ)的人:
<link rel="alternate" hreflang="en-gb" href="https://example.com/uk/hello" />
在美國(guó)說(shuō)英語(yǔ)的人:
<link rel="alternate" hreflang="zh-cn" href="https://example.com/us/hello" />
你可以看到這里的語(yǔ)法是:hreflang=“l(fā)anguage-country”。
為什么您可能需要同時(shí)指定兩者?
想象一下,您經(jīng)營(yíng)一家銷(xiāo)售單一產(chǎn)品的電子商務(wù)商店。您的商店運(yùn)送到美國(guó)和英國(guó),這兩個(gè)國(guó)家都是以英語(yǔ)為母語(yǔ)的國(guó)家。但是,美國(guó)的客戶(hù)希望購(gòu)買(mǎi)美元,而英國(guó)的客戶(hù)希望購(gòu)買(mǎi)英鎊。為了解決這個(gè)問(wèn)題,您創(chuàng)建了產(chǎn)品頁(yè)面的兩個(gè)版本。一個(gè)以美元顯示價(jià)格,另一個(gè)以英鎊顯示價(jià)格。除了定價(jià),這兩個(gè)頁(yè)面是相同的,因此您需要使用hreflang標(biāo)簽向搜索引擎發(fā)出兩個(gè)版本存在的信號(hào)。
如何呈現(xiàn)hreflang標(biāo)簽?
hreflang屬性的呈現(xiàn)方式有以下三種:
·HTML標(biāo)簽
·HTTP標(biāo)頭
·站點(diǎn)地圖
1.使用HTML呈現(xiàn)hreflang標(biāo)簽
如果您是hreflang的新手,那么使用基本的HTML標(biāo)簽可能是最簡(jiǎn)單快捷的呈現(xiàn)方式。您需要做的就是在網(wǎng)頁(yè)的<head>標(biāo)記中添加任何適當(dāng)?shù)膆reflang標(biāo)記(如上所述)。您可以在一個(gè)頁(yè)面上擁有的hreflang標(biāo)簽的數(shù)量沒(méi)有限制。
2.呈現(xiàn)hreflang HTTP開(kāi)頭
對(duì)于PDF等非HTML頁(yè)面,不可能通過(guò)將標(biāo)簽放在HTML的<head>中來(lái)呈現(xiàn)hreflang。原因是,沒(méi)有HTML。在這種情況下,您可以使用HTTP標(biāo)頭來(lái)指定文檔變體的相關(guān)語(yǔ)言。此方法也適用于普通網(wǎng)頁(yè),但更常用于其他內(nèi)容類(lèi)型。
3.在您的XML站點(diǎn)地圖中實(shí)施hreflang
站點(diǎn)地圖可以包含相關(guān)標(biāo)記以指定頁(yè)面及其變體的hreflang。為此,您可以使用xhtml:link屬性。hreflang標(biāo)簽不管是如何呈現(xiàn)的,都是在抓取的時(shí)候處理的。將標(biāo)簽放在站點(diǎn)地圖中并不意味著在更新站點(diǎn)地圖時(shí)會(huì)處理它們。
寫(xiě)在最后
使用UTF-8對(duì)URL中的字符進(jìn)行編碼對(duì)Google來(lái)說(shuō)沒(méi)有問(wèn)題,但在您的技術(shù)堆棧中可能存在不支持的故障點(diǎn)。正文中不能有hreflang標(biāo)簽,因?yàn)樗鼈兛赡鼙挥糜诮俪帧T谀承l件下,標(biāo)簽可以強(qiáng)制進(jìn)入正文部分。這被稱(chēng)為破壞<head>并且可能是由于iframe或<head>部分中未關(guān)閉的標(biāo)記之類(lèi)的東西引起的,或者可能是由于使用JavaScript注入了不同的東西。
使用DOM斷點(diǎn)進(jìn)行故障排除。要查看這些,您可能需要運(yùn)行Google的一種工具來(lái)查看呈現(xiàn)的DOM或“右鍵單擊”>“在Chrome中檢查”并搜索Chrome DevTools的“元素”面板。
Hreflang沒(méi)有那么復(fù)雜。您只需要保持井井有條,盡可能自動(dòng)化實(shí)施,掌握不可避免出現(xiàn)的任何問(wèn)題,并盡快解決這些問(wèn)題。