alt屬性：為圖片添加注釋；
title屬性：為圖片鏈接添加注釋。

 alt屬性
從seo來(lái)看，alt屬性是搜索引擎唯一能識(shí)別的圖片信息。網(wǎng)頁(yè)內(nèi)容相關(guān)性是關(guān)鍵詞優(yōu)化的前提，搜索引擎認(rèn)為，網(wǎng)頁(yè)上的圖片應(yīng)該與網(wǎng)頁(yè)主題相關(guān)。反過(guò)來(lái)講，當(dāng)搜索引擎要判斷網(wǎng)頁(yè)的關(guān)鍵詞時(shí)，圖片的ALT-代替屬性是一個(gè)可信任的參考點(diǎn)。所以， 別忘了在圖片的ALT-代替屬性里添加上該網(wǎng)頁(yè)的關(guān)鍵詞。因此，在優(yōu)化網(wǎng)站時(shí)，盡可能利用alt屬性闡述圖片的主題內(nèi)容，但是又要避免關(guān)鍵詞的重疊堆砌；

從用戶體驗(yàn)來(lái)看：
對(duì)于用戶來(lái)講：假如某一幅圖片的URL出錯(cuò)或由于網(wǎng)絡(luò)的緣由打不開(kāi)，圖片出錯(cuò)的位置則會(huì)顯示該圖片的alt注釋內(nèi)容，這樣用戶體驗(yàn)也得到了提升。正規(guī)的網(wǎng)站都應(yīng)該這樣做。
更多了解，請(qǐng)點(diǎn)擊《百度百科》


Title屬性
官方對(duì)title屬性定義是注釋圖片鏈接的作用，但是當(dāng)一個(gè)圖片沒(méi)有鏈接的時(shí)候，我們也需要用到title屬性，這就關(guān)乎到用戶體驗(yàn)了。我認(rèn)為title屬性就是為用戶體驗(yàn)而生的，對(duì)于seo沒(méi)什么作用，因?yàn)樗阉饕娌徽J(rèn)這個(gè)屬性，那什么時(shí)候用到title標(biāo)簽?zāi)?？?dāng)圖片有鏈接的時(shí)候要用到，這樣用戶點(diǎn)到這張圖片的時(shí)候就會(huì)顯示文字，用戶就可以根據(jù)文字來(lái)判斷這個(gè)加載頁(yè)面是否是自己感興趣的，減少無(wú)用頁(yè)面的加載。當(dāng)圖片沒(méi)有鏈接，同時(shí)圖片旁邊沒(méi)有文字標(biāo)題或者文字標(biāo)題很長(zhǎng)顯示不全的時(shí)候，我們也要用到title屬性來(lái)告訴用戶這個(gè)圖片是什么。

tile屬性是鼠標(biāo)懸停圖片時(shí)，可以顯示的內(nèi)容（對(duì)用戶體驗(yàn)有好處）；alt屬性是圖片無(wú)法顯示時(shí)，顯示的內(nèi)容（對(duì)seo有好處）。

黑蝠云建站平臺(tái)開(kāi)放了設(shè)置所有圖片alt屬性的入口，title屬性沒(méi)有單獨(dú)設(shè)置的入口。在組件中，alt屬性設(shè)置了會(huì)默認(rèn)放到alt屬性和title屬性中。

圖片組件中設(shè)置alt屬性入口：

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

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