圖片標(biāo)簽alt屬性和title屬性的作用
瀏覽數(shù)量: 18 作者: 本站編輯 發(fā)布時(shí)間: 2018-10-09 來源: 本站
["wechat","weibo","qzone","douban","email"]
alt屬性:為圖片添加注釋;
title屬性:為圖片鏈接添加注釋。
alt屬性
從seo來看,alt屬性是搜索引擎唯一能識別的圖片信息。網(wǎng)頁內(nèi)容相關(guān)性是關(guān)鍵詞優(yōu)化的前提,搜索引擎認(rèn)為,網(wǎng)頁上的圖片應(yīng)該與網(wǎng)頁主題相關(guān)。反過來講,當(dāng)搜索引擎要判斷網(wǎng)頁的關(guān)鍵詞時(shí),圖片的ALT-代替屬性是一個(gè)可信任的參考點(diǎn)。所以, 別忘了在圖片的ALT-代替屬性里添加上該網(wǎng)頁的關(guān)鍵詞。因此,在優(yōu)化網(wǎng)站時(shí),盡可能利用alt屬性闡述圖片的主題內(nèi)容,但是又要避免關(guān)鍵詞的重疊堆砌;
從用戶體驗(yàn)來看:
對于用戶來講:假如某一幅圖片的URL出錯(cuò)或由于網(wǎng)絡(luò)的緣由打不開,圖片出錯(cuò)的位置則會顯示該圖片的alt注釋內(nèi)容,這樣用戶體驗(yàn)也得到了提升。正規(guī)的網(wǎng)站都應(yīng)該這樣做。
更多了解,請點(diǎn)擊《百度百科》
Title屬性
官方對title屬性定義是注釋圖片鏈接的作用,但是當(dāng)一個(gè)圖片沒有鏈接的時(shí)候,我們也需要用到title屬性,這就關(guān)乎到用戶體驗(yàn)了。我認(rèn)為title屬性就是為用戶體驗(yàn)而生的,對于seo沒什么作用,因?yàn)樗阉饕娌徽J(rèn)這個(gè)屬性,那什么時(shí)候用到title標(biāo)簽?zāi)???dāng)圖片有鏈接的時(shí)候要用到,這樣用戶點(diǎn)到這張圖片的時(shí)候就會顯示文字,用戶就可以根據(jù)文字來判斷這個(gè)加載頁面是否是自己感興趣的,減少無用頁面的加載。當(dāng)圖片沒有鏈接,同時(shí)圖片旁邊沒有文字標(biāo)題或者文字標(biāo)題很長顯示不全的時(shí)候,我們也要用到title屬性來告訴用戶這個(gè)圖片是什么。
tile屬性是鼠標(biāo)懸停圖片時(shí),可以顯示的內(nèi)容(對用戶體驗(yàn)有好處);alt屬性是圖片無法顯示時(shí),顯示的內(nèi)容(對seo有好處)。
領(lǐng)動(dòng)云建站平臺開放了設(shè)置所有圖片alt屬性的入口,title屬性沒有單獨(dú)設(shè)置的入口。在組件中,alt屬性設(shè)置了會默認(rèn)放到alt屬性和title屬性中。
圖片組件中設(shè)置alt屬性入口:

滾動(dòng)圖片組件設(shè)置alt屬性入口:


內(nèi)容管理-》編輯產(chǎn)品或者文章添加alt屬性操作入口:

