有圖的文章更受人們歡迎，并且精心選擇一張圖片可以更好的理解內(nèi)容以及優(yōu)化圖片搜索結(jié)果排名。不過你一定要在圖片添加alt屬性，因?yàn)樗梢詭椭藗兒退阉饕嬷┲敫玫睦斫鈭D片內(nèi)容，提高網(wǎng)站建設(shè)的可訪問性。本文將介紹有關(guān)alt屬性和title屬性是什么以及如何優(yōu)化它們。

圖片標(biāo)簽的alt屬性是什么

下面是一個(gè)完整的圖片標(biāo)簽代碼：

<img src="image.jpg" alt="圖片替代文本" title="圖標(biāo)標(biāo)題提示" >

src是引用圖片的地址，alt屬性是一個(gè)必須的屬性，它規(guī)定在圖像無法顯示時(shí)的替代文本。搜索引擎可以通過該屬性知道圖片內(nèi)容是什么。通常會(huì)在下面幾種情況起作用：

網(wǎng)速太慢src屬性中出現(xiàn)錯(cuò)誤；瀏覽器禁用圖片；用戶使用的屏幕閱讀器（如盲人）。alt屬性在寫代碼時(shí)是必須的，里面的值盡量不要空白。這不僅可以防止圖片不顯示，讓用戶知道圖片內(nèi)容是什么，也可以讓盲人使用電腦時(shí)認(rèn)識(shí)圖片。

title屬性是鼠標(biāo)放上圖片顯示的提示，這個(gè)值并不必須。

圖片優(yōu)化的具體注意事項(xiàng)

圖片必須使用實(shí)際顯示尺寸；壓縮后的圖片；非透明背景要求的圖片首選jpg，透明背景要求選png；logo和圖標(biāo)可以選用svg；圖標(biāo)可以css sprite技術(shù)合并圖片；圖標(biāo)如果是單色，建議網(wǎng)站制作使用字體；圖片必須有alt屬性，如果沒有可空白，不可沒有該屬性；圖片說明盡量添加（用戶看到的）；圖片alt屬性和title屬性優(yōu)化是SEO基礎(chǔ)的重要一部分。搜索引擎認(rèn)識(shí)和理解網(wǎng)頁內(nèi)容，主要是通過文字內(nèi)容。做好alt屬性優(yōu)化，搜索引擎自然會(huì)感謝你，認(rèn)為你非常友好，頁面質(zhì)量較高。