技術(shù)頻道導(dǎo)航
HTML/CSS
.NET技術(shù)
IIS技術(shù)
PHP技術(shù)
Js/JQuery
Photoshop
Fireworks
服務(wù)器技術(shù)
操作系統(tǒng)
網(wǎng)站運(yùn)營(yíng)

贊助商

分類目錄

贊助商

最新文章

搜索

使用 rel=alternate 移動(dòng)屬性優(yōu)化移動(dòng)網(wǎng)站SEO

作者:admin    時(shí)間:2018-7-20 9:12:50    瀏覽:

前文介紹了 <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)屬性來傳達(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ì)以下文章也感興趣

x
  • 站長(zhǎng)推薦
/* 左側(cè)顯示文章內(nèi)容目錄 */