SEO网站优化进阶之SEO优化精简代码的好处
在这段时间接触的很多的seoer,每个人都想把seo做好,但是除了一些做了好些年的seoer对seo有一个正确的态度,知道做好seo需要的东西很多。很多新seoer都对seo没有一个完整的认识,尤其是提到代码的时候很多人直接就是什么都不知道。今天优搜云的优化师就来说说优化代码中的那些事。
seo代码优化
1、DIV+CSS:
DIV+CSS的网站结构对SEO优化起到的作用越来越明显。
其只要原因有一下几个方面
(1)、采用这种结构后,html页面里基本只有文字或图片信息,而样式则放在css里,这样搜索引擎蜘蛛就不会管css,只采集html里的内容就可以大大提高搜索引擎蜘蛛的效率。
(2)、采用这种结构往往关键词更集中,密度更高。
(3)、div+css行对于table来说比较精简,基本不存在表格嵌套的问题。
(4)、符合W3C标准的网页在SEO优化方面本身就是优势,更得到搜索引擎蜘蛛的喜爱。
2、Meta标签:
Meta标签:如果要做的非常简单,meta标签只需要设置一个字符编码就可以了,咱们在任意地方购买的模版都会写上字符编码。
另外Title标题、关键词、Description描述这里也列为meta标签去优化,这三个地方,一般在模版中会直接调用到后台,可以直接在后台设置,所以代码上需要基本是不需要操作。
3、css/js引用:
搜索引擎蜘蛛处理的是文本文件,对页面源代码中没有出现的内容则看不到,用户的行为或者其他事件之后才获取并嵌入页面上的动态内容和连接不能被搜索引擎看到。
网页中大量的javascript将影响蜘蛛对页面的抓取和增加网页体积,会延迟网页的打开速度,直接影响用户体验。
在优化的过程中要尽量减少javascript代码的运用,对必须要使用的javascript,也要尽量放到网站的底部先加载正文,或外部js调用(封装)。
为什么要放在底部呢?
可能你不懂代码就不知道了,这里来解释一下,因为浏览器在渲染页面时(也就是展现页面)会从上到下渲染。
我们的模版,JS绝对都是放在头部,但在优化的过程中,而JS文件通常是效果文件,我们可以让网站先加载主题内容,其次加载效果内容。
所以有必要把JS文件从头部移动到底部,这样用户看起来你的网站会访问的更快,当然如果CSS有必要,一样可以这样做,常规的CSS是不建议放到底部,会影响加载效果。
另外JS及CSS不建议在html模版中写入,最好是新建一个JS或CSS文件,然后把JS或CSS内容放入,在调用这个CSS或JS文件即可。
4、清理冗余代码:
清理垃圾代码是精简代码其中一个非常重要的环节。垃圾代码是删除后不会影响页面显示的非必要的代码,一个页面在清理了垃圾代码后,可以删除近80%的冗余代码。
从而达到降低页面体积,提高页面的用户体验和搜索引擎友好性的目的。常见的垃圾代码有空格字符、默认属性、注释语句、和空语句等。
(1)、空格字符:
空格字符实在编辑代码时敲击键盘上的空格键而产生的符号,网页中每一个空格都算作一个字符,通常出现在每行代码的开始处、结尾处以及空行中。
(2)、默认属性:
我们在使用网页制作软件时,都会产生一些默认属性的代码,比如我们在网页中不添加左对齐的属性,但是页面中的内容也是左对齐的,所以代码中的左对齐属性代码就可以删除。
(3)、注释语句:
在制作网页的时候,我们会添加一些注释语句来增强代码的可读性,但是过多的注释语句会占用大量的网页空间,而且如果注释语句中存在大量的关键词,还会被搜索引擎认为是堆砌关键词,从而对该站进行处罚。
所以我们在添加注释语句时,就尽量避免添加那些即使删除后也不会影响网页源代码可读性的注释语句。
(4)、空语句:
空语句是指标签之间不存在任何内容的空句子。
5、LOGO:
LOGO部分需要优化的主要有两个方面,第一个方面在LOGO处加H1标签,其次是在LOGO的A标签处添加一个title属性,title属性中写上你优化的主关键词。
之所以建议写主关键词而不写品牌词原因有两个,第一个增加优化主关键词的密度,其次是title属性用户很难得看得到。
6、导航:
导航上的优化,通常就是一个A标签,这个A标签不建议设置新窗口打开,另外一个是A标签中的title属性,如果条件允许,可以直接设置成行业词,而A标签中可显示的文字可以设置成品牌词,这样在不影响体验的同时一样达到了优化关键词的效果。
这里需要提醒一点的是,当一篇文章出现两个一样的A标签指向的时候,我们需要用nofollow标签屏蔽其中一个链接。
这里描述和标题都出现了同一个链接,这里建议使用nofollow标签屏蔽描述上的链接,加上去是为了让用户方便点击,屏蔽是为了不让搜索引擎重复抓取。
7、搜索:
站内搜索页面本不建议做SEO优化,因为大多站内搜索都是动态页面,而这些动态页面均直接用robots屏蔽百度蜘蛛。
精简代码的对网页的好处。
1、减少网页体积,加快加载速度
网页的体积大,在服务器不稳定、网速不是很好的时候,打开这样的网页对于用户来说完全是一种折磨。
你想一想,如果用户加载你的网页,由于网页面积过大,加载不出来或者加载了一半,是不是会让用户关掉页面,这样无形之间就流失了很多的用户。
2、减少冗余代码,利于蜘蛛爬行
这点是利于蜘蛛爬行方面说的,网页收录的前提就是搜索引擎蜘蛛对网页页面的爬行,精简的页面利于蜘蛛爬行。
让搜索引擎找到页面的重点,很快的收录和判断页面的重要性;如果页面过于冗余,很有可能喧宾夺主,让页面的主题内容不能突出,不利于收录和提高页面的权重。
3、精简代码,突出网页内容
曾看到这样的一个案例,一个做前端的程序员做了一个SEO博客,里面的网页代码精简到堪称完美,仅仅用心经营了一个多月,关键词就上了百度首页。
从这个seo案例可以看出,精简网页代码是很重要的,他能让搜索引擎的蜘蛛不费力的爬行完整个网页,并且都是突出网页内容的主要信息,这点对seo很重要。
现在一般精简网页的代码主要集中在HTML、css、js等方面,,这些代码能不在页面上体现的尽量不在页面上体现。
对于特别大的网页建议进行分页处理,以减少每个网页的大小体积。因此我们所做的seo优化和网页代码的精简都是要在尊重用户体验和页面转化率的前提下进行的。
以上就是优搜云优化师为你整理,关于Seo优化代码精简优势的经验,你看完有收获吗?如果还有什么不懂的欢迎来咨询优搜云。