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

贊助商

分類目錄

贊助商

最新文章

搜索

HTML link rel 屬性解釋

作者:admin    時間:2018-7-23 14:58:32    瀏覽:

什么是link關系屬性?

在SEO行業(yè)中,link關系屬性(在源代碼中表示為<link rel="value">)最常用于將頁面之間的關系傳遞給搜索引擎。

但是,link關系屬性已經(jīng)使用了十多年以用于許多其他目的,例如加載CSS樣式表,favicons以及指示打印友好版本的頁面。

在本文中,我們將描述您應該了解的最常見的SEO link關系屬性。

link rel="alternate"

移動屬性實現(xiàn)

移動屬性實現(xiàn)

rel="alternate"媒體屬性,簡稱移動屬性,用于指示桌面和移動網(wǎng)站與搜索引擎之間的關系。僅當您擁有單獨的桌面和移動網(wǎng)站時,才需要使用移動屬性。

移動屬性是什么樣的?

移動頁面源中的屬性示例:

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

你為什么要關心移動屬性?

如果您有一個單獨的桌面和移動網(wǎng)站,并且您關心SEO,則需要使用移動屬性。移動屬性可幫助搜索引擎向正確的用戶提供正確的頁面,這意味著:桌面用戶在搜索時會看到桌面版本,移動設備上的用戶將看到移動版本。

同樣,除了向搜索引擎明確表示他們應該為其用戶提供哪種變體之外,還有一個額外好處是可以在使用移動屬性時防止出現(xiàn)重復內容問題。否則桌面和移動網(wǎng)站將相互競爭。

link rel=canonical

rel=canonical是權威網(wǎng)頁屬性。

如果你的不同網(wǎng)頁包含類似內容(例如,某個網(wǎng)頁既有移動版,又有桌面版),那么你應明確告知搜索引擎哪個網(wǎng)址是該網(wǎng)頁的權威網(wǎng)址(權威網(wǎng)址)。否則,搜索引擎就會替您做出選擇,或會將這兩個版本視為完全等同,這可能會導致出現(xiàn)一些不當?shù)男袨椤?/p>

假設你想將 https://example.com/dresses/green-dresses 設為權威網(wǎng)址(即是有很多個網(wǎng)址指向該內容),那么你可通過執(zhí)行下面語句將此網(wǎng)址指定為權威網(wǎng)址。

使用 rel="canonical" link 元素標記所有重復的網(wǎng)頁。將屬性為 rel="canonical"<link> 元素添加到重復網(wǎng)頁的 <head> 部分中,并使其指向權威網(wǎng)頁,如下所示:

<link rel="canonical" href="https://example.com/dresses/green-dresses" />

link rel="prev"/"next"

在rel="next"與rel="prev"鏈接屬性,簡稱分頁屬性,是用于指示頁面搜索引擎序列之間的關系。

使用分頁屬性

使用分頁屬性

分頁屬性是什么樣的?

分頁頁面源中的屬性示例 :

<link rel="prev" href="http://www.example.com/page-2.html">
<link rel="next" href="http://www.example.com/page-4.html">

你為什么要關心分頁屬性?

該分頁屬性可幫助搜索引擎了解一系列頁面之間的關系。這些頁面序列通常不包含大量獨特內容,因此搜索引擎理解您更喜歡它們來提供替代內容而不是分頁頁面。

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

標簽: link標簽  rel屬性  
x