什么是alt屬性? alt屬性是一種HTML圖像屬性,用于在出現(xiàn)無(wú)法交付的元素時(shí),闡明定義元素的alt文本。建立網(wǎng)頁(yè)或博客的用戶在圖片上輸入alt屬性,闡明圖片的不同質(zhì)量和特征。alt屬性使每個(gè)圖像都具有可訪問性,即使它是在沒有文本的情況下創(chuàng)建的。
alt屬性主要由朗讀文本的屏幕閱讀器軟件使用,向正在收聽網(wǎng)頁(yè)內(nèi)容的人描述元素。通常,這是由視力受損的人使用的,讓他們完全理解網(wǎng)頁(yè),尤其是圖片。下圖提供了一個(gè)alt屬性的示例:
對(duì)于任何使用這張圖片建立網(wǎng)站的人來(lái)說,他們需要輸入圖片的alt屬性。假設(shè)他們選擇這樣描述這幅畫:“一只金狗從車窗伸出頭來(lái)聞綠色的田野。”當(dāng)這張圖片出現(xiàn)在網(wǎng)頁(yè)上時(shí),屏幕閱讀器軟件會(huì)讀取這些文字。
圖像的HTML看起來(lái)會(huì)像這樣:
src = " http:www . picturesofdogies . com/cardogs . jpg " alt = "一只金狗從車窗探出頭來(lái)嗅綠色的田野。"
如何添加alt屬性 一旦決定了圖像和該圖像的描述符,就需要正確地將描述添加為alt屬性。幸運(yùn)的是,大多數(shù)內(nèi)容管理系統(tǒng)都很容易做到這一點(diǎn)。例如,如果你使用WordPress軟件來(lái)構(gòu)建你的站點(diǎn),你需要做的就是找到你想要添加alt屬性的頁(yè)面并編輯它們。
在要添加的頁(yè)面的管理/編輯部分,找到要添加alt屬性的圖像 點(diǎn)擊圖片并選擇“編輯”(鉛筆圖標(biāo)) 在彈出的窗口中,在“替代文本”欄中輸入您的描述性文本 盡可能描述清楚。記住, 你是為那些看不到圖片的人寫的 點(diǎn)擊右下角的藍(lán)色“更新”按鈕 現(xiàn)在只需發(fā)布新頁(yè)面,您的alt屬性將被包括在內(nèi) alt屬性會(huì)影響SEO嗎? alt屬性及其準(zhǔn)確性絕對(duì)會(huì)影響SEO。對(duì)于那些不熟悉SEO的人來(lái)說,這是搜索引擎優(yōu)化,它決定了你的網(wǎng)頁(yè)在搜索引擎中的可見性。為了創(chuàng)建具有強(qiáng)大SEO的網(wǎng)頁(yè), 它需要一個(gè)信息豐富的,準(zhǔn)確的文本附在每張圖片上。
你放在網(wǎng)頁(yè)上的圖片非常重要,因?yàn)樗鼈儠?huì)增加或減少頁(yè)面上的文字內(nèi)容。同樣,alt屬性根據(jù)搜索引擎算法增強(qiáng)(或減弱,取決于你寫得如何)你的網(wǎng)頁(yè)。它們還能提高網(wǎng)站的整體可訪問性,讓更多的人訪問網(wǎng)站并留下來(lái)閱讀頁(yè)面。
