seo优化在网站中的代码优化

 
有句话说:方向不对,努力白费,其实这句话用在SEO优化里也是一样的,网站的基础结构优化没做好(包括代码优化)真的会让网站事倍功半,甚至效果极差。
 
之前站长有一个朋友的网站,建站时问我某里云的建站系统功能那么多,才一万块钱,特别方便,我说你要是网站只是给现有客户看看那就可以用,要是想通过这个网站获取流量,那我建议还是用别CMS比较好。
 
后来对方还是选择了用阿里云,上线后一年发了200篇原创文章,收录了6条···
 
回到正题
 
seo优化在网站中的代码优化主要需要注意以下几方向的内容:
 
1、布局技术
远古的网站很多都是用Table来做的网页布局,一个table套在一个td里使用,这样做最真观的效果就是网页内容必须等一个完整的table加载完后才显示出来,用户体验就更慢。现在搜索引擎主推DIV+CSS的布局方式,代码更简洁,响应速度更快。
 
2、页面大小
尽可能缩减页面的大小,现在通常爬虫的承载都可以到200K的数据,降低页面大小可以有效地提升网站响应速度。下图是在程序中配置的服务器压缩,可以很有效的压缩80%以上的大小,一般都是Gzip压缩。同时页面大小也和CSS和js、img文件有关,后面接着说明。
 
代码优化页面压缩大小
做压缩前


seo压缩
压缩后

 
3、图像优化
网站的响应同时也包括图像的显示,当我们访问网站时网站的加载顺序是:html>css>js>img,所以有时候我们会看到一个网站已经显示出来了,但图像还在慢慢地刷新,这就是图像过大导致的加载缓慢,同时搜索引擎的抓取也会抓取部分图片,如果图像过大,则抓取会变慢。
 
SEO图像优化
 
网页因为是放在浏览器里展示的,一般来说支持72dpi的图像就足够清晰了(图片类网站除外),这是一个标准的参考值。
 
同时,记得给图像加个alt便签,因为搜索引擎还无法识别图片内容,只能告诉它这是什么。
 
4、建议使用h1、h2、h3...等这样的标签,可以可以让搜索引擎知道哪里重要,哪里次要,有利于页面权重的识别。

h1标签在网站优化中的应用
 
5、javascript内容的使用
网站中特效少不了js,它能使网站展示更丰富、有冲击力,但使用js时需要注意:
 
搜索引擎是不识别js的,所以大家在搭建网站的时候需要考虑是否要使用js技术展示来建站,比如VUE框架,这个用来做网站就不适合。适合的一些类型有(应用管理系统、小程序、网页直播系统、及各类系统),一般展示用的官网或营销型网站还是要以html+div为主。
 
同时,js最好是分类放置好,插件为单独文件、调用文件统一放在一个js文件里。非常不建议使用智能化建站系统,比如某里云、wordpress等,wp的自定义布局拖拽生成的页面真的会生成很多js代码镶嵌在网页中。(会wp优化的大神请忽略这条)
 
jjs文件在代码优化中的使用
 
最后,很多时候使用一些模板,需要注意检查一下js文件,看是否有使用远程调用其它的类库(css也是一样),另一方面是要检查是否有一些奇怪的代码混在里面。
 
有条件可以将js文件压缩一下,比如一些js插件文件里就包含了调试代码,那个是没用的,可以删除。如果文件特别大,也可以将文件整体进行压缩(站长倒是没这个习惯,毕竟有时候也会改动一下,就会麻烦一些)。
 
6、CSS内容的使用
如果说JS是让网站发光、那Css文件就是让网站更好看的核心了。
 
css文件的用法需要注意几点:
 
6.1、建议基础样式与适配样式分开,在手机移动端的时代,通常一个网站需要额外一个适配CSS文件才可以将网站适配到手机端,所以站长通常是将PC和基础样式做为一个文件,适配css单独做一个文件。
 
css文件的代码优化
 
6.2、有条件可以压缩一下(尽管站长也不做,为了改版方便一些)
 
6.3、同样要检查文件是否在远程调用样式文件资源、字体样式资源,有些国外的网站模板里调用了google的字库,但在国内加载会特别慢,建议改为自己的。
 
7、html优化
这个正常使用就好了,需要注意的是要把没用的代码删除掉。
strong被认为是“加强”,em被认为是“强调”,也就是这两个标签是有特殊含义的,这对于网站优化至关重要。多数时候,我们在优化网站时会对关键字进行突出,这时使用strong或em就比使用好很多,特别谨记!
 
8、表格优化
如果需要适用表格,建议不要嵌套,以前很多人总有一种误区,流行DIV+CSS后就不用用表格(Table)了,甚至表格也是;其实表格就是表格,该用的时候就用,只是尽量不要表格嵌套表格就好了。让表格独立,从而加快显示速度。提高用户体验。同时又精简代码。
 
9、cookie
一般用于Cookie的网页都是需要做用户权限的,这个时候需要注意区分哪些是公众的内容,公众内容就不要用cookie做权限、如果是需要登陆后查看的,就不建议做SEO优化了。
 
以上就是主要SEO优化关于网站代码优化的核心内容了,下一篇主要讲讲META元素的优化和其它一些不太常见的元素优化吧
 
我是leo,人在深圳,可以接搜索引擎优化业务,微信:kanyu13
 

内容版权声明:除非注明,否则皆为本站原创文章。

转载注明出处:http://seo.yanjiansem.com/html/2022/seoclass_0217/54.html