021-56330526 微博 微信

网站代码优化如何优化

作者:夏易网络 时间:2018-08-30 分类:seo常识 评论:评论已关闭 浏览:270

蜘蛛给每一个网站,在一个时间阶段内的时间、蜘蛛数量是大致固定的。同样的时间,爬一个10000行代码的网页,顶10个1000行代码的网页。所以,从理论上讲,如果你现有的网页代码是1万行,如果你能缩减到1000行以内,那么,同等的权重,蜘蛛抓取的网站应该可以提升10倍。

上海优化公司介绍,页面数量几万以内,代码优化的效果体现很慢,多于百万、千万级别的网站而言,代码优化的效果,不管是搜索引擎收录量还是新增UV,都会起到不可思议的效果

分享一则《前端代码标准》,如下:

前端代码SEO标准

  • 代码行数

html代码行数不超过1000行。把代码压缩换行。

  • <a>标签

<a>标签 第1张

2.1 href

避免相对地址产生的多余重定向。

上图中,超链接指向www.tuniu.com/around/会根据cookies重定向到对应城市的URL(例如sh.tuniu.com/around/),此重定向是多余的,会对降低用户打开速度和爬虫的效率。

末尾斜杠请勿丢失。

上图中,如果超链接指向了http://sh.tuniu.com/around,在服务器端正确配置情况下,会引起额外的重定向到http://sh.tuniu.com/around/ ,如果服务器端没有配置正确,则带/和不带/的URL是两个重复页面,会分散该页面的权重。

2.2 锚文本

内容必须精确描述目标网页。

“周边旅游”过于宽泛地描述了http://www.tuniu.com/around/这个页面的内容,请使用更加精确的文字,例如“上海周边旅游”。

避免a标签中多余的html代码。

a标签中只可以出现文字或者图片,不允许出现其他html代码,图中锚文本多了一个span标签。

2.3 title

取消所有的title

2.4  class/id

对于链接样式,请使用样式继承,a标签上不允许出现class和id。

、<img>标签

3.1 alt

  1. 小图标不需要alt属性
  2. alt属性的内容必须与图片内容相符合,如无法调用到相关的替代文字,则不写alt属性。
  3. 不允许出现空的alt属性
    • title不需要任何title属性。

四、<h1>-<h6>标签

4.1 headline位置

headline标签应当被用在页面正文中,而不出现在噪音区。图中为错误的用法,在页面侧边栏(非正文)中不需要使用h标签

 headline位置 第2张

 

4.2. headline内容

必须和页面主题内容相关。图中为错误的用法,在页面已经有h1的情况下,又出现了多余的h1,页面中只使用H1和H2,并且H1只能有一个

线路页http://nb.tuniu.com/tours/355831

外置 第3张

五、CSS/Javascript

5.1 压缩:开启Gzip压缩文本资源。

5.2 外置

在输出的html代码中不要出现css和js代码,会大幅度提高页面体积。

外置 第4张

六、空行,空格,注释

发布前压缩删除代码中的空白,注释等无意义内容。如图,大段的空白。

发布前压缩删除代码中的空白,注释等无意义内容 第5张

七、举例说明:以/scenery/页面为例,基础改进如下:

1、所有的a标签后面所跟的必须是对SEO有价值的链接

从460行到1050行,这部分代码对于SEO完全没有价值,这部分代码应当通过异步加载实现,所有类似 <a href=”javascript:;” themeid=”100103″>博物馆</a> 均改为异步加载,同时检查一下整站的Nofollow,对于集中出现的Nofollow片区的代码(例如底部通用文字)也采用异步加载

2、删除所有的空行

3、删除所有值为空的码,例如alt=””

4、P标签全部改写为DIV的形式

5、删除所有a标签中的title

6、只是用H1和H2,H1每个页面有且只有一个,跟本页SEO诉求一直,H2标签必须是围绕SEO诉求的,删除所有H3及以下的代码。极致改进样例,如www.8684.cn

7、不直接发布代码,写一个小脚本,删除代码中所有的空行空格和注释再进行发布。

 

本文来自:http://www.xiayiseo.com/, 上海seo优化公司

转载请保留本文地址: http://www.xiayiseo.com/seochangshi/1015.html,除特别声明,本站内容均为原创!