一、alt標(biāo)簽是什么意思

Alt標(biāo)簽又名alt屬性或替代文本，簡(jiǎn)單地說(shuō)，Alt標(biāo)簽就是網(wǎng)站上圖片的文字提示，用于描述頁(yè)面上圖像的介紹。搜索引擎無(wú)法識(shí)別網(wǎng)站上的圖像，當(dāng)在圖片中添加Alt標(biāo)簽后，搜索引擎可以通過(guò)Alt文本來(lái)理解圖像所表達(dá)的內(nèi)容，同時(shí)，alt標(biāo)簽加入關(guān)鍵詞是很好的提升關(guān)鍵詞排名的方法。Alt標(biāo)簽的另一個(gè)用途是，如果網(wǎng)站由于某種原因?qū)е聼o(wú)法加載圖片，用戶可以通過(guò)Alt標(biāo)簽來(lái)了解圖片的主旨。

二、alt標(biāo)簽的語(yǔ)法

alt屬性主要用于img與area兩個(gè)元素，alt屬性的語(yǔ)法如下：

1、<img alt="...">

<img src="圖片路徑" alt="圖片描述"/>，這里我們要說(shuō)的一點(diǎn)是，"圖片描述"最好是用簡(jiǎn)短的語(yǔ)句，介紹這張圖片的內(nèi)容，如果是鏈接，則描述鏈接的作用，并帶上關(guān)鍵詞。

*alt使用實(shí)例

2、<area alt="...">

<area shape="rect" coords="0,0,0,160" href ="SEO.Html" alt="seo" />，<area> 標(biāo)簽的 alt 屬性指定了替代文本，用于在圖像無(wú)法顯示或者用戶禁用圖像顯示時(shí)，代替圖像顯示在瀏覽器中的內(nèi)容。

三、alt標(biāo)簽的應(yīng)用場(chǎng)景

1、logo中添加關(guān)鍵詞

網(wǎng)站logo一般是使用圖片，可以為logo圖片添加Alt屬性，從而提升圖片的識(shí)別度以及增加網(wǎng)站關(guān)鍵詞密度，這時(shí)替代文本可以使用網(wǎng)站核心關(guān)鍵詞。

2、在首頁(yè)和目錄頁(yè)的使用

一般在網(wǎng)站的首頁(yè)和目錄頁(yè)都會(huì)有輪播圖和縮略圖，并且圖片都帶有鏈接，像這種有指定頁(yè)面或指向性的圖片，可添加該鏈接頁(yè)面的標(biāo)題文字作為alt標(biāo)簽文字，增加搜索引擎對(duì)目標(biāo)鏈接的識(shí)別度。

3、內(nèi)容詳情頁(yè)的使用

在內(nèi)容詳情頁(yè)的圖片使用alt標(biāo)簽，替代文本需要編寫(xiě)成與圖片相關(guān)的內(nèi)容，由于詳情頁(yè)alt標(biāo)簽較多，所以每個(gè)alt標(biāo)簽都要準(zhǔn)確描述圖片的含義，切勿使用重復(fù)的alt描述，容易被誤判為關(guān)鍵詞堆砌。

四、alt標(biāo)簽的作用

Alt標(biāo)簽除了在網(wǎng)速太慢無(wú)法加載圖片、src 屬性中的鏈接錯(cuò)誤造成圖片丟失、用戶所使用的瀏覽器禁用圖像、用戶使用的是屏幕閱讀器設(shè)備起到替代作用外，還具有以下幾個(gè)作用。

1、提高頁(yè)面頁(yè)面內(nèi)容的可讀性

對(duì)于視覺(jué)障礙人士，需要通過(guò)文字在線轉(zhuǎn)引文來(lái)進(jìn)行理解頁(yè)面內(nèi)容，圖片沒(méi)有做替代文本會(huì)導(dǎo)致屏幕閱讀軟件出現(xiàn)問(wèn)題，無(wú)法將內(nèi)容傳達(dá)給用戶，通常會(huì)跳過(guò)這些圖像，更糟糕的是，讀出長(zhǎng)而無(wú)用的圖像文件名。

*準(zhǔn)確使用Alt屬性替換文字對(duì)比

2、有利于圖片排名

關(guān)注過(guò)圖片搜索引擎優(yōu)化SEOer會(huì)發(fā)現(xiàn)在操作圖片推廣的時(shí)候，搜索引擎可以很好的解讀這個(gè)標(biāo)簽，如果站點(diǎn)有一定的權(quán)重，那么這個(gè)圖片的排名就會(huì)在搜索結(jié)果頁(yè)前列的位置。

3、增強(qiáng)頁(yè)面主關(guān)鍵詞相關(guān)性

ALT標(biāo)簽屬性就是替代文本，它是可以利用文字介紹的網(wǎng)頁(yè)內(nèi)容，理論上ALT標(biāo)簽也沒(méi)有嚴(yán)格規(guī)定的文本內(nèi)容長(zhǎng)度，對(duì)于一些特定的企業(yè)產(chǎn)品，由于視覺(jué)的體驗(yàn)需要往往很少文字，這個(gè)時(shí)候，可以利用ALT標(biāo)簽，補(bǔ)充產(chǎn)品頁(yè)的內(nèi)容介紹，增強(qiáng)其與頁(yè)面主關(guān)鍵詞的相關(guān)性。

4、提高關(guān)鍵詞密度

在操作企業(yè)站的時(shí)候，經(jīng)常會(huì)遇到站點(diǎn)首屏是一個(gè)大的橫幅banner，幾乎占用了首頁(yè)的大部分頁(yè)面，可以在圖片的ALT標(biāo)簽中添加關(guān)鍵詞，從而有效的提高頁(yè)面關(guān)鍵詞的密度。

五、添加ALT標(biāo)簽注意事項(xiàng)

1、alt標(biāo)簽替換文字過(guò)多

在設(shè)定alt標(biāo)簽的時(shí)候盡量不要使用過(guò)多的文字，這樣搜索引擎無(wú)法識(shí)別其中的關(guān)鍵詞，這樣就不能抓住頁(yè)面的重點(diǎn)，ALT標(biāo)簽替換文字盡量簡(jiǎn)單，使用帶有關(guān)鍵詞的短語(yǔ)或句子，建議控制在125個(gè)字符之內(nèi)（空格符合都算一個(gè)字符）。

2、避免關(guān)鍵詞堆砌

很多SEO優(yōu)化人員會(huì)犯關(guān)鍵詞堆砌的錯(cuò)誤，因?yàn)槁?tīng)說(shuō)關(guān)鍵詞密度高有利于SEO優(yōu)化，所以在alt標(biāo)簽添加多個(gè)重復(fù)的關(guān)鍵詞，這樣會(huì)導(dǎo)致搜索引擎判定網(wǎng)站作弊。這時(shí)候要做好Alt替換文本的差異化描述，可以用同義詞或者長(zhǎng)尾詞進(jìn)行編輯，提高圖片關(guān)鍵詞的豐富度，增加曝光量。

3、圖片與文本不符

ALT標(biāo)簽內(nèi)容應(yīng)該與圖片內(nèi)容有關(guān)，正確說(shuō)明圖片內(nèi)容，從而給予用戶良好的體驗(yàn)。搜索引擎不能識(shí)別圖片，所以才添加的alt標(biāo)簽，如果一張圖片上畫(huà)的是花朵，但是添加alt標(biāo)簽時(shí)文本寫(xiě)成小草，那搜索引擎會(huì)認(rèn)為這個(gè)圖片是小草，這也就是為什么搜索花朵時(shí)，會(huì)出現(xiàn)小草的圖片。但這種不準(zhǔn)確的圖片說(shuō)明搜索引擎會(huì)很快的被識(shí)別，也容易被誤判為作弊。

4、文本與語(yǔ)種不符

如果是多語(yǔ)言網(wǎng)站，在不同語(yǔ)種瀏覽環(huán)境下，需要確保alt替代文本與語(yǔ)種一致。比如不要在英文語(yǔ)言網(wǎng)站中使用中文的alt替代文字。

5、避免無(wú)意義的替代文本

避免使用無(wú)意義內(nèi)容，比如"XXX Image"，"Picture of XXX" 這種無(wú)意義詞匯， 谷歌和瀏覽者自己清楚是否是圖片。

總結(jié)

優(yōu)化猩seo：對(duì)待圖片的ALT標(biāo)簽屬性應(yīng)該回歸本源，簡(jiǎn)明扼要的描述圖片內(nèi)容即可，無(wú)論搜索引擎的排名算法是否考慮ALT屬性中的信息，也要從用戶的角度來(lái)考慮正確設(shè)置圖片的ALT替代文本。

參考鏈接：

alt標(biāo)簽_百度百科

https://baike.baidu.com/item/alt%E6%A0%87%E7%AD%BE/9682416

什么是Alt標(biāo)簽 如何利用好這個(gè)標(biāo)簽_搜狐

https://www.sohu.com/a/404899315_120351799

Image圖片Alt標(biāo)簽SEO優(yōu)化全面指南-內(nèi)含示例解析 - 知乎

https://zhuanlan.zhihu.com/p/473995711

修改于2023-05-06