【rel=’nofllow’】 的作用,它是告訴搜索引擎,不要將該鏈接計(jì)入權(quán)重。因此多數(shù)情況下,我們可以將一些不想傳遞權(quán)重的鏈接進(jìn)行nofllow處理;例如一些非本站的鏈接,不想傳遞權(quán)重,但是又需要加在頁面中的像 統(tǒng)計(jì)代碼、備案號(hào)鏈接、供用戶查詢的鏈接等等。
【rel=’external’】 此屬性的意思是告訴搜索引擎,這個(gè)鏈接不是本站鏈接,其實(shí)作用相當(dāng)于target=‘_blank’。為什么要這樣寫呢?因?yàn)橛行┚W(wǎng)站因?yàn)槭遣捎脟?yán)格的DOCTYPE聲名的,如果你在網(wǎng)頁源碼中的第一行看到:<!DOCTYPE html PUBLIC “-//W3C//DTD XHTML 1.0 Strict//EN” htt://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd”>在這種情況下target=”_blank”會(huì)失效,因此采用rel=’external’這個(gè)參數(shù)來替代。
【rel=’external nofollow’】 其實(shí)上面已經(jīng)說過rel=’nofollow’ 和 rel=’external’ 兩種屬性的所代表的意思了。這個(gè)屬性基本上是相當(dāng)于將兩種屬性結(jié)合起來,大致可以解釋為 “這個(gè)鏈接非本站鏈接,不要爬取也不要傳遞權(quán)重”。因此在SEO的角度來說,是一種絕對(duì)隔絕處理的方法,可以有效減少蜘蛛爬行的流失。
【rel=”preload”】 preload表示預(yù)加載。告訴瀏覽器這些資源你先幫我加載,之后我要使用。
注:因此,使用preload時(shí)一定要保證內(nèi)容會(huì)被使用,如果提取的資源3秒內(nèi)沒有被當(dāng)前頁面使用,Chrome開發(fā)者工具的控制臺(tái)會(huì)觸發(fā)警告!
【as="script"】as---preload的as屬性,告訴瀏覽器加載的是什么資源。常用的as屬性值有:
script, style, image, media, document, font
通過設(shè)置as屬性可以實(shí)現(xiàn):
瀏覽器可以設(shè)置正確的資源加載優(yōu)先級(jí)
瀏覽器可以確保請(qǐng)求是符合內(nèi)容安全策略的
瀏覽器根據(jù)as的值發(fā)送正確的accept頭部信息
瀏覽器根據(jù)as的值得知資源類型。因此當(dāng)獲取的資源相同時(shí),瀏覽器能夠判斷前面獲取的資源能否重用。
忽略as或者設(shè)置錯(cuò)誤的值會(huì)使preload等同于XHR異步請(qǐng)求。但瀏覽器不知道加載的是什么,會(huì)賦予此類資源非常低的加載優(yōu)先級(jí)。
<link as=script href=https://cdn.bootcss.com/jquery/3.3.1/jquery.js rel=preload rel="external nofollow">