当前位置:100EC>信息图>图片img标签alt与title属性评测实验

全国疫情数据

{{dataList.mtime}}
  • 确诊

    {{dataList.gntotal}}

  • 疑似

    {{dataList.sustotal}}

  • 死亡

    {{dataList.deathtotal}}

  • 治愈

    {{dataList.curetotal}}

图片img标签alt与title属性评测实验
发布时间:2012年07月25日 10:40:31

(电子商务研究中心讯)  SEO优化是慢工也是细活。细节做的好,如鱼得水,做的不好,举步维艰。做SEO优化的都知道,搜索引擎对图片理解是通过alt属性,所以在图片alt属性中用包含关键字的简要文字说明,也是页面优化的一部分。如果想要做的更好,可以在title属性里,进一步对图片说明,相关知识点SEO优化在《图片优化方法|百度图片优化》文章里有详细说明。今天SEO优化就和大家分享图片img标签alt与title属性评测实验。

  图片img标签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标签alt与title属性评测实验结果

  图片地址出错,没有限定图片大小情况

  一、图片只有alt属性

  1、IE6 浏览器图片显示打叉与alt文字,鼠标移到图片上方有alt文字;

  2、360 浏览器5.1测试版(IE8 内核)图片显示打叉与alt文字,鼠标移到图片上方有alt文字;

  3、火狐12.0 浏览器图片显示alt文字,鼠标移到图片上方没有alt文字;

  二、图片只有title属性

  1、IE6 浏览器图片显示打叉,鼠标移到图片上方有title文字;

  2、360 浏览器5.1测试版(IE8 内核)图片显示打叉,鼠标移到图片上方有title文字;

  3、火狐12.0 浏览器显示破损图片标志,鼠标移到图片上方有title文字;

  三、图片有alt和title属性

  1、IE6 浏览器图片显示打叉与alt文字,鼠标移到图片上方有title文字;

  2、360 浏览器5.1测试版(IE8 内核)图片显示打叉与alt文字,鼠标移到图片上方有title文字;

  3、火狐12.0 浏览器显示alt文字,鼠标移到图片上方有title文字;

  图片地址正常,并且限制图片大小情况

  一、图片只有alt属性

  1、IE6 浏览器图片显示正常,鼠标移到图片上方有alt文字;

  2、360 浏览器5.1测试版(IE8 内核)图片显示正常,鼠标移到图片上方有alt文字;

  3、火狐12.0 浏览器图片显示正常,鼠标移到图片上方没有alt文字;

  二、图片只有title属性

  1、IE6 浏览器图片显示正常,鼠标移到图片上方有title文字;

  2、360 浏览器5.1测试版(IE8 内核)图片显示正常,鼠标移到图片上方有title文字;

  3、火狐12.0 浏览器图片显示正常,鼠标移到图片上方有title文字;

  三、图片有alt和title属性

  1、IE6 浏览器图片显示正常,鼠标移到图片上方有title文字;

  2、360 浏览器5.1测试版(IE8 内核)图片显示正常,鼠标移到图片上方有title文字;

  3、火狐12.0 浏览器图片显示正常,鼠标移到图片上方有title文字;

  SEO优化总结图片img标签alt与title属性评测实验

  alt和title都是提示性语言标签,它们之间是有区别的。alt是当图片不存在时的替代文字;title是对图片的描述与进一步说明;在使用360 浏览器5.1测试版(IE8 内核)看只有alt属性的图片没有显示,而测试过程却能显示,这是让SEO优化困惑的,如果有知道的朋友麻烦告知,谢谢。而火狐12.0 浏览器alt属性是不显示的,只显示title属性;在ie6,当鼠标经过图片时title和alt的值都会显示。如果alt和title属性同时存在,显示的是title值。

  SEO优化扩展补充:alt属性一般用于图片提示,title还可以用于给普通文字或者链接文字提示。

  一般用法如下代码:

  <html>

  <body>

  <p>< title="给普通文字提示">文字</p>

  <a href="http://www.**.org/" title="给链接文字提示">文字</a>

  </body>

  </html>(编选:中国电子商务研究中心)

网经社电商大数据库“电数宝”(DATA.100EC.CN)基于电商行业12年沉淀,包含66+上市公司数据库、53+新三板公司数据库、150+独角兽数据库、200+千里马数据库、4000+投融资数据库以及10万+创业项目数据库,全面覆盖“头部+腰部+长尾”电商。适用于电商从业人员、研究人员、创投人士、政府人士、高校师生、商家卖家等,旨在通过数据可视化形式帮助了解电商行业,挖掘行业市场潜力,助力企业决策,做电商人研究、决策的“好参谋”。

【版权声明】秉承互联网开放、包容的精神,网经社欢迎各方(自)媒体、机构转载、引用我们原创内容,但要严格注明来源网经社;同时,我们倡导尊重与保护知识产权,如发现本站文章存在版权问题,烦请将版权疑问、授权证明、版权证明、联系方式等,发邮件至law@netsun.com,我们将第一时间核实、处理。

Document
免费提交申请
×
行业

请选择行业!

姓名

请输入姓名!

部门/职务

请输入部门/职务!

公司/平台

请输入公司/平台!

地址
邮箱

请输入正确邮箱!

手机

请输入正确手机!

验证码

请输入验证码!

您申请电商人精英俱乐部后,视为您同意网经社通过邮件/短信方式向您推送的相关资讯,我们将严格保护您的权益及个人信息,如您不需要此服务,可以联系我们取消。

【关键词】alttitleSEO优化
【原创报告】 更多>
《2021年3月电子商务用户体验与投诉监测报告》
《2021年3月中国电子商务行业投融资数据报告》
《2021年2月电商APP月活数据报告》
《2020年度中国电子商务用户投诉监测报告》
《2020年度汽车电商消费投诉数据报告》
《2020年度潮流电商消费投诉数据报告》
《2020年度母婴电商消费投诉数据报告》
《2020年度运动健康消费投诉数据报告》
【最新原创】 更多>
        平台名称
        平台回复率
        回复时效性
        用户满意度