分享到:

深圳市东方富海科技有限公司东方富海是深圳网络推广,深圳网络营销,网站优化公司

0755-28197132
您的当前位置:华企黄页分类信息>深圳市东方富海科技有限公司>商务服务>网络服务>SEO网站代码优化知识技巧大全

SEO网站代码优化知识技巧大全

2017年06月02日 18:03:35 发布

网站代码优化是站长必须要掌握的基本技能,这关系到搜索引擎蜘蛛是否会对你的网站感兴趣,冗长无用的代码会让蜘蛛很难理解,增加蜘蛛抓取网站的难度,同时,网页的精简还关系到网站的加载速度,对用户体验至关重要。
        网站代码优化是站长必须要掌握的基本技能,这关系到搜索引擎蜘蛛是否会对你的网站感兴趣,冗长无用的代码会让蜘蛛很难理解,增加蜘蛛抓取网站的难度,同时,网页的精简还关系到网站的加载速度,对用户体验至关重要。
一、代码处理优化
1、HEAD部分代码规范化
HEAD部分代码是搜索引擎爬行网站的入口部分,现在很多网站的头部代码都相当统一化,刻板效应明显十足,这样的网站代码是像模板框架一样是不被spider喜欢的,而我们要做的就是将网站的代码规范化,建立起网站独一无二的head部分,让搜索引擎有新鲜感,这样才能够吸引spider爬行。
2、使用DIV+CSS布局网页
虽然现在div+css已经很成熟了,但是很多网页设计者可能考虑到网页的兼容性以及布局的简易性还是使用老式的table布局,虽然table布局很方便,但是其弊端也是显而易见的,那就是会大大增加网页的大小,尤其是多层表格的嵌套,这种布局不仅会提升体积,同时如果嵌套数太多的话就会影响到搜索引擎的爬行,影响到站点的收录。
另外,一些网站会使用外部文件,将css和js放在外部文件中,页面html中只要放一样代码调用就可以了,有时候我们去查看的一些源文件代码,会看到很多css代码以及javasript代码,将javascript放置在网站页面的html文件中的最前面,而真正能用到得一些文字部分这被推倒了html的后面,马海祥认为这种代码都需要精简。
3、CSS优化
CSS是页面效果呈现中非常重要的组成部分,它包括颜色、大小尺寸、背景和字体等。写CSS很简单很容易,但是要想写出精炼的CSS代码还是有很多技巧的。
(1)、CSS位置
CSS说明如果出现在网站之后,页面需要重新渲染,打开速度受到影响,所有css定义代码的位置要放到网站之前。
(2)、css sprite技术
网站上的一些图片可以采用css sprite技术进行合并,减少加载请求次数,从而提高网页的加载速度。
(3)、CSS代码优化
通过对css代码属性的简写、移除多余的结构(frameworks)和重设(resets)等一系列的方法和技巧来简化css代码,减小css文件的大小。
(4)、尽量不要使用内嵌式CSS
内嵌式CSS分为两种,一是在head区域的普通内嵌式;二是在标签内出现的行内内嵌式CSS,无论是何种内嵌CSS方式结果都会提升页面的体积,对此,我们可以尽量使用外调式的CSS来为站点页面的体积瘦身。
4、JS优化
JS优化与其他语言的优化也仍然有相同之处,JS优化的关键,仍然是要把精力放在最关键的地方,也就是瓶颈上,一般来说,瓶颈总是出现在大规模循环的地方,这倒不是说循环本身有性能问题,而是循环会迅速放大可能存在的性能问题。
(1)、JS位置
网页代码中对js进行优化的时候,马海祥建议将JS放在页面最后,这样可以加快页面打开速度。
(2)、合并JS
合并相同域名下的js,通过减少网络连接次数从而提高网页的打开速度。
(3)、LazyLoad(延迟加载)技术
Lazy Load是一个用JavaScript编写的jQuery插件,它可以延迟加载长页面中的图片,在浏览器可视区域外的图片不会被载入,直到用户将页面滚动到它们所在的位置。
(4)、JS代码外部的调用
我们知道当前的搜索引擎还是不能够识别JS代码的,倘若在网站中出现大批量的js代码网站在收录上就会出现困难,而我们要做的就是将用到Javascript代码用外部调用的形式放在网站中,这样可以简化搜索引擎的工作,也不会在无形中衍生出无效代码累及网站。
不仅如此,马海祥觉得可以采用外部调用的还有css代码,建站之初可以将网站的文字、颜色定义在css代码文件中,尽量不要在页面代码内出现过多的样式代码。
(5)、降低页面对于JS的依赖性
现在来说,JS对于搜索引擎并不不友好,虽然有消息称搜索引擎不会对JS有厌恶的情绪,但是多一事不如少一事,虽然JS可以制作出很多的效果,但是网页中大量的JS将影响蜘蛛对页面的抓取和增加网页体积,尤其是页面的关键位置如导航栏,尽量采用DIV+CSS的设计方法。
5、TABLE标签的缩减
table标签是现在大多数上线网站中最为常见的代码形式,原因根本在于table在建立网站时比较快捷,但是这也就影响了网站的后期优化。
相对于div+css布局的精简代码网站来说,它的占位比较大,所以,在建站时候,尽量是少用表格,即便是要使用表格时,嵌套式表格也要尽量少用,以免产生冗杂代码。
那么,现在的网站用什么做呢?很多程序员第一想法就是采用CSS去做,采用CSS去排版,这种做法呢,就使页面中的表格大大的降低了,但在马海祥看来,网站也不能没有表格,有些事必须使用到得,使用表格本身没什么,但是有很多网站都采用嵌套表格,一般这样的表格形式会给网站产生大量的垃圾代码,并且这些垃圾代码都是没有任何用处的代码,这一类代码也是我们网站需要精简的代码之一。
6、代码注释省略
很多程序人员在编写代码是都习惯在别人看不懂的地方给出一段注释,这些代码往往是为了几个程序员之间的协同工作,对于外人以及搜索引擎来说没有任何用处,相反还会给搜索引擎蜘蛛带来一定的困扰。
打开页面代码我们经常会看到一些注释代码,这是程序员为了表明代码意义而做的注释,其实这些打开不必,因为对于搜索引擎而言,它们是不存在任何意义的,只是会增加了页面代码的容量,这样对于网站不会有什么利处,不如直接省略。
7、清除页面中多余的代码
有的网站以为制作者的代码书写习惯问题,页面会有很多空格代码,比如:空格代码、style和font重复定义的代码,不要小看这些体积很小的代码,积攒多了,也会使我们的网站异常的臃肿。
很多网站都是采用的DIV+CSS,在CSS中定义了文字的字体,颜色,以及页面的排版,但是在网站的其他地方还用了以style以及font来再次定义字体字体,这些代码完全没有必要重复定义,属于可以精简的代码。
8、将html控制方式转换为CSS控制
很多网页设计者习惯在标签内对内容进行控制,比如img标签里通过width和height来控制图片的大小,尽量将这些代码转换成外调式的CSS,使网页代码更加的瘦身。
9、缓存静态资源
通过设置浏览器缓存,将css、js等不太经常更新的文件缓存在浏览器端,这样同一访客再次访问你的网站的时候,浏览器就可以从浏览器的缓存中获取css、js等,而不必每次都从你的服务器读取,这样在一定程度上加快了网站的打开速度,又可以节约你的服务器流量。
10、网页压缩技术
对于网页压缩而言,相信各位站长都比较熟悉,主要是启用服务器Gzip,对页面Gzip压缩,减少元素的体积,从而减少数据的传输,进而提高网页的加载速度,这个功能需要你的服务器的支持,GZIP压缩一般能对网页进行30%-80%的压缩,是最重要的一种优化效果。
总之,通过代码优化来起到网站优化作用的方式还有很多,在这只是随意的说了其中比较常见的而已,希望大家能多多钻研。
网站代码的优化也是网站优化中的一种优化措施,代码对于网站优化来说非常重要。虽然HTML代码是程序员应该精通的语言,但是对于HTML代码的优化应该是SEO专员应该精通的技能。
 
二、标签优化
1、H标签优化
网站代码中H标签的优化措施就属于代码优化中的其中一项,在之前的文章中我也有介绍过H标签的使用,今天我为大家讲解一下H标签如何优化,h1-h6标签都叫做H标签,H1标签在H标签中是权重最好的标签,通常在网站中每个页面只允许出现一次H1标签,站在SEO优化的角度来讲,我们通常将H1标签放置在每个页面最重要的内容上,比如说我的博客最重要的是哈尔滨SEO这个关键词,所以我就将H1标签放置在哈尔滨SEO这个标题上,千万不能有同一个页面中出现多个H1标签的现象,H1标签在每个页面中只能出现一次,其他的H标签可以出现多次,但是一般只是用H1标签,如果不擅长使用H标签建议也不要随便在网站中放置,因为在网站中如果没有H标签的出现,蜘蛛就会将网站的权重分给所有的内容,不会讲权重集中在某个内容上。
2、nofollow标签
在站长工具不能检测出友情链接中的nofollow之前有很多没有道德的人利用nofollow标签来交换友情链接,我们都知道友情链接可以让两个网站之间相互传递权重,而在友情链接的代码中加入nofollow就相当于告诉蜘蛛不要抓取这个链接,这样就会导致你的网站不会得到对方网站的权重传递效果,因为在友情链接中虽然我们链接对方的网站不会分散自身网站的权重,但是友情链接超过一定数量之后就会分散网站的权重,所以,通过nofollow的方式就可以达到友情链接没有数量限制的效果,因为nofollow不用为对方的网站传递权重,所以可以交换很多的友情链接,但是在站长工具能够坚持出对方的网站是否为我们的友情链接添加了nofollow标签的这个功能之后就很少有人在友情链接中添加nofollow标签了,而大部分都是在robots.txt中添加nofollow用来指引蜘蛛允许抓取网站的哪些页面,不允许抓取网站的哪些页面。
3、title标签
通常在网站中我们都需要为网站设置标题,一些二次开发的程序在网站的后台中就可以设置网站的标题,但是对于一些自己开发的网站需要在代码中设置,而title就是标题代码,蜘蛛在抓取我们网站时是通过代码的方式来浏览,并不是我们看到网站时的可视化页面,而title标签就是用来告诉蜘蛛我们网站的标题是什么,站在SEO的角度来说我们通常在title标签中要添加我们网站的主关键词,增加网站的匹配度,title标签对于网站来说是非常重要的,所以,我们在做网站的代码优化时一定不要忽略网站的title标签设置。
4、keywords标签
keywords标签与title标签是在一起设置的,如果你使用的是二次开发程序,那么你可以在后台一起设置title标签以及keywords标签,keywords标签表示网站的关键词,前几天有以为同学问我,为什么有一些网站不设定keywords标签,对于这种不设置关键词的网站通常都是注重营销与推广,打造自己网站的品牌词流量,通过网站高质量的内容增加网站的相关性高的长尾关键词排名来获取大量的流量,防止网站权重的分散,如果你精通营销与推广可以不用设置网站的关键词来优化网站。
5、description标签
description标签通常是用来填写网站的描述信息,我们在搜索某个关键词时,看到快照下方显示的网站描述就是通过description标签来设置的,有人认为description标签对网站的关键词排名并没有多大的影响所以就不设置网站的description标签,其实我们细心观察可以发现,我们在搜索某个关键词时显示的快照下方的描述中如果出现这个关键词也会以红色字体的方式显示,但是描述中只显示一部分,不是所有的描述内容都会展现出来,所以,我们在设置网站的description标签时,在描述信息前方出现我们网站的关键词也会增加网站的关键词匹配度,增加网站的相关性信息,有利于网站关键词的排名。
6、ALT标签
ALT标签通常是用来添加在网站的图片上,对于搜索引擎蜘蛛来说,蜘蛛只能读取HTML代码内容与文字和数字的内容,并不能读取出网站的图片中是什么内容,加入你的图片中是自己的照片,那么你不告诉蜘蛛的话蜘蛛是不会知道这个图片中的内容是什么的,而ALT标签就是告诉蜘蛛我们图片中的内容是什么,也相当于图片的描述信息,对于图片的描述信息也可以有效的增加关键词密度,但是不要为了增加关键词密度来添加ALT标签,我们只要在ALT标签中用最简洁的语言描述图片的信息即可,最好图片的内容要与我们网站的内容相关,因为蜘蛛不但会收录网站的内容,同样也会收录网站的图片,让图片展现在百度图库中,而ALT标签就可以让图片展现在哪些分类的图片中。
7、strong标签
前面我们分享了H标签在网站优化中的运用,其实在SEO实战操作中,要学会运用的标签有很多种strong、font、U等,各自有各自的表现形式。今天给大家普及的strong,也是权重标签之一。
要了解strong标签的运用,首先得先认识一下他的老朋友“B标签”。“strong”和“B”标签都可以起到给字体加粗的效果。从肉眼上看并没有多大的区别,但是strong本身就有强调、加重的意思,在搜索引擎眼中,带有strong标签的文字都是比较重要的,会赋予一定的权重。另外,从标准化角度来看,strong标签也更符合W3C标准。因此在文本中,strong标签优先使用。
使用方式
将需要强调的词语加在strong标签之间,例如给“标签的使用”加上标签的方法为:<strong>标签的使用</strong>。一般通过文本编辑器就可以给文字加上strong标签。
使用注意点:
1、strong标签之间为具有概括意义的关键词,而不是一段话,将整段文字加上strong标签,是起不到强调的作用的。
2、strong标签的数量要控制。一个页面中strong过多,则会显得没有重点。
3、将strong标签与H标签配合使用。
第三、URL优化
URL优化是指通过对URL各组成部分进行适当的调整,以提高URL的搜索引擎友好度,提高用户的记忆、理解、输入的方便性.进而提高用户体验。
URL优化包括三大部分内容:
1.对域名、目录、文件的命名 好的URL命名方式,应该能让用户通过URL即可很清楚地明白自己身处的网站位置。
2.URL中分隔符的使用 在URL中,很多看起来都是起分隔作用的符号其实意义是不一样的,比如斜杠“/”是约定俗成的分隔符,用于URL中目录之间或者目录与文件名之间的分隔,而不能作为文件名中两个词语的分隔。 通常情况下,在CMS系统中的URL分隔符都有比较好的定义规范,不建议搜索引擎优化人员进行分隔符的修改。
3.URL长度和关键词控制 URL长度为用户体验考虑,当然是越短越有意义、越容易记忆越好,但是在搜索引擎优化中,在URL中适当地包含关键词是非常好的一种优化细节,通过关键词的包含,用户、搜索引擎都可以很方便地了解其含义。 这三部分之间相互制约、相互影响,最好的优化结果就是充分协调上述三个部分。
第三、关键词布局与密度 在任何一个单网页中,关键词的布局和密度都是比较重要的。换句话说,如果关键词布局设计得好,密度控制比较自然,那这个页面的优化相对而言就比较成功。
1.关键词密度 关键词密度每个搜索引擎的标准都不一样,有的控制很严,一般需要控制在2%~8%之内:有的根本不在乎,单页面的关键词密度30%也不会影响到排名。要检查某个网页的关键词密度,可以采用站长站上的关键词密度检测工具。 通常情况下,对搜索引擎优化者而言,推荐的关键词密度仍然是2%~8%,但是这并不是重点,重点是关键词出现的布局和网页内容的自然。
2.关键词布局 关键词的布局是优化细节中比较重要的一个部分,好的关键词布局,应该在网页标题、正文第一段、正文末尾、URL和链接等位置合理地出现关键词。 但是,如果搜索引擎优化者死记硬背这一点,在所有的地方都试图加入关键词的话,往往就意味着优化过度。切记以自然为主,不用刻意进行关键词堆砌。
第四、导入与导出链接 对单网页来说,导入链接决定这个网页的权重,导出链接决定这个网页给其他网页传递的权重。 在单网页优化当中,导入链接可以包含站内的导入连接和站外的导入链接两部分;导出链接也同样分为导出到站内的链接和导出到站外的链接两部分。 对单网页的导入与导出链接而言,应该尽量遵循以下的原则:
a、单网页的站内导入链接应该尽量多:也就是尽量在网站的内容链接中,形成更多指向网页的链接。
b、单网页的站外导入链接应该尽量多:尽量在其他网站上,建设指向此单网页的外部导入链接。
c、单网页的导出链接必须要有相关性:不管是单网页的站内导出链接还是站外导出链接,都应该有密切的内容相关性。只有有相关性的导出链接,才能为用户提供更好的用户体验,也才能更利于搜索引擎的排名。 对搜索引擎优化新手而言,导入/导出链接的建设相对单网页的其他优化细节而言更不容易理解,其实记住以下这句话不但可以很好地判断如何建设导入、导出链接,还能判断其他的优化细节是否必要。
四、页面全静态HTML页面
静态HTML有利于搜索引擎抓取,也利于降低访问者打开的速度,是网站建设中最核心的要求,做好这一些是其它优化的基础
.
五、网站地图
对于一些等级较深的页面,搜索引擎可能抓取不到,这时需要网站能够有网址地图,这样搜索引擎找到这一个页面,就能找到其它的页面了.网站代码优化

公司联系资料

深圳市东方富海科技有限公司
所在地区:
广东省 深圳市
公司主页:
www.fuhai360.cn
电话号码:
13728723580
联 系 人:
彭先生
移动电话:
13728723580
电子邮箱:
1805577930@qq.com

免责声明:本站信息均来自互联网或由用户自行发布,本站不对以上信息的真实性、准确性、合法性负责,如果有侵犯到您的利益,请您来函告知我们,我们将尽快删除

华企黄页分类信息   huaqi9.com