查看内容

网站代码在整个SEO优化过程中的重要性总体分析

本文作者:云战网 发布时间:2018-12-09 10:30:48

  笔者在从事SEO的多年时间里接触够很多做SEO的站长,每个人都很用心的想把SEO给做好,但是除了一些做的很多年的SEO工作者有一个正确的态度之外,很多刚入行的SEOer对于SEO并没有一个很完整的认识,只是大概知道SEO需要了解很多方面的知识,这篇文章云战网将从站内代码优化给大家做一个简单的分析。

网站SEO优化之站内优化

  这里需要给大家强调的网站代码优化其实整个SEO优化的一个重要的部分,不要让自己只会一些简单的工作,比方说写文章,发外链,这些都是基础的工作,笔者相信在未来的阶段技术型SEO将会是搜索引擎优化的主要方向,所以学习代码是SEOer工作者的一个必经的学习过程。技术是第一生产力在SEO这项工作中也一样是正确的。

云战网SEOer的成长

  所以我们有必要将SEOer的成长分成三个过程

  第一阶段是目前SEO行业内最多的一部分人,这些SEOer甚至专业的SEO知识都不太会,所以说只能算是SEO优化的入门者。

  第二阶段的是少部分人,这部分人既懂得SEO的专业知识,同时对于网站的代码知识也有一定的了解,能够对网站的结构向着利于优化的角度去调整更改。

  第三阶段的是行业极少部分人,这部分人懂得专业的编程代码知识,同时对SEO有具有深入的研究,更值得一提的是这类SEOer身上具备营销的思想,这样的SEOer会真正的把SEO做好,同时也会得到客户的信任。

  接下来废话不多说了,直接开始我们今天的核心内容:SEO代码优化

  1、DIV+CSS网站结构

  基于目前的搜索引擎机制来看,DIV+CSS的网站结构对SEO优化起到的好处是很明显的。

DIV+CSS网站结构

  其只要原因有一下几个方面

  (1)、网站采用这种结构后,html页面里基本只有文字或图片信息,对于搜索引擎来说是非常友好的,而网站样式单独放在css里,这样搜索引擎蜘蛛就不会去管css,只爬行html里的内容会很大程度的提高搜索引擎蜘蛛的效率。

  (2)、网站采用这种结构往往会使目标关键词更集中,密度更高。

  (3)、div+css 行对于table来说比较精简,基本上不存在表格嵌套的问题。

  (4)、符合W3C标准的网页在SEO优化方面本身就是优势,更加会得到搜索引擎蜘蛛的喜爱。

  2、网站头部Meta标签

网站头部Meta标签

  Meta标签:对于优化来说Meta标签最重要的是TDK设置,另外要设置一个字符编码就可以了,网站Title标题、关键词、Description描述这三个地方,一般常用的开源模板会直接调用到后台,可以直接在后台设置,所以代码上需要基本是不需要操作。

  3、代码中css/js引用

  搜索引擎蜘蛛处理的是文本文件,对页面源代码中没有出现的内容是看不到,用户的行为或者其他事件之后才获取并嵌入页面上的动态内容和连接不能被搜索引擎看到,网页中出现大量的javascript 将影响蜘蛛对页面的抓取和增加网页体积,会延迟网页的打开速度,直接影响用户体验。

代码中css/js引用

  所以在网站优化的过程中要尽量减少javascript代码的使用,对必须要使用的javascript,也要尽量放到网站的底部先加载正文,或外部js调用(封装)。

  为什么要放在底部呢?

  对于不懂代码就不知道了,这里来解释一下,因为浏览器在渲染页面时(也就是展现页面)会从上到下渲染。

  我们的模版,JS一般都是放在头部,但在优化的过程中,而JS文件通常是效果文件,我们可以让网站先加载主体内容,其次加载效果内容,所以有必要把JS文件从头部移动到底部,这样用户看起来你的网站会访问的更快,当然如果CSS有必要,一样可以这样做,常规的CSS是不建议放到底部,会影响加载效果。另外JS及CSS不建议在html模版中写入,最好是新建一个JS或CSS文件,然后把JS或CSS内容放入,在调用这个CSS或JS文件即可。

  4、清理垃圾代码

  清理垃圾代码是代码优化中一个非常重要的环节。垃圾代码是删除后不会影响页面显示的非必要的代码,一个页面在清理了垃圾代码后,可以删除近80%的冗余代码。从而达到降低页面体积,提高页面的用户体验和搜索引擎友好性的目的。常见的垃圾代码有 空格字符、默认属性、注释语句、和空语句等。

  a、空格字符

  空格字符是在编辑代码时敲击键盘上的空格键而产生的符号,网页中每一个空格都算作一个字符,通常出现在每行代码的开始处、结尾处以及空行中。

  b、默认属性

  我们在使用网页制作软件时,都会产生一些默认属性的代码,比如我们在网页中不添加左对齐的属性,但是页面中的内容也是左对齐的,所以代码中的左对齐属性代码就可以删除。

  c、注释语句

  在制作网页的时候,我们会添加一些注释语句来增强代码的可读性,但是过多的注释语句会占用大量的网页空间,而且如果注释语句中存在大量的关键词,还会被搜索引擎认为是堆砌关键词,从而对该站进行处罚。所以我们在添加注释语句时,就尽量避免添加那些即使删除后也不会影响网页源代码可读性的注释语句。

  d、空语句

  空语句是指标签之间不存在任何内容的空句子。

  5、网站LOGO

  LOGO部分需要优化的主要有两个方面,第一个方面在LOGO处加H1标签,其次是在LOGO的A标签处添加一个title属性,title属性中写上你优化的主关键词,之所以建议写主关键词而不写品牌词原因有两个,第一个增加优化主关键词的密度,其次是title属性用户很难得看得到。

  6、网站导航

  导航上的优化,通常就是一个A标签,这个A标签不建议设置新窗口打开,另外一个是A标签中的title属性,如果条件允许,可以直接设置成行业词,而A标签中可显示的文字可以设置成品牌词,这样在不影响体验的同时一样达到了优化关键词的效果。

  这里需要提醒一点的是,当一篇文章出现两个一样的A标签指向的时候,我们需要用nofollow标签屏蔽其中一个链接,这里描述和标题都出现了同一个链接,这里建议使用nofollow标签屏蔽描述上的链接,加上去是为了让用户方便点击,屏蔽是为了不让搜索引擎重复抓取。

  7、搜索页面

  站内搜索页面本不建议做SEO优化,因为大多站内搜索都是动态页面,而这些动态页面均直接用robots屏蔽百度蜘蛛。

  8、图片优化

图片优化

  (1)、名称

  由于搜索引擎无法读取图片内容,但是可以读取图片名称的相关文本信息,所以我们在保存图片名称时,要确保图片文件名或字符串包含主要关键词。例如一张房子的图片,我们可以随意命名,但是我们最好将其命名为fangzi.jpg 或者 house.jpg 这样URL字符串就包含了这张图的关键信息

  (2)、ALT标签

  图片中的信息要想让搜索引擎更好的理解,必须利用alt属性,图片的alt属性是对图片信息进行简要阐述。alt属性非常重要,必须做到与图片相关,与内容相关,且需要避免为了关键词堆砌而堆砌,该属性不仅能够让搜索引擎更好的理解,同时若图片出现错误或者加载失败时,也能够让用户了解图片想要展示的主题

  网站优化从根本上来说,是为了用户更好的获取信息,而不是搜索引擎中获得良好的排名,取得好的搜索结果排名只是正常网站优化结果的自然体现。所以在设置描述 alt这些属性时,应该本着遵循用户导向的原则,简明扼要地描述图片内容。

  (3)、大小

  如果网站不是专业的图片展示,网站只要满足普通视觉效果就可以了,图片越小加载起来就越快。

  9、网站代码版权

  版权是可以留下的,使用别人的程序不留版权是不道德的行为,所以有必要在底部留下对于的版权信息,但是版权、备案、站外链接都应该加nofollow标签,当然这是站外的链接,站内也有部分链接需要加入nofollow标签,比如网站底部的广告合作、联系方式等页面。

  10、用户体验

  其实在用户体验上的优化本问说的并不少很多,但代码可以决定用户体验,比如增加百度统计的返回顶部功能,文章页面增加快速评论功能、一个网站最多只能显示3屏、左右可以翻页等功能,看起来功能非常少,但综合的细节决定一个网站的成败!

  11、网站地图

  网站地图是搜索引擎最容易抓取的一个页面,这个页面里面有所有应该被抓取的内容,所以很多时候,搜索引擎为了偷懒,他自然会抓取网站地图文件,通常情况下网站地图的代码如下所示:

  http://www.yunzhanw.cn/

  1.0

  2018-12-08T07:01:31+00:00

  Always

  代码非常简单LOC为链接、priority为权重,比如首页为1,栏目为0.8,changefreq为更新时间。

  12、网站Robots

  搜索引擎在抓取一个网站的时候,第一时间看robots 文件,这里可以识别到哪些文件可以抓取,哪些文件不可以,robots文件最主要一点就是把网站地图写上去。

  云战网总结:本文大概从总体上分析一个网站的优化过程中代码的重要性,从网站结构、网站TDK设置、样式及js文件的加载、冗余代码删除、图片处理、代码版权、SEO代码标签、用户体验、网站地图、Robots文件处理整体给大家做一个SEO代码处理的简单认识,后续云战网会逐一细致的给大家介绍站内代码结构优化。