HTML <img> 标签: img 元素可定义一副图像。
alt属性为必须属性,用来描述图像的内容(搜索引擎目前主要靠alt属性来看懂图像的内容),当图片无法正常显示时(可能是网速慢或其他原因)在浏览器中会显示Alt属性中的内容以帮助访问者了解图像的内容,否则就直接显示一个X。即便一张图像没有内容或者意义也需要设置alt属性为空如:alt=" ",否则将无法通过W3C的XHTML验证;
title属性为设置该属性的元素提供建议性的信息,显示于提示工具中的文本,它不是必须的属性。大部分的浏览器在鼠标悬浮在图像上时会显示title文字为提示信息(tool tip),也有一些浏览器是显示alt属性中的替换内容,这使得网页制作人员在alt与title属性的使用上就存在一些混淆。
图像的Alt替换文本信息属性原本是考虑到残障人士(如盲人)的访问体验而准备的,他们在浏览网页的时候很难获取图片中的文字信息,只能通过alt替换文本的描述来了解图片影像内容。同时,搜索引擎会把alt部分的内容纳入整个页面的文本分析,而title属性值搜索引擎不会作为文本分析(意思是不会将其作为文本内容抓取回去),但是否搜索引擎会抓取title属性的内容而单独保存则不得而知。这里有个SEO实验可以看看,实验页面:http://sem80.com/labs/fng_alt.htm (图像(<img>)里设置了alt属性)。另个对比实验页面为:http://sem80.com/labs/fng.htm (里面设置了title属性)两个页面被收录以后,在Google中使用“ inurl:http://sem80.com/labs/fng_alt.htm 封牛谷 ”命令进行查询,结果地址为:
http://www.google.cn/search?hl=zh-CN&source=hp&q=inurl%3Ahttp%3A%2F%2Fsem80.com%2Flabs%2Ffng_alt.htm+%E5%B0%81%E7%89%9B%E8%B0%B7&btnG=Google+%E6%90%9C%E7%B4%A2&aq=f&oq=
可以从结果中看到alt属性中的内容被搜索引擎作为了文本分析,而另个只设置title属性的页面中则找不到“封牛谷”这个字眼。所以建议在填写图片alt部分的内容时要灵活地在描述中布置合适的关键词。它的长度根据WCAG 2.0(网站内容可用性指南2.0)的解释必须少于100个英文字符或者用户必须保证替换文字尽可能的短。
title属性的一个潜在的应用就是为图像提供额外的说明信息,比如日期或者其他非本质的信息。有一个很好的用途,即为链接添加描述性文字(比如本文中的google搜索结果链接的提示说明),特别是当连接本身并不是十分清楚的表达了链接的目的。这样就使得访问者知道那些链接将会带他们到什么地方,他们就不会加载一个可能完全不感兴趣的页面。
title属性值可以比alt属性值设置的更长。不过要注意的是,有些浏览器会截断过长的文字(比如工具提示或其他)。比如Mozilla核心的浏览器只能显示最先的60个字符。这被认为是一个Mozilla bug,这是你要注意的。
简单点说,在实施SEO时在alt属性中合理的设置关键词在其中,title属性到目前还找不到案例来证明对于排名是有帮助的,主要用于改善用户体验提供额外的说明信息。
参考文献:
网页设计师: alt属性和title属性 (译者:JunChen 2005-5-23)
http://www.w3cn.org/article/translate/2005/114.html
W3C School: HTML <img> 标签
http://www.w3school.com.cn/tags/tag_img.asp
博客园-无业游民: 图片的alt(替换文本)属性描述
http://www.cnblogs.com/zhouweiwei/archive/2009/11/24/1609616.html
从SERP页面的描述信息来看,alt标签中的文字被Google当作文本抽取了。
我看到实验文档中的图片http://sem80.com/labs/fng_alt.htm 没有title属性吧?
Title属性一般给链接<a>用的比较多。可以简要告知告知用户和搜索引擎链向的网页的内容。
呵呵,总体来说,给图片添加alt属性,title属性,将图片的文件名中加入关键词,可以帮助图片被Google图片搜索收录,并获得好的排名,从而帮助网站获得更多的来自图片搜索的流量,当然对常规搜索也有一定的好处。
Bansi兄弟接着帮我分析另外一个有意思的事情吧。
就是关于这条评论,我很怀疑我提交后是不是会被认为是垃圾评论。
因为最近我观察到一个事情,就是我在很多WP博客中提交的评论,评论提交后反应有点异常,我怀疑是被当作spam了。
我分析了一下可能的原因是我的名称、邮箱、网站链接信息太一致了,很像spam。
现在有三点疑问:
1是我以前的评论有没有在你的spam列表中的?
2是这条评论有没有进入spam列表?
3是我刚才谈到了,当三个信息相似度很大时会被疑为spam,你有没有遇到过类似的情况?
而连接的title属性的SEO作用我也是持不乐观的观点,暂时也设计不出实验去验证连接的title属性是否有用。最多能
证明到title属性不能让搜索引擎作为文本分析。
关于spam这个我问题我用的是ablog,后台好像也没有特别的反垃圾规则,之前你的评论从来没有进入过spam列表
,这条也没有进。而且我以前进过别人的wp博客留言也是评论了显示不出来我自己也觉得特别恼人,后来我还特意在后台看了自己的spam设置,因为这个博客评论数量并不高即便有垃圾评论宁愿手动删除也不能让有心的朋友评论不成功。
我不知道wp的spam规则是什么,我看zblog后面有一个记分规则来的,根据那个记分规则去分析应该更合理一些。
001over
我一直以为你的博客用的也是WP。
WP上面有一个专门的反spam的插件Akismet,很强大,也比较敏感。