西安网站建设 | 西安网站制作 | 西安网站设计 | APP开发 | 兄弟网络 - 西安网站建设十余年经验,值得信赖!
了解市场新观点,内部案例剖析,增强服务意识与专业水平。

网站结构优化实用方法及建议

来源:西安网站制作   日期:2015-06-03 13:53:15   点击:766
网站结构优化实用方法及建议
       一、 什么样的网站最利于蜘蛛的爬行。
      <h1>主题</h1> <h2>次主题</h2> <h3>下级主题</h3>我认为网站代码结构好才是最利于蜘蛛的爬行的
      做内链的关键词最好是与网站主题有关的词语.。
2.22日讲课记录--网页瘦身,代码优化
       我们大家都知道,网页设计无论是基于那种语言都是两种布局方式和架构:
       一是:table做的;二是:div+css做的
       然而这两种架构也不是绝对的互斥的,也有出现你中有我,我中有你的情况。
       为什么要网页瘦身呢?
       原因是,搜索引擎本身的资源是有限的,在一定的时间内他的存储空间也是有限的。
       如果一个页面是2k相比一个将1m的页面来说,2k的页面存储500个的空间,只能放一个1m的页面。

       鉴于对搜索引擎的考虑,我们应该让他减轻负担.还有就是:
      1,尽可能的减少数据的数据的传输量。
      2,尽可能的减少数据的传输频率、
      如果可以做到这些,那么:

      1,提高网页的下载速度
      2,降低服务器使用的资源
      3,提高网络带宽利用率
      首先我们会把注意力放在导致速度下降的最大因素上:图片,二进制文件上。这固然重要,但是优化html代码,css代码和javascript也是相当重要的 

      但是,我们常常忽略了这一点。
      我们了解一个典型的网页加载流程是:
      首先(x)html文件最先浏览器读到,然后加载到内存中,因为这个文件决定了整个网页中其他文件的关系,一般情况下,我们称这个为主文件(host document)浏览器一旦加载完成这个文件,便开始解析各种markup了 在从文件顶部开始向下解析的过程中,会同时发出一系列的相关对象的请求,包括外部脚本,样式表单,flash等其他元素。而这些css和javascript则有可能继续触发一些相对图片和脚本资源的请求。
       从这了可以看出主文件的重要性,如果能把他尽可能快的传给浏览器,浏览器就可能先一步解析。所以第一步,需要对主文件进行优化,减肥。如何优化传输,我们的基本方法是:
      是什么?
      减少空白区域,精简css和javascript
      1,出去空白区域,一般而言,空白区域(空格,制表符,换行符等)都可以安全删除,但要避免修改pre,textarea,及受css属性中white-space影响的标签。
      我还有一个建议就是,这些代码在优化前,大家留一个备份,因为毕竟有空白区域的代码,我们看起来比较舒服,不至于是我们的眼睛太累,可能我们后期还要对优化的过的代码进行再操作
      2,出去注释,除了在客户端给ie和doctype声明的注释,几乎所有的注释都可以k掉,毫无顾虑
      3,使用短格式的颜色表示,我们常常在用颜色的时候喜欢用16进制和全颜色名称,认为这样比较精确,但我们要尽可能根据实际情况使用短格式的颜色表示
如:#ff0000,其实就是red
      4,用短格式的字符表示。和最短颜色表示一样,一些名称可以用最短字符来表示,我们可以用较短的数字来代替某些长长的字母。
      5,除去无用的标签。有些无用的标签,比如使用了多次的重复标签或者某些编辑器里面用做广告的meta标签,都可以安全地去掉
      css优化,css也有一套成熟而有简单的方法。实际上,时下大多数的css都较(x)html更容易压缩。
      1,除去css中的空白区域。相比html来,css对于空白区域没有那么敏感,所以除去空白区域可以极大地减少css文件和style样式表的区域大小
      2,除去css注释,如同除去markup代码中的注释一样,由于css的注释对普通的最终用户来说并没有什么使用价值,使用应该除去。
      不过,如果考虑到较低级的浏览器,则css中的style标签中的屏蔽注释信息不可以除去。使用短格式表示颜色,同上,不再重复
      3,对css的规则进行合并,如这短代码:

      p{font-size:36pt;
      font-family:aral;
      line-height:48pt;
      font-weight:bold;}
      可以这样写:p{font:bold 36pt/48pt arial;}
      这样的话,数据量顿时就见效了许多。这些都我们可以注意到,而又没有在意的方面,seo就是细节,细节决定成败
      4,对类和id重命名。多id重命名,要注意,不要出错
      许多时候我们为了程序编写的需要,总是把名字写的有意义自己能理解,但是这样无疑长了很多,这个大家自己看着改吧
      javascript优化
      javascrpt对与网站的作用越来越大,我们不得不注意的他功效了。
      这些代码许多时候非常笨重,数据量较大。
      目前搜索引擎还不能解析javascript,但众多的java脚本影响的网站的速度,这更多的是处于用户体验考虑了
      我在这里就简单说一下,有兴趣的朋友可以去深挖度
      跟css一样,除去javascript注释,除去javascript空白区域
      去除javascipt的空白区域的时候,要注意程序的完整性,不要导致运行出错

      文件方面的优化
      一些站点通常含有用户通过url无法访问的文件。<img src="../../../imges/subheaderabout.gif">
      既然这些文件从来不会被访问到,考虑到下载速度,可以改成<img src="/0/a.gif">这种形式
      这样看着就舒服多了,下载也快多了
      重构<script>和<style>调用方式 来优化请求次数
      我们常常看到:<script src="/scripts/rollovers.js"></script>
      <script src="/scripts alidation.js"></script>
       <script src="/scripts/tracking.js"></script> 
       可以改成这样的<script src="/0/g.js"></script>其中g.js包含了所有供全局使用的函数。 
       讲到这里,可能大家都感觉这些东西都太专业,让你感觉云里雾里的,理论永远是灰色的,我上面说的,优化的最高境界了,但我常常发现的是:我们的网站里面结构混乱,页面有各种css样式的定义,还有大量的java脚本出现,我觉得最简单的瘦身方式,就是把重复使用的css样式定义出来,放到css文件里面,把java脚本也放到一个文件里面,让你的页面看着比较整洁,尽量多的突出主题,降低网页的信噪比
       还有,对seo优化而言,用div+css可以更好布局网站的架构,
       把你想要展示的东西把代码的上方
       搜索引擎都是从上往下看的,累了就不看了
       就是代码靠前 显示的内容却未必再前面 这样搜索引擎先看 前面的
       div就是可以根据自己的需要进行定位的 
上一篇:什么是长尾关键词?     下一篇:网站建设的八个优化建议
扫码立即沟通
公众号加关注
版权所有:西安兄弟信息科技有限公司 陕ICP备07012704号-1   地址:陕西省西安市未央区凤城三路10号凤凰新城3号楼14F    
关闭
029-86512630 工作:8:30-17:30

*