下拉选择
数据统计:114个主题分类,4536个优秀站点,672篇文章;
当前位置:91分类目录,网站目录,网站分类,网站收录,免费收录网站 » 站长资讯 » 最新资讯 » 文章详细
 
 
QQ在线咨询
售前咨询热线
QQ:97880907
售后咨询热线
QQ:97880907

网站代码优化方案

来源:91导航 浏览:47次 时间:2020-08-13
网代码优化方案
分析
代码优化,可以提高页面加载速度,减少抓取量浪费。寺库网的html代码 里有很多的自定义属性,使代码量加大,一些标签的嵌套书写有问题,会影响 百度蜘蛛爬行页面。页面代码需要规范化、简化,此次通过对html代码优化, 主要可以提升页面加载速度和抓取率。
此次调整涉及首页、列表页和内容详情页面。页面经过优化后代码量约可 以减少一倍,加载速度也会有明显提升。
同时,针对下拉列表,列表筛选项进行优化,有助于提升列表页面权重。 对内容页面优化有助于页面引导蜘蛛爬行。
问题与解决方案
1.首页
(1)head 部分。
廊坊市seo培训:网站代码优化方案
页面上的style,写入样式表里。
(2)body 部分。
比如第21行:
廊坊市seo培训:网站代码优化方案
第29行:
廊坊市seo培训:网站代码优化方案
第75行:
廊坊市seo培训:网站代码优化方案
    注释去掉,不要出现在页面上。
 
①body部分页面上的style。
廊坊市seo培训:网站代码优化方案
页面上类似的写在style里面的样式,写入样式表里。
②标签中的属性优化。廊坊市seo培训:网站代码优化方案
这些data和。nclick可以进行优化,在不影响页面效果的前提下,去掉这
些属性。
 
③用< base >标签代替< a >标签中的新窗口打开。
廊坊市seo培训:网站代码优化方案
对于首页,大部分< a >标签的链接需要在新窗口打开页面,那么,没有必要每个链接都写上,启用base target=_blank 可以有效降低代码量。
④热搜词启用短地址。
廊坊市seo培训:网站代码优化方案
可以将热搜词后台记录,并采用id形式进行调用,避免因为中文字符encode 后的较长代码。廊坊市seo培训:网站代码优化方案
⑤页面上em的使用。
廊坊市seo培训:网站代码优化方案
html中em是强调,这里好像没有起到应有的强调作用,可以把它括 进来。
⑥慎用lazyloado
lazyload可以延迟加载,分为不同的类型,可以使用jquery lazyload先让 图片地址在src中,给src赋占位图,因为jquery的操作是在页面加载后对图片 操作,所以代码里src中还是有地址的。如果先放占位图,那页面很多图片都 是占位图,对SEO的影响还是很大的。
⑦代码书写。
改成一行之后见下图。
廊坊市seo培训:网站代码优化方案
(3)页面js合并到js文件中加载
廊坊市seo培训:网站代码优化方案
将2616〜2787行中的js放入js文件加载。
 
(4) css
css虽然经过了压缩,但展开看里面还是存在一些问题。
①结束符。
廊坊市seo培训:网站代码优化方案
结束符分号“;”要写上。
②合并CSS。
廊坊市seo培训:网站代码优化方案
同属性合并,不要重复声明。
css的主要问题是多个class的共同属性,应先共同声明,差异部分独自声 明。同时应节约代码量,可继承的继承,可公用的公用。
2.列表页面
(1)head 部分。廊坊市seo培训:网站代码优化方案
js页面上的放入js文件里。
(2)body 部分。
廊坊市seo培训:网站代码优化方案
去掉注释。
(3)列表页面的左侧下拉导航js处理。
内页和首页有所不同,内页多要考虑页面重点内容,而导航上很多分类可 能与本页面的内容不相关,所以需要把导航js化,这样有助于列表页面集权, 同时也减少代码量。
所有品牌区域如下图所示。
廊坊市seo培训:网站代码优化方案
图中大量的链接点击也没有反应,可以用js做。
(4)列表筛选项的可视与隐藏。
筛选项有些是包含关键词,需要做排名的产品分类页面。比如:包包〉 女包〉XX品牌女包,这样的筛选分类就需要展示,并需要在html里面显示a 链接。廊坊市seo培训:网站代码优化方案
更多筛选条件用js做,不要出现很多< a>标签,否则无法点击。
(5)自定义属性的优化。
廊坊市seo培训:网站代码优化方案
代码中有一些自定义属性,可以采用json存储,没有必要在每一个<  li>或<  a>里面带很多自定义属性,最多出现< id>,以减少页面存储数据量。
(6)畅销榜html代码输出。
这里需要用html输出,不要js。因为js百度不收录。
3.内容页面
(1)head 部分。
折行、空行去掉。
(2)body 部分。
头部下拉导航js与列表相同。
①避免input存储数据。
廊坊市seo培训:网站代码优化方案
可以釆用json存储数据。
②不允许点击就不要用< a>标签。
廊坊市seo培训:网站代码优化方案
③相关模块用html输出。
廊坊市seo培训:网站代码优化方案
④清除掉大篇幅的空行与注释。
廊坊市seo培训:网站代码优化方案
⑤一些操作后显示的内容用js处理。廊坊市seo培训:网站代码优化方案
沟通在执行过程中尤为重要,建议所有的方案一律用E-mail的形式沟通, 不要釆用QQ的方式,以免出现纠纷;制作过的方案,建议按类型分类,按日 期命名,便于后期复盘或查找。以外链为例,外链的文档如下图所示。廊坊市seo培训:网站代码优化方案
效果
先看看收录(内链)变化,如下图所示。
廊坊市seo培训:网站代码优化方案
再看看排名(外链)的变化,三个月的时间,500热词排名在百度首页的 从116个增加至242个,增加了 126个,如下图所示。
廊坊市seo培训:网站代码优化方案
最后看看关键词数量和流量的变化(数据来源:爱站),如下图所示。
廊坊市seo培训:网站代码优化方案

推荐站点

  • 赣州客家新闻网赣州客家新闻网

    客家新闻网,赣州本地新闻和其他各种新闻信息,赣州旅游、 赣州美食以传播客家文化、弘扬客家精神为己任,赣州今日新闻及贴近赣州人民的民生资讯热点等有价值信息,让世界了解赣州,提供各地客家资讯!

  • 百度百度

    全球最大的中文搜索引擎、致力于让网民更便捷地获取信息,找到所求。百度超过千亿的中文网页数据库,可以瞬间找到相关的搜索结果。

  • 天猫tmall.com天猫tmall.com

    天猫,中国线上购物的地标网站,亚洲超大的综合性购物平台,拥有10万多品牌商家。每日发布大量国内外商品!正品网购,上天猫!天猫千万大牌正品,品类全,一站购,支付安全,退换无忧!理想生活上天猫!

  • 京东(JD.COM)京东(JD.COM)

    京东JD.COM-专业的综合网上购物商城,销售家电、数码通讯、电脑、家居百货、服装服饰、母婴、图书、食品等数万个品牌优质商品.便捷、诚信的服务,为您提供愉悦的网上购物体验!

  • 58同城58同城

    58同城茂名分类信息网,为你提供房产、招聘、黄页、团购、交友、二手、宠物、车辆、周边游等海量分类信息,充分满足您免费查看/发布信息的需求。茂名58同城,专业的分类信息网。