方维分享增加列表页图片alt title属性,提高转化率
2012-09-15 19:14
316 查看
方维系统的列表页图片是没有alt title属性,这样不利用搜索引擎对图片的收录,同时很多的朋友会选择在商品下面的说明使用一个评价,这样商品的实际标题就缺少了,访客不清楚这件商品名称是什么,只能看图了解一些,一张美图自然为商品增彩很多,但是没有明确的标题提供给访客,同样缺少了说服力。
那么怎样能够为列表图片加alt title属性呢?
方法:修改列表模板在指定位置添加alt title属性即可;
修改的模板:\tpl\pink2\page\book\book_index.htm
修改的代码:<!--{if $share_img['type'] == 'g'}-->
<li> <a style="width:200px;" href="{$share_img['url']}" target="_blank">
<img class="book_img lazyload" original="{getimg $share_img['img'] 200 999)}" width=200 src="./tpl/images/lazyload.gif" alt="{$share_img['name']}" title="{$share_img['name']}"/> </a>
注意上述在图片<img加了alt="{$share_img['name']}" title="{$share_img['name']}",就是这么简单就出现图片提示标题的效果了,注意下这个有2种图片类型的,一类是商品图片,另一类是上传的图片,2种图片是if关系,需在这2种图片里都修改img为上述格式就可以了。
加alt title属性后的站点列表效果:
看到了吧,鼠标停留在图片上九提示了相应商品的信息,有助于访客参考,同时搜索引擎对图片的理解也有好处,一条评价显示更加具有说服力。
那么怎样能够为列表图片加alt title属性呢?
方法:修改列表模板在指定位置添加alt title属性即可;
修改的模板:\tpl\pink2\page\book\book_index.htm
修改的代码:<!--{if $share_img['type'] == 'g'}-->
<li> <a style="width:200px;" href="{$share_img['url']}" target="_blank">
<img class="book_img lazyload" original="{getimg $share_img['img'] 200 999)}" width=200 src="./tpl/images/lazyload.gif" alt="{$share_img['name']}" title="{$share_img['name']}"/> </a>
注意上述在图片<img加了alt="{$share_img['name']}" title="{$share_img['name']}",就是这么简单就出现图片提示标题的效果了,注意下这个有2种图片类型的,一类是商品图片,另一类是上传的图片,2种图片是if关系,需在这2种图片里都修改img为上述格式就可以了。
加alt title属性后的站点列表效果:
看到了吧,鼠标停留在图片上九提示了相应商品的信息,有助于访客参考,同时搜索引擎对图片的理解也有好处,一条评价显示更加具有说服力。
相关文章推荐
- 方维分享增加列表页图片alt title属性,提高转化率
- img图片标签alt和title属性的区别
- 图片IMG标记的alt属性和title属性的使用
- Dedecms图片加上Alt和Title等属性的修改方法
- 前端开发规范(一):img标签:图片IMG标记的alt属性和title属性
- 网站优化之图片alt和title属性
- 百度ueditor组件上传图片后如何设置img标签里的src、title、alt等属性
- 图片img标签alt与title属性评测实验
- 怎么在图片窗口后台要增加alt 标签和 title 标签输入框。并在栏目页面alt 标签和 title 标签显示出来?
- 图片书写alt和title属性浅谈
- html img图片标签alt和title属性
- 图片IMG标记的alt属性和title属性(转)
- Dedecms 图片加上Alt或Title等属性
- 图片IMG标记的alt属性和title属性(转)
- img图片标签alt和title属性的区别
- Discuz! X3.1 给您贴子里的图片加上ALT和title属性
- 【转】图片IMG标记的alt属性和title属性的使用
- HTML img图片标签alt和title属性
- 有关图片Alt属性
- 图片标签img中alt与title的区别与使用要点