|
|
|
|
|
前文介紹了 <link>
的屬性 rel=canonical
,這是本文要介紹 <link>
的另一屬性 rel=alternate
的原因,因?yàn)檫@兩者有著密切的對(duì)應(yīng)關(guān)系。
很多人也許會(huì)問,什么是 rel=alternate
?我們?cè)撊绾问褂?rel=alternate
?
其實(shí) rel=alternate
是一個(gè)移動(dòng)屬性,如果權(quán)威(canonical)網(wǎng)頁有對(duì)應(yīng)的移動(dòng)版變體,就要為其添加 rel="alternate"
鏈接,并使其指向此網(wǎng)頁的移動(dòng)版:
<link rel="alternate" media="only screen and (max-width: 640px)" href=http://m.example.com/about/ >
簡(jiǎn)而言之,當(dāng)你擁有單獨(dú)的移動(dòng)和桌面網(wǎng)站時(shí),你需要將這兩者之間的關(guān)系清楚地表達(dá)到搜索引擎,以幫助他們了解向其用戶提供的網(wǎng)站以及防止出現(xiàn)重復(fù)內(nèi)容問題。但是下確保實(shí)現(xiàn)此屬性時(shí),請(qǐng)牢記以下最佳實(shí)踐:
當(dāng)人們談?wù)?rel=“alternate”
,rel=“alternate”
媒體標(biāo)記或 rel=“alternate”
媒體屬性時(shí),他們會(huì)引用此鏈接關(guān)系:
<link rel="alternate" media="only screen and (max-width:640px)" href=http://m.example.com/about/ >
為了方便起見,我們將其稱為移動(dòng)屬性。
此鏈接關(guān)系用于指示桌面和移動(dòng)網(wǎng)站與搜索引擎之間的關(guān)系。如果你有一個(gè)單獨(dú)的桌面和移動(dòng)網(wǎng)站,并且你關(guān)心移動(dòng)搜索引擎優(yōu)化,則需要使用移動(dòng)屬性。
如果相當(dāng)大比例的訪問者來自移動(dòng)設(shè)備,則可以通過專用移動(dòng)網(wǎng)站優(yōu)化他們的體驗(yàn)。請(qǐng)注意,這與擁有“響應(yīng)式網(wǎng)站”不同,有一個(gè)響應(yīng)式網(wǎng)站,有一個(gè)網(wǎng)站,其布局可以自行調(diào)整顯示的設(shè)備,而有一個(gè)專用的移動(dòng)網(wǎng)站,在自己的網(wǎng)址上有一個(gè)完全獨(dú)立的網(wǎng)站。
在這種情況下,如果你有單獨(dú)的桌面和移動(dòng)網(wǎng)站,你希望搜索引擎向正確的用戶顯示正確的網(wǎng)站版本。當(dāng)桌面上的用戶使用搜索引擎并且你的網(wǎng)站出現(xiàn)時(shí),你希望他們最終登陸你的桌面網(wǎng)站。如果他們?cè)谝苿?dòng)設(shè)備上,你希望搜索引擎顯示你的移動(dòng)網(wǎng)站。
使用移動(dòng)屬性來傳達(dá)頁面的移動(dòng)版本
該移動(dòng)屬性可以在HTML中實(shí)現(xiàn),也可以通過XML站點(diǎn)地圖實(shí)現(xiàn)。
在桌面頁面上
在桌面的HTML頁面中,使用鏈接關(guān)系定義指向頁面的移動(dòng)版本:
<link rel="alternate" media="only screen and (max-width:640px)" href=http://m.example.com/about/ >
這意味著當(dāng)用戶設(shè)備的寬度小于640像素時(shí),應(yīng)該提供移動(dòng)網(wǎng)站。
在移動(dòng)頁面上
在移動(dòng)頁面的HTML中,使用規(guī)范URL指向頁面的桌面版本:
<link rel="canonical" href=http://www.example.com/about/ >
擁有規(guī)范網(wǎng)址可以防止重復(fù)內(nèi)容。它告訴搜索引擎桌面頁面應(yīng)該被編入索引。
通過XML站點(diǎn)地圖定義屬性。
<?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/</loc>
<xhtml:link rel="alternate" media="only screen and(max-width:640px)" href="http://m.example.com/"/>
</url>
</urlset>
請(qǐng)注意,仍然需要在移動(dòng)頁面上指定規(guī)范URL,指向桌面頁面。
為了使搜索引擎能夠理解桌面和移動(dòng)頁面之間的關(guān)系,桌面頁面需要具有移動(dòng)屬性,并且移動(dòng)頁面使用規(guī)范URL“確認(rèn)”關(guān)系。
每個(gè)桌面頁面應(yīng)該只有一個(gè)移動(dòng)對(duì)應(yīng)頁面,反之亦然。
避免使用指向URL的rel= alternate 和rel = canonical標(biāo)記,而這些標(biāo)記又會(huì)重定向到其他頁面。這對(duì)搜索引擎來說很困惑。
即使它不符合鏈接標(biāo)記的規(guī)范,但一般的共識(shí)是在定義移動(dòng)屬性時(shí)不使用相對(duì)URL。相對(duì)URL更有可能被搜索引擎解釋為錯(cuò)誤。相同的最佳實(shí)踐適用于鏈接標(biāo)記的其他用途:規(guī)范URL,hreflang屬性和分頁屬性。
該移動(dòng)屬性是信號(hào)而不是指令。搜索引擎不需要遵循你對(duì)移動(dòng)屬性的定義,但通常會(huì)這樣做。
不,如果你有響應(yīng)式網(wǎng)站,則無需使用該移動(dòng)屬性。只有在不同的URL上有單獨(dú)的桌面和移動(dòng)網(wǎng)站時(shí),才會(huì)使用該屬性。
搜索引擎仍然是面向桌面的,因此當(dāng)搜索引擎確定你的網(wǎng)站與搜索查詢的相關(guān)性時(shí),你的桌面網(wǎng)站就處于領(lǐng)先地位。然而,谷歌宣布這將在2018年的某個(gè)地方為他們改變:你的移動(dòng)網(wǎng)站將領(lǐng)先。搜索引擎稱之為“移動(dòng)優(yōu)先索引”。
與流行的看法相反,移動(dòng)用戶通常不需要更少的內(nèi)容和更少的功能,所以只提供相同的,但使用移動(dòng)優(yōu)化的體驗(yàn)是有意義的。