卡卡網(wǎng)

前文介紹了 <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)設(shè)備的移動(dòng)屬性以及從移動(dòng)設(shè)備到桌面的規(guī)范鏈接的雙向參考。
• 一對(duì)一關(guān)系：每個(gè)桌面頁面都有一個(gè)移動(dòng)對(duì)應(yīng)關(guān)系，反之亦然。
• 避免重定向：僅引用實(shí)際頁面。
• 使用絕對(duì)URL，包括域名和協(xié)議。

什么是 rel="alternate" ？

當(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)屬性。

我什么時(shí)候應(yīng)該使用 rel="alternate" 移動(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)站。

如何實(shí)現(xiàn)移動(dòng)屬性？

使用移動(dòng)屬性來傳達(dá)頁面的移動(dòng)版本

該移動(dòng)屬性可以在HTML中實(shí)現(xiàn)，也可以通過XML站點(diǎn)地圖實(shí)現(xiàn)。

一、用HTML實(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)地圖實(shí)現(xiàn)

通過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)屬性的最佳做法

雙向參考

為了使搜索引擎能夠理解桌面和移動(dòng)頁面之間的關(guān)系，桌面頁面需要具有移動(dòng)屬性，并且移動(dòng)頁面使用規(guī)范URL“確認(rèn)”關(guān)系。

一對(duì)一的關(guān)系

每個(gè)桌面頁面應(yīng)該只有一個(gè)移動(dòng)對(duì)應(yīng)頁面，反之亦然。

避免重定向

避免使用指向URL的rel= alternate 和rel = canonical標(biāo)記，而這些標(biāo)記又會(huì)重定向到其他頁面。這對(duì)搜索引擎來說很困惑。

使用絕對(duì)URL

即使它不符合鏈接標(biāo)記的規(guī)范，但一般的共識(shí)是在定義移動(dòng)屬性時(shí)不使用相對(duì)URL。相對(duì)URL更有可能被搜索引擎解釋為錯(cuò)誤。相同的最佳實(shí)踐適用于鏈接標(biāo)記的其他用途：規(guī)范URL，hreflang屬性和分頁屬性。

有關(guān)移動(dòng)屬性的常見問題解答

1、為什么搜索引擎會(huì)忽略我的移動(dòng)屬性？

該移動(dòng)屬性是信號(hào)而不是指令。搜索引擎不需要遵循你對(duì)移動(dòng)屬性的定義，但通常會(huì)這樣做。

2、我有一個(gè)快速響應(yīng)的網(wǎng)站。我是否也需要使用移動(dòng)屬性？

不，如果你有響應(yīng)式網(wǎng)站，則無需使用該移動(dòng)屬性。只有在不同的URL上有單獨(dú)的桌面和移動(dòng)網(wǎng)站時(shí)，才會(huì)使用該屬性。

3、我在桌面和移動(dòng)頁面上提供不同的內(nèi)容。那是問題嗎？

搜索引擎仍然是面向桌面的，因此當(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)是有意義的。

您可能對(duì)以下文章也感興趣

• SEO: 使用 rel=canonical 為類似網(wǎng)頁或重復(fù)網(wǎng)頁指定權(quán)威網(wǎng)頁

標(biāo)簽: rel屬性  link標(biāo)簽  alternate  網(wǎng)站優(yōu)化  SEO