廊坊市seo培训：网站代码优化方案

网代码优化方案

分析

代码优化，可以提高页面加载速度，减少抓取量浪费。寺库网的html代码 里有很多的自定义属性，使代码量加大，一些标签的嵌套书写有问题，会影响 百度蜘蛛爬行页面。页面代码需要规范化、简化，此次通过对html代码优化， 主要可以提升页面加载速度和抓取率。

此次调整涉及首页、列表页和内容详情页面。页面经过优化后代码量约可 以减少一倍，加载速度也会有明显提升。

同时，针对下拉列表，列表筛选项进行优化，有助于提升列表页面权重。 对内容页面优化有助于页面引导蜘蛛爬行。

问题与解决方案

1.首页

(1)head 部分。

页面上的style,写入样式表里。

(2)body 部分。

比如第21行:

第29行：

第75行:

    注释去掉，不要出现在页面上。
 

①body部分页面上的style。

页面上类似的写在style里面的样式，写入样式表里。

②标签中的属性优化。

这些data和。nclick可以进行优化，在不影响页面效果的前提下，去掉这

些属性。
 

③用＜ base ＞标签代替＜ a ＞标签中的新窗口打开。

对于首页，大部分< a ＞标签的链接需要在新窗口打开页面，那么，没有必要每个链接都写上，启用base target=_blank 可以有效降低代码量。

④热搜词启用短地址。

可以将热搜词后台记录，并采用id形式进行调用，避免因为中文字符encode 后的较长代码。

⑤页面上em的使用。

html中em是强调，这里好像没有起到应有的强调作用，可以把它括 进来。

⑥慎用lazyloado

lazyload可以延迟加载，分为不同的类型，可以使用jquery lazyload先让 图片地址在src中，给src赋占位图，因为jquery的操作是在页面加载后对图片 操作，所以代码里src中还是有地址的。如果先放占位图，那页面很多图片都 是占位图，对SEO的影响还是很大的。

⑦代码书写。

改成一行之后见下图。

（3）页面js合并到js文件中加载

将2616〜2787行中的js放入js文件加载。
 

（4） css

css虽然经过了压缩，但展开看里面还是存在一些问题。

①结束符。

结束符分号“;”要写上。

②合并CSS。

同属性合并，不要重复声明。

css的主要问题是多个class的共同属性，应先共同声明，差异部分独自声 明。同时应节约代码量，可继承的继承，可公用的公用。

2.列表页面

(1)head 部分。

js页面上的放入js文件里。

(2)body 部分。

去掉注释。

（3）列表页面的左侧下拉导航js处理。

内页和首页有所不同，内页多要考虑页面重点内容，而导航上很多分类可 能与本页面的内容不相关，所以需要把导航js化，这样有助于列表页面集权， 同时也减少代码量。

所有品牌区域如下图所示。

图中大量的链接点击也没有反应，可以用js做。

(4)列表筛选项的可视与隐藏。

筛选项有些是包含关键词，需要做排名的产品分类页面。比如：包包〉 女包〉XX品牌女包，这样的筛选分类就需要展示，并需要在html里面显示a 链接。

更多筛选条件用js做，不要出现很多< a＞标签，否则无法点击。

(5)自定义属性的优化。

代码中有一些自定义属性，可以采用json存储，没有必要在每一个<  li>或<  a>里面带很多自定义属性，最多出现< id>,以减少页面存储数据量。

(6)畅销榜html代码输出。

这里需要用html输出，不要js。因为js百度不收录。

3.内容页面

(1)head 部分。

折行、空行去掉。

(2)body 部分。

头部下拉导航js与列表相同。

①避免input存储数据。

可以釆用json存储数据。

②不允许点击就不要用< a＞标签。

③相关模块用html输出。

④清除掉大篇幅的空行与注释。

⑤一些操作后显示的内容用js处理。

沟通在执行过程中尤为重要，建议所有的方案一律用E-mail的形式沟通， 不要釆用QQ的方式，以免出现纠纷；制作过的方案，建议按类型分类，按日 期命名，便于后期复盘或查找。以外链为例，外链的文档如下图所示。

效果

先看看收录(内链)变化，如下图所示。

再看看排名（外链）的变化，三个月的时间，500热词排名在百度首页的 从116个增加至242个，增加了 126个，如下图所示。

最后看看关键词数量和流量的变化（数据来源：爱站），如下图所示。

当然，这个案子能顺利完成，除了项目经理、分析师的艰苦努力，AE完 美的执行力，最关键的还是寺库网SEO负责人全力以赴的配合和推进（甲方的 同学读到此处应该有泪光，甲方推进SEO进度绝对比考状元还要难），在此一 并感谢！

本文：廊坊市seo培训：网站代码优化方案 为一一网络博客发布