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

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


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

