扫描关注网站建设微信公众账号

微信二维码

当前位置:济南网站优化 > 技术洞察 > SEO > 干货分享网站PC端代码精简及标签优化技巧

干货分享网站PC端代码精简及标签优化技巧

时间:2020-07-01•16:52:38文章来源:网站代码优化文章作者:SEO优化
在《网站移动端响应及时的3大秘诀分享》中我们介绍移动端网站如何通过精简页面,删除冗余代码来完成页面代码的优化。对于PC端网站来说,如果没有一套成功的模版去做内容和链接优化,那就有必要对网站的代码和标签做一些处理,一来可以提高网站的加载速度和用户体验,二来恰当的使用权重标签,能向搜索引擎传递友好性。要做到这些需要从以下五个方面入手。

精简网站代码影响排名吗

 

代码精简技巧

1、代码合并
这里代码的合并针对的是css、js文件,目的是通过减少文件大小,方便管理的同时加快下载速度。一般的JS及CSS不建议在html模版中写入,最好是新建一个JS或CSS文件,然后把JS或CSS内容放入,在调用这个CSS或JS文件即可。
Css文件精简秘诀:
1)属性的简写,多个属性合并到一组属性中,并用逗号分隔开。例如:
将 #bd{font-size:12px;color:#333;margin:10px 10px 10px 10px;}
#ab{font-size:12px;color:#333;margin:10px 10px 10px 10px;
改为#bd, #ab{font-size:12px;color:#333;margin:10px ;}
2)css调用放在页面的最前面。
3)采用css sprite技术合并图片。即将网页中一些背景图片整合到一张图片文件中减少加载请求次数,从而提高网页的加载速度。
 
减少使用JS的次数可以提升网页的打开速度,这就需要合并相同页面下的js,比如将广告联盟的JS整合到一个JS。JS的精简秘诀:
1)将网页的公共部分转换为脚本并存于JS文件里,比如 <h1>seo教程</h1>转换成脚本为:document.write("<h1>seo教程</h1>");避免将导航等优化的关键代码转换成JS,否则搜索引擎搜索不到。合并相同域名下的js,通过减少网络连接次数从而提高网页的打开速度。
2)简化JS中的函数名称和变量。例如,Google里面的函数名称只有1个或者2个字符。
3)建议将JS放在页面最后,外部调用js文件。
3)利用LazyLoad(延迟加载)技术,延迟加载长页面中的图片,在浏览器可视区域外的图片不会被载入,直到用户将页面滚动到它们所在的位置。
 
2、删除冗余代码
1)注释少量使用 
注释用来说明代码的意义,但对于搜索引擎而言,它们是不存在任何意义的,可以直接省略
2)删除网页中的多余的回车或空格。按照自己的代码书写习惯做适当保留。比如在上下级之间用两个空格。
 
3、网页压缩和静态资源缓存
1)启用服务器Gzip功能。对页面Gzip压缩,减少元素的体积,从而减少数据的传输,进而提高网页的加载速度,GZIP压缩一般能对网页进行30%-80%的压缩,是最重要的一种优化效果。
2)设置浏览器缓存。css、js等不太经常更新的静态文件会自动缓存在浏览器端。这样同一访客再次访问你的网站的时候,浏览器就可以从缓存中获取css、js等,而不必每次都从你的服务器读取,这样在一定程度上加快了网站的打开速度,又可以节约你的服务器流量。在CSS/JS中设置缓存时间,比如(?ver=20141015)可以帮用户更新文件。
 
4、用Div+CSS形式代替table布局网页
相对于p+css布局的精简代码网站来说,table布局很方便,但有明显的弊端,就是table的占位比较大,多层表格的嵌套会提升页面体积,嵌套层数严重的话会影响到搜索引擎的爬取,进而影响站点的收录。所以,在建站时候,尽量是少用表格,并且避免嵌套。
5、 权重标签的使用
典型的权重标签H1,strong,nofollow标签等。在这些地方用好关键词,可以提升排名。
1)H标签。注重完整性,有H2-H6的页面必须要有H1。H1标签表明该页面的主题,通常在标题里面。h1标签中使用的关键词,可以是页面的主关键词或品牌词。但不可添加太多H标签。  
2)strong标签。一般用于文章段落中的重点词汇。与B标签不同,strong形式的文字加粗会告诉搜索引擎该部分文字比较重要。
3)nofollow的使用。nofollow标签是用在a标签里面,比如源代码里面<a href="#"  target="_blank" rel="nofollow">###</a>是告诉搜索引擎可以抓取该页面,但是不传递权重,集权的一种方法。一般用在不信任的外部链接上。

上一篇:从seo角度看网站导航设计

下一篇:seo经验共享之页面关键词密度全解读

文章关键词
代码优化
优化技巧
标签优化
代码精简
网站PC优化