网站优化:页面代码体积大小与SEO的关系

        本文:《网站优化:页面代码体积大小与SEO的关系》是为下文准备的,网页体积大小会直接影响网页打开速度,影响用户体验,我也一直在想办法使 jimdo 打开速度提高再提高,网页体积大小是一项常见的SEO指标,同样影响着SEO效果,只是并非特别明显,不过在进行SEO诊断分析中仍然要把这一点考虑在内。

        简单的说,优化页面体积,可以提高网页的打开速度,从而提升用户的访问体验;同时对SEO来说,还可以提高蜘蛛的访问速度,有助于搜索引擎对网站的索引体验。我们知道,蜘蛛同样和用户不会用太多的时间去打开、抓取、索引如此大体积的页面,虽然随着网络带宽的增加,网页体积的大小将会越来越不重要。SEO也是与时俱进的,当网络带宽增加到不是按M来算,而是用G计的时候,网页体积的大小将根本不重要,自然也不会对SEO造成太大的影响了。但是在目前状况之下,我们还是要尽可能避免大体积的页面。

        那么一个页面的代码体积应该控制在多大之内呢?

 

        这个似乎没有定论。诸葛草帽的建议是35K以内,有些人甚至提出保持在15K之内,当然也有人提出控制在100K左右即可。其实,页面的代码体积应该控制在一个什么样的范围之内,主要要看搜索引擎能够索引多大体积的页面。
        首先,我们先来澄清下这里的页面体积是一个什么样的概念。有些SEO新手可能会问,如果我的页面Html源代码有30K,其中页面上还有两张图片,分别为100K和80K,还有一个外部引用的CSS文件,有15K大小,该页面上还放着一个2M的音频文件,那么这个页面体积有多大?答案是这个页面是30K大。页面大小其实是指页面的源文件大小,是经过服务器解释而输出的HTML 文档,不包括未经过解释的PHP语言、ASP等语言,也不包括Flash、图片、音频、视频文件等,同样也不包括外部调用(如果直接写在页面源代码之内不在此范畴)的CSS、JS文件等。
        其次,搜索引擎的蜘蛛究竟能索引和收录的页面体积有多大?以前较为公认的一个数据是搜索引擎只会搜索页面100K以内的内容。不过现在经过简单的SEO实验,证明目前百度至少能够读取并收录的网页大小不低于125K,Google则更高一点,能达到650K左右。

        下面前两张图片可以大致看出百度谷歌抓取能力,现在搜索引擎不提示页面大小,所以可以使用小工具测试,我使用的是:http://seo.chinaz.com/?q=zhugecaomao.jimdo.com,本站现在页面大小为22K,见下图3(点击查看大图)。

        具体减小网页体积主要从两方面入手:减少网页源代码体积和网页其他元素的整体体积。
        首先,减小网页html体积。比如将网站改成DIV+CSS结构(参见解读Div+css布局与table网站布局区别以及对SEO影响),减少冗余html代码(如页面中的font、bgcolor之类的格式化控制代码,尤其推荐使用网页编辑超级工具箱清除word夹带的格式代码),加速页面显示,缩小页面体积;采用table布局则注意和css有机结合,减少嵌套表格的使用以减小网页html体积。同时分离css和js到外部调用文件,Html代码尽可能只用来显示文字内容,对于特别长的文章,注意合理的分段和分页。
        其次,缩减网页其他元素体积。优化了网页源文件的大小之后,还应该考虑对网页的整体体积进行减负,即对页面所包括的图片,视频,音频,外部CSS文件、JS,Flash动画等文件进行优化。 不过,尤其要注意一点,SEO不要太在乎技术上的细节,而忽视了内容本身,毕竟内容才是真正第一位,是真正意义上的SEO

Write a comment

Comments: 12
  • #1

    net123 (Saturday, 04 September 2010 17:30)

    很有道理, 不过我网站的链接太多, 现在只能优化到50K, 没办法再往下降了.

  • #2

    诸葛草帽 (Saturday, 04 September 2010 17:37)

    回复net123:的确,你的网站链接比较多,虽说页面文件比较大但是对于seo也不能说不好,我看你的网站还可以再优化,至少阿里妈妈广告和淘宝广告可以只用一个类似<script src="xxx.js" type="text/javascript"></script>的代码实现,我下一篇文章就是关于这个的。

  • #3

    网上邻居 (Saturday, 04 September 2010 21:05)

    个人觉得,图片、外链是页面打开速度的最大敌人。如果内容好,抽支烟等等也无妨,如诸葛草帽老弟这样内容丰富的网站。

  • #4

    诸葛草帽 (Sunday, 05 September 2010 08:29)

    回复网上邻居:邻居过奖了,其实还有很多方法可以优化页面的,谷歌page speed就可以优化很多地方

  • #5

    独星 (Sunday, 05 September 2010 12:25)

    邻居的网页……太强悍了,18k= =

  • #6

    诸葛草帽 (Sunday, 05 September 2010 12:29)

    回复独星:我一般测试自己网站的时候会拿几个网站做对比参照,邻居的网站就是其中一个,很厉害

  • #7

    纠结工作室 (Sunday, 05 September 2010 19:34)

    这个够简洁了吧?
    http://jiujiegzs1.jimdo.com

  • #8

    诸葛草帽 (Sunday, 05 September 2010 20:24)

    回复纠结工作室:这个...有点走极端了吧...

  • #9

    独星 (Thursday, 09 September 2010 20:21)

    我只是抄袭了下jimdo的官方模板~~~~那是测试~~~

  • #10

    诸葛草帽 (Thursday, 09 September 2010 20:55)

    回复独星:哦,你的主站和简化版结合的倒是很好

  • #11

    私服空间 (Sunday, 19 June 2011 17:09)

    正在学习!我个人感觉网页体积大小一般而言就代码占用不了多少!
    主要就是宽带不足和挂马的问题还有代码写作不规范的问题会导致打开网页速度比较慢!所以我个人认为网页体积对SEO来说不是很重要!足够的宽带和规范的代码是很重要的!

  • #12

    Niche comment (Wednesday, 16 August 2017 14:49)

    hello!! Very interesting discussion glad that I came across such informative post. Keep up the good work friend. Glad to be part of your net community.