方维分享吧 关注:183贴子:597

方维分享增加列表页图片alt title属性,提高转化率

只看楼主收藏回复

方维系统的列表页图片是没有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属性后的站点列表效果:

看到了吧,鼠标停留在图片上九提示了相应商品的信息,有助于访客参考,同时搜索引擎对图片的理解也有好处,一条评价显示更加具有说服力。



1楼2012-07-20 14:11回复
    你好,照你的步骤,<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>
    结果网站没有出现变化,你看一下,我哪个地方改的不对


    2楼2012-08-17 15:23
    收起回复
      我的乾坤人生用了这个方法成功了。非常感谢楼主的分享!


      IP属地:山东3楼2012-09-22 20:11
      回复


        11楼2014-05-31 11:18
        回复


          12楼2014-05-31 11:19
          回复


            13楼2014-05-31 11:20
            回复


              14楼2014-05-31 11:22
              回复


                15楼2014-05-31 11:38
                回复


                  16楼2014-05-31 11:39
                  回复


                    17楼2014-05-31 12:44
                    回复


                      18楼2014-05-31 12:46
                      回复


                        19楼2014-05-31 12:47
                        回复


                          20楼2014-05-31 12:50
                          回复