SEO優(yōu)化是慢工也是細(xì)活。細(xì)節(jié)做的好,如魚得水,做的不好,舉步維艱。做SEO優(yōu)化的都知道,搜索引擎對圖片理解是通過alt屬性,所以在圖片alt屬性中用包含關(guān)鍵字的簡要文字說明,也是頁面優(yōu)化的一部分。如果想要做的更好,可以在title屬性里,進(jìn)一步對圖片說明,相關(guān)知識點(diǎn)SEO優(yōu)化在《圖片優(yōu)化方法|百度圖片優(yōu)化》文章里有詳細(xì)說明。今天SEO優(yōu)化就和大家分享圖片img標(biāo)簽alt與title屬性評測實(shí)驗(yàn)。
圖片img標(biāo)簽alt與title屬性評測實(shí)驗(yàn)代碼
說明:測試代碼時把< >分別替換為< >
<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屬性評測實(shí)驗(yàn)結(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屬性評測實(shí)驗(yàn)
alt和title都是提示性語言標(biāo)簽,它們之間是有區(qū)別的。alt是當(dāng)圖片不存在時的替代文字;title是對圖片的描述與進(jìn)一步說明;在使用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)化擴(kuò)展補(bǔ)充: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),文章地址http://www.fqseo.org/652.html,轉(zhuǎn)載請保留鏈接!
推薦閱讀
網(wǎng)購大潮起 傳統(tǒng)電子賣場優(yōu)勢幾何?
時代在發(fā)展,人們的生活越來越離不開電子產(chǎn)品,選購一件數(shù)碼產(chǎn)品就如同選購一件日用品一樣變得平常,而且消費(fèi)者購買數(shù)碼產(chǎn)品的途徑也日益多樣化,除了傳統(tǒng)的電子賣場這種銷售渠道之外,依托于網(wǎng)絡(luò),選購自己心儀的數(shù)>>>詳細(xì)閱讀
本文標(biāo)題:圖片img標(biāo)簽alt與title屬性評測實(shí)驗(yàn)
地址:http://www.sdlzkt.com/a/xie/20120724/77872.html

網(wǎng)友點(diǎn)評
精彩導(dǎo)讀
科技快報(bào)
品牌展示