卡卡網(wǎng)

前文介紹了 <link> 的屬性 rel=canonical ，這是本文要介紹 <link> 的另一屬性 rel=alternate  的原因，因為這兩者有著密切的對應(yīng)關(guān)系。

很多人也許會問，什么是 rel=alternate ？我們該如何使用 rel=alternate ？

其實 rel=alternate 是一個移動屬性，如果權(quán)威（canonical）網(wǎng)頁有對應(yīng)的移動版變體，就要為其添加 rel="alternate" 鏈接，并使其指向此網(wǎng)頁的移動版：

<link rel="alternate" media="only screen and (max-width: 640px)" href=http://m.example.com/about/ >

簡而言之，當你擁有單獨的移動和桌面網(wǎng)站時，你需要將這兩者之間的關(guān)系清楚地表達到搜索引擎，以幫助他們了解向其用戶提供的網(wǎng)站以及防止出現(xiàn)重復內(nèi)容問題。但是下確保實現(xiàn)此屬性時，請牢記以下最佳實踐：

• 使用從桌面到移動設(shè)備的移動屬性以及從移動設(shè)備到桌面的規(guī)范鏈接的雙向參考。
• 一對一關(guān)系：每個桌面頁面都有一個移動對應(yīng)關(guān)系，反之亦然。
• 避免重定向：僅引用實際頁面。
• 使用絕對URL，包括域名和協(xié)議。

什么是 rel="alternate" ？

當人們談?wù)?rel=“alternate” ，rel=“alternate” 媒體標記或 rel=“alternate” 媒體屬性時，他們會引用此鏈接關(guān)系：

<link rel="alternate" media="only screen and (max-width：640px)" href=http://m.example.com/about/ >

為了方便起見，我們將其稱為移動屬性。

此鏈接關(guān)系用于指示桌面和移動網(wǎng)站與搜索引擎之間的關(guān)系。如果你有一個單獨的桌面和移動網(wǎng)站，并且你關(guān)心移動搜索引擎優(yōu)化，則需要使用移動屬性。

我什么時候應(yīng)該使用 rel="alternate" 移動屬性？

如果相當大比例的訪問者來自移動設(shè)備，則可以通過專用移動網(wǎng)站優(yōu)化他們的體驗。請注意，這與擁有“響應(yīng)式網(wǎng)站”不同，有一個響應(yīng)式網(wǎng)站，有一個網(wǎng)站，其布局可以自行調(diào)整顯示的設(shè)備，而有一個專用的移動網(wǎng)站，在自己的網(wǎng)址上有一個完全獨立的網(wǎng)站。

在這種情況下，如果你有單獨的桌面和移動網(wǎng)站，你希望搜索引擎向正確的用戶顯示正確的網(wǎng)站版本。當桌面上的用戶使用搜索引擎并且你的網(wǎng)站出現(xiàn)時，你希望他們最終登陸你的桌面網(wǎng)站。如果他們在移動設(shè)備上，你希望搜索引擎顯示你的移動網(wǎng)站。

如何實現(xiàn)移動屬性？

使用移動屬性來傳達頁面的移動版本

該移動屬性可以在HTML中實現(xiàn)，也可以通過XML站點地圖實現(xiàn)。

一、用HTML實現(xiàn)

在桌面頁面上

在桌面的HTML頁面中，使用鏈接關(guān)系定義指向頁面的移動版本：

<link rel="alternate" media="only screen and (max-width：640px)" href=http://m.example.com/about/ >

這意味著當用戶設(shè)備的寬度小于640像素時，應(yīng)該提供移動網(wǎng)站。

在移動頁面上

在移動頁面的HTML中，使用規(guī)范URL指向頁面的桌面版本：

<link rel="canonical" href=http://www.example.com/about/ >

擁有規(guī)范網(wǎng)址可以防止重復內(nèi)容。它告訴搜索引擎桌面頁面應(yīng)該被編入索引。

二、通過XML站點地圖實現(xiàn)

通過XML站點地圖定義屬性。

<?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>

請注意，仍然需要在移動頁面上指定規(guī)范URL，指向桌面頁面。

移動屬性的最佳做法

雙向參考

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

一對一的關(guān)系

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

避免重定向

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

使用絕對URL

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

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

1、為什么搜索引擎會忽略我的移動屬性？

該移動屬性是信號而不是指令。搜索引擎不需要遵循你對移動屬性的定義，但通常會這樣做。

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

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

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

搜索引擎仍然是面向桌面的，因此當搜索引擎確定你的網(wǎng)站與搜索查詢的相關(guān)性時，你的桌面網(wǎng)站就處于領(lǐng)先地位。然而，谷歌宣布這將在2018年的某個地方為他們改變：你的移動網(wǎng)站將領(lǐng)先。搜索引擎稱之為“移動優(yōu)先索引”。

與流行的看法相反，移動用戶通常不需要更少的內(nèi)容和更少的功能，所以只提供相同的，但使用移動優(yōu)化的體驗是有意義的。

您可能對以下文章也感興趣

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

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