友情提示:同学您好,此页面仅供预览,在此页面学习不会被统计哦! 请进入学习空间后选择课程学习。

    任务4.1   图片ALT属性优化

    一、任务描述

    你发现睿通酒店网站的图片很多,但是基本没有文字说明,这也是搜索引擎排名不高的原因,为了让“蜘蛛”程序更好地来捕捉信息,你决定对网站的所有图片来做优化。

    二、操作步骤

    第一步:观看“图片ALT属性优化”教学视频



    第二步:学习电子课件——“图片ALT标签属性”


    第三步:完成学习任务单

    三、推荐资源

    第一步:阅读校本教材——“图片ALT属性优化”章节


    第二步:查阅参考图书

    添加alt属性

    ALT属性

    第三步:浏览参考网址

    A5站长网

    站长之家

    新网

    万网

    SEO优化建议

    第四步:学习拓展知识


    织梦CMS5.7版自动给图片添加alt属性的方法


     搜素引擎看不懂图片,通过给图片添加alt属性,有助于搜索引擎判了解这是一张什么图片,利于搜索引擎优化,在seo优化中,图片ALT属性描述很重要,图片alt属性就是对图片进行描述的文字。描述中可以加入网站的关键词,来增加关键词密度,当搜索引擎来爬取页面的时候,图片的描述也可以更好的帮助搜索引擎对图片进行理解,利于网站的排名。做好了图片的alt属性无论是对搜索引擎的爬取还是用户体验都是有利无害的,所以我们一定要重视图片alt属性。

      织梦本身没有批量添加或自动替换图片alt描述的功能,而使用织梦建站的朋友都有很多采集来的文章,大部分图片都没有alt属性,非常不利于SEO优化,手工添加又太费时费力,怎么办呢?下面YYCYS知识网就以织梦5.7为例介绍下怎么给你网站所有文章里的图片自动添加ALT属性,其他版本应该也可以,网上这一类的教程很多,网友在5.3/5.5版测试通过,5.6没试过,本文教程在织梦最新版5.7测试通过:
    织梦5.7版自动给图片添加alt属性具体解决方法:

      一. 找到网站Include目录下的arc.archives.class.php 文件并打开
      (模板标签:{dede:field.body/} ,如果是其它字段,可以修改$this->Fields['body'] 为其它的字段名。)

      二. 用组合键 Ctrl+F 查找下面的这段代码

       

     

    1
     2
     3
     
     

     
     

    //设置全局环境变量 
     
    $this->Fields['typename'] = $this->TypeLink->TypeInfos['typename']; 
     SetSysEnv(
    $this->Fields['typeid'],$this->Fields['typename'],$this->Fields['aid'],$this->Fields['title'],'archives');

     

      三. 在以上代码下面添加以下代码即可

       

     

    1
     2
     3
     4
     
     

     
     

    //替换图片Alt为文档标题 
     
    $this->Fields['body'] = str_ireplace(array('altalt=""','alt=\'\''),'',$this->Fields['body']); 
     
    $this->Fields['body'] = preg_replace("@  [\s]{0,}alt[\s]{0,}=[\"'\s]{0,}[\s\S]{0,}[\"'\s] @isU"," ",$this->Fields['body']); 
     
    $this->Fields['body'] = str_ireplace("<img " ,"<img alt='".$this->Fields['title']."' ",$this->Fields['body']);

     

      YYCYS温馨提示:这一步做一点补充,大家注意看下这段代码

       

     

    1
     
     

     
     

    <img alt='".$this->Fields['title']."'

     

      如果文章标题是 “新手如何推广网站” 则生成后的文章内图片的img属性就是 ,我将其改为了下面的这段代码,使其实现图片ALT属性样式为 alt=”新手如何推广网站_YYCYS.COM” ,这里的 _YYCYS.COM 可以用你网站的主推关键词或网址来替换。

       

     

    1
     
     

     
     

    <img alt=\"".$this->Fields['title']."_YYCYS.COM\"

     

      这里是alt属性的替换规则,默认是替换为文章的标题,稍微转换下思路,其实也可以用tag标签或别的文章属性来代替。

    四. 由于使用了正则处理,会降低一些生成速度,如果数据量小,则可以忽略。


    第五步:阅读相关文献 

    浅谈网站优化之图片优化

    HTML <area> 标签的 alt 属性

    网站图片ALT属性使用教程

    四、任务练习