当前位置:100EC>信息图>图片img标签alt与title属性评测实验
图片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>(编选:中国电子商务研究中心)

近日,电商行业唯一入选“一带一路”TOP10影响力社会智库——电子商务研究中心发布了半年一度的《2018(上)中国网络零售市场数据监测报告》(PPT下载:www.100ec.cn/zt/18wlls)。报告对上半年中国网络零售市场及移动、社交、农村、生鲜、母婴、精品、品牌等热门细分行业进行解读,重点跟踪: 1)综合电商:天猫、京东、拼多多、苏宁易购、唯品会、国美、亚马逊中国、当当、一号店等。2)母婴电商:宝宝树、蜜芽、贝贝、红孩子、宝贝格子、美囤妈妈等。3)生鲜电商:盒马鲜生、每日优鲜、本来生活、顺丰优选、易果生鲜、沱沱工社等。4)跨境电商:天猫国际、网易考拉海购、京东全球购、淘宝全球购、小红书、洋码头、达令、丰趣海淘等。5)社交电商:云集微店、拼多多、有赞、蘑菇街、美丽说等。6)精品电商:网易严选、小米有品、淘宝心选、京东京造等。7)农村电商:农村淘宝、云农场、一亩田、链农、美菜等。8)互联网品牌:韩都衣舍、茵曼、裂帛、御泥坊、三只松鼠、良品铺子、百草味、新农哥、小狗电器、小熊电器等。

【关键词】alttitleSEO优化
股票名称/代码
$/总资产
$/营收
$/净利润
  • 阿里巴巴BABA.US
  • 1092亿
  • 385亿
  • 94.5亿
  • 京东JD.US
  • 282.6亿
  • 557.4亿
  • 7.7亿
  • 唯品会VIPS.US
  • 583.2亿
  • 112.2亿
  • 0.4亿
  • 宝尊电商BZUN.US
  • 4.60亿
  • 6.40亿
  • 0.3亿
  • 聚美优品JMEI.US
  • 7.60亿
  • 8.90亿
  • -0.06亿
  • 寺库SECO.US
  • 3.60亿
  • 5.80亿
  • 0.03亿