欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页  >  网络运营

ALT 代替属性使用说明

程序员文章站 2022-06-28 11:17:59
ALT-代替属性,用来对网页上的图片进行描述,光标在图片上时显示的提示语即采用该标签实现,如:本页右侧的“RSS”图标。 从SEO和用户体验来看,ALT-代替属性都是必要的,... 08-11-23...
alt-代替属性,用来对网页上的图片进行描述,光标在图片上时显示的提示语即采用该标签实现,如:本页右侧的“rss”图标。
从seo和用户体验来看,alt-代替属性都是必要的,其重要性主要有:
网页内容相关性是关键词优化的前提,搜索引擎认为,网页上的图片应该与网页主题相关。反过来讲,当搜索引擎要判断网页的关键词时,图片的alt-代替属性是一个可信任的参考点。所以, 别忘了在图片的alt-代替属性里添加上该网页的关键词。
有时候因为一些原因,比如使用屏幕读取器、带宽较低、网络阻碍等导致网页上的图片无法显示。描述性的alt-代替属性可以告诉用户该位置的内容,从而添加用户体验。正规的网站都应该这样做。
有时,如果没有alt-代替属性,会导致用户不明白该图片代表着什么,为什么放在这个网页。
alt-代替属性的写法
最不好(但最常见):
<img src="nt12343.jpg" alt=""/>稍好(但没有告诉用户具体内容):
<img src="nt12343.jpg" alt="宝贝"/>最佳(简单描述图片内容,并嵌套关键词):
<img src="nt12343.jpg" alt="宝贝二周岁生日吃蛋糕">要避免(可能会导致被视为spam垃圾网站):
<img src="nt12343.jpg" alt="小宝宝 宝贝 心肝 蛋糕 吃蛋糕 生日 宝宝生日 小宝宝生日"/>