最完整的div+css技术入门知识(三)

css+div网站忧化

CSS DIV设计的网站是按照W3C标准的，如果一个站点完全是CSS+div制作的，那么你网站的SEO（搜索引擎优化）工作已经完成了30%！为什么会这么说？SEO其他方面在哪？ 


CSS DIV设计的网站是按照W3C标准的，如果一个站点完全是CSS+div制作的，那么你网站的SEO（搜索引擎优化）工作已经完成了30%！为什么会这么说？SEO其他方面在哪？好，请接着我的思路往下看：

css div网站相当30%的SEO工作

1、css div网站遵循“网页结构、表现、行为分离，互不干涉抢功”理念

且不说SEO，其实按照这个理念建设起来的网站，网页打开速度会明显的加快。因为按照这个理念，网页将会分成html、css、js三种类型的文件，而css、js又是可以缓存的，所以浏览一个这样的网页其实就是下载html代码就行了，速度当然变快。

我们先看看SEO都做啥：
a.网页META标签会添加的比较齐全，如keywords、description、robots； 
b.被搜引擎抓取的内容，代码比较精简，非内容代码大大减少，文件小； 
c.文本会比较靠前。几乎都在200字内就可以搜索到正文，重要内容； 
d.不会出现表格那样多层嵌套的问题。 

2、修饰性图片文本替换，js、flash文字图片还原

有些网站为了追求炫眼效果，采用了图片按钮，图片新闻flash切换，文本的js跑到效果……这样大大将原本属于图片，文字链接的代码变成了搜索引擎读不懂的js代码、flash，或者是直接插入原本不是内容的修饰性图片替换了文字。如果这些刚好又包含了热门关键字，那么搜索收录量将损失很大。 
修饰性图片文本替换：就是说将不是内容而是修饰的图片变成底图显示，不干扰搜索引擎，让它忽略它。而有增加文字，之后使用css隐藏掉，这样也增加了可以搜索的文字。常见使用于logo，按钮，菜单。 
js、flash文字图片还原：这是我近来提出来的一个思路，还没有广泛给大家知道的方法（呵呵，大家接不接受还是个问题）：将js，flash显示的内容转为html，之后使用js读取html，传递参数启动原来的效果、并且隐藏html，只是比原来增加了几个步骤。详细可以参考我写的文章：如何减少 JS对搜索的负面影响。 
3、W3C要求必须添加链接标签的title、图片标签的alt属性

这样的话，所有的a标签都会规范的添加有title文本，img有alt文本 。而不是等到要优化的时候临时的把几个含有关键字的链接（描文本）添加上title，图片加好alt。CSS+div不是为了SEO优化而添加title、alt，而是为了网页亲和力添加它们。

4、合理安排使用<h1>~<h6>，文本加粗，斜体，下划线

这是语义化标签都必须做到的一步。所以做到了CSS+div，这个问题也会在不知不觉中做到了。

5、网页标准可以随时将重要的内容调前，之后使用css重新定位。

例如页面效果图中中间的文字比较重要，可以先把重要的内容放在左边的代码的前面，方便搜索引擎，之后使用css将它调会到效果图的位置。

6、网页标准提到的好处

更少的代码和组件，容易维护 
带宽要求降低（代码更简洁），成本降低。 
更容易被搜寻引擎搜索到 
改版方便，不需要变动页面内容 
提供打印版本而不需要复制内容 
提高网站易用性。 
SEO的另一半工作是编辑，编程

编辑涉及的工作有：频道栏目的设计、取名，页面的布局（关键词的位置安排），创建栏目时，录稿时，文件夹，文件的取名；关键词管理，了解当前使用的关键词流行度，竞争度；专题、当前热门的关注；录稿时关键词的提炼、图片alt的插入习惯；与同类型网站的交流，交换链接……

编程涉及的工作有：页面实现静态化；URL实现伪静态，使用re_write重写技术；本站系统搜索中关键词的搜索功能，实现网站各个页面的关键词网；维护服务器，稳定服务器。评论的广告过滤；自动将关键词加粗、添加含有title关键字的链接；避免网站过多死链接，提供死链接自动删除或修复功能；相关文章取文章链接格式：先是关键词相同的关连，二关键字与标题的关连，文章内容与关键词关连。……

所以制作完成CSS+div的网页后，你只是完成了30%的SEO工作，还有另外70%需要编辑，编程共同完成。其它的作弊，或者是刻意重复关键词，body之间代码的开始或结束增加关键词出现机会。

制作、编程是SEO的“打地基”

没有好的制作，符合搜索优化的代码结构，那么无论编辑的水平怎么样，搜索引擎也不会有好效果。但也可以看到：“地基”打好以后，随着时间的增长，编辑的作用效果就会原来越明显，因为地基不需要经常变动的。一动就是伤筋骨的“大工程了”。

不符合标准的网站，赶紧网站重构吧

Christopher Schmitt

更方便搜索引擎的搜索。用只包含结构化内容的HTML代替嵌套的标签，搜索引擎将更有效地搜索到你的内容，并可能给你一个较高的评价(ranking)。
所以说辛苦的学习SEO，还不如来一次网站重构，使用CSS+div做网站，布局好网站的xhtml、css、js，选好程序，那么剩下的工作就是编辑。SEO能否实现最好的优化，这就要看编辑的能力和水平了。