SEO優(yōu)化是慢工也是細(xì)活。細(xì)節(jié)做的好，如魚得水，做的不好，舉步維艱。做SEO優(yōu)化的都知道，搜索引擎對圖片理解是通過alt屬性，所以在圖片alt屬性中用包含關(guān)鍵字的簡要文字說明，也是頁面優(yōu)化的一部分。如果想要做的更好，可以在title屬性里，進一步對圖片說明。今天就和大家分享圖片img標(biāo)簽alt與title屬性評測實驗。

圖片img標(biāo)簽alt與title屬性評測實驗代碼說明：測試代碼時把＜ ＞分別替換為<>

＜html＞

＜body＞

＜p＞＜img src=“” alt=“圖片alt屬性”＞＜/p＞

＜p＞＜img src=“” title=“圖片title屬性”＞＜/p＞

＜p＞＜img src=“” alt=“圖片alt屬性” title=“圖片title屬性”＞＜/p＞

＜p＞＜img src=“1.jpg” width=“200” height=“200” alt=“圖片alt屬性”＞＜/p＞

＜p＞＜img src=“1.jpg” width=“200” height=“200” title=“圖片title屬性”＞＜/p＞

＜p＞＜img src=“1.jpg” width=“200” height=“200” alt=“圖片alt屬性” title=“圖片title屬性”＞＜/p＞

＜/body＞

＜/html＞

圖片img標(biāo)簽alt與title屬性評測實驗結(jié)果：

圖片地址出錯，沒有限定圖片大小情況

一、圖片只有alt屬性

1、IE6 瀏覽器圖片顯示打叉與alt文字，鼠標(biāo)移到圖片上方有alt文字;

2、360 瀏覽器5.1測試版（IE8 內(nèi)核）圖片顯示打叉與alt文字，鼠標(biāo)移到圖片上方有alt文字;

3、火狐12.0 瀏覽器圖片顯示alt文字，鼠標(biāo)移到圖片上方?jīng)]有alt文字;

二、圖片只有title屬性

1、IE6 瀏覽器圖片顯示打叉，鼠標(biāo)移到圖片上方有title文字;

2、360 瀏覽器5.1測試版（IE8 內(nèi)核）圖片顯示打叉，鼠標(biāo)移到圖片上方有title文字;

3、火狐12.0 瀏覽器顯示破損圖片標(biāo)志，鼠標(biāo)移到圖片上方有title文字;

三、圖片有alt和title屬性

1、IE6 瀏覽器圖片顯示打叉與alt文字，鼠標(biāo)移到圖片上方有title文字;

2、360 瀏覽器5.1測試版（IE8 內(nèi)核）圖片顯示打叉與alt文字，鼠標(biāo)移到圖片上方有title文字;

3、火狐12.0 瀏覽器顯示alt文字，鼠標(biāo)移到圖片上方有title文字;

圖片地址正常，并且限制圖片大小情況

一、圖片只有alt屬性

1、IE6 瀏覽器圖片顯示正常，鼠標(biāo)移到圖片上方有alt文字;

2、360 瀏覽器5.1測試版（IE8 內(nèi)核）圖片顯示正常，鼠標(biāo)移到圖片上方有alt文字;

3、火狐12.0 瀏覽器圖片顯示正常，鼠標(biāo)移到圖片上方?jīng)]有alt文字;

二、圖片只有title屬性

1、IE6 瀏覽器圖片顯示正常，鼠標(biāo)移到圖片上方有title文字;

2、360 瀏覽器5.1測試版（IE8 內(nèi)核）圖片顯示正常，鼠標(biāo)移到圖片上方有title文字;

3、火狐12.0 瀏覽器圖片顯示正常，鼠標(biāo)移到圖片上方有title文字;

三、圖片有alt和title屬性

1、IE6 瀏覽器圖片顯示正常，鼠標(biāo)移到圖片上方有title文字;

2、360 瀏覽器5.1測試版（IE8 內(nèi)核）圖片顯示正常，鼠標(biāo)移到圖片上方有title文字;

3、火狐12.0 瀏覽器圖片顯示正常，鼠標(biāo)移到圖片上方有title文字;

SEO優(yōu)化總結(jié)圖片img標(biāo)簽alt與title屬性評測實驗alt和title都是提示性語言標(biāo)簽，它們之間是有區(qū)別的。alt是當(dāng)圖片不存在時的替代文字;title是對圖片的描述與進一步說明;在使用360 瀏覽器5.1測試版（IE8 內(nèi)核）看只有alt屬性的圖片沒有顯示，而測試過程卻能顯示，這是讓SEO優(yōu)化困惑的，如果有知道的朋友麻煩告知，謝謝。而火狐12.0 瀏覽器alt屬性是不顯示的，只顯示title屬性;在ie6，當(dāng)鼠標(biāo)經(jīng)過圖片時title和alt的值都會顯示。如果alt和title屬性同時存在，顯示的是title值。

SEO優(yōu)化擴展補充：alt屬性一般用于圖片提示，title還可以用于給普通文字或者鏈接文字提示。

一般用法如下代碼：

＜html＞

＜body＞

＜p title=“給普通文字提示”＞文字＜/p＞

＜a href=“http://www.***.org/” title=“給鏈接文字提示”＞文字＜/a＞

＜/body＞

＜/html＞

本文由SEO優(yōu)化http://www.fqseo.org/原創(chuàng)，轉(zhuǎn)載請保留鏈接！

標(biāo)簽： 圖片標(biāo)簽優(yōu)化 優(yōu)化技巧 alt屬性 

版權(quán)申明：本站文章部分自網(wǎng)絡(luò)，如有侵權(quán)，請聯(lián)系：west999com@outlook.com
特別注意：本站所有轉(zhuǎn)載文章言論不代表本站觀點！
本站所提供的圖片等素材，版權(quán)歸原作者所有，如需使用，請與原作者聯(lián)系。