采用CSS+DIV对网站重构日趋被大家重视起来了，尤其是大型站点，就在今天下午，IT168首页改版就选择了这种做法。其实，早些时候像阿里巴巴、163等大型门户站点就已经完成了重构工作。Robin早在去年就已经有了使用CSS+DIV来编写网页源码的习惯了，个人感觉这种方法确实比传统的TABLE形式的源码架构强多了。
很多SEO技术爱好者不是很明白CSS+DIV与TABLE相比到底有什么好处而来向我咨询，今天我来统一回答:)
根据我个人将近一年的网页编写经验，采用CSS+DIV进行网页重构相对与传统的TABLE网页布局而具有以下4个显著优势：
1：表现和内容相分离
将设计部分剥离出来放在一个独立样式文件中，HTML文件中只存放文本信息。
2：提高搜索引擎对网页的索引效率
用只包含结构化内容的HTML代替嵌套的标签，搜索引擎将更有效地搜索到你的网页内容，并可能给你一个较高的评价。
3：提高页面浏览速度
对于同一个页面视觉效果，采用CSS+DIV重构的页面容量要比TABLE编码的页面文件容量小得多，前者一般只有后者的1/2大小。
4：易于维护和改版
你只要简单的修改几个CSS文件就可以重新设计整个网站的页面。
从以上的描述来看，采用CSS+DIV对网站重构可以大大提升网站用户与搜索引擎的友好度。既然是这样，那为什么不从现在开始就学习并掌握CSS+DIV的网站重构方法呢？
作者：robin
转载请注明出处
Jan 20, 2007
前两天发完《SEO参考：DIV+CSS三行两列经典布局》一文，不少朋友在MSN上问我，使用XHTML标准的DIV+CSS布局对于SEO到底有什么作用。这两天简单总结了一下，写出来供参考。
XHTML技术问题请参考相关网站研究，下面说说在SEO方面的影响。
代码精简
使用DIV+CSS布局，页面代码精简，这一点相信对XHTML有所了解的都知道。代码精简所带来的直接好处有两点：一是提高spider爬行效率，能在最短的时间内爬完整个页面，这样对收录质量有一定好处；二是由于能高效的爬行，就会受到spider喜欢，这样对收录数量有一定好处。
表格的嵌套问题
很多SEOer在其文章中称，搜索引擎一般不抓取三层以上的表格嵌套，这一点一直没有得到搜索引擎官方的证实。我的几项实验结果没有完全出来，但根据目前掌握的情况来看，spider爬行Table布局的页面，遇到多层表格嵌套时，会跳过嵌套的内容或直接放弃整个页面。
[More...]
CMS是Content Management System的缩写，意为“内容管理系统”。CMS系统随着用户的建站需求快速发展革新，并提供了简易的操作、丰富的功能和完善的权限管理，为用户提供了一个低成本、高效率、实时协作的网站建设方案。下面推荐几个适合seo的cms系统。
ASP的cms方面：
动易内容管理系统2006。seo方面的特点：
1、生成HTML功能：可设置每个频道都可选择使用“生成HTML”功能，还是选择普通ASP生成方式。使用“生成HTML”功能即可将本频道内的文章直接生成为HTML格式的文件。
2、自动生成HTML：添加文章时自动生成需要更新的页面（如首页、栏目页、专题页等）。
3、批量生成HTML：将网站中生成的Asp格式的文件批量生成为HTML格式的文件。
4、版式模板制作：前台所有显示的各个页面中的版式均在后台操作完成。并可导入和导出模板以保存或共享。
5、风格模板设置：在后台设置网站的整体风格，可添加任意多个CSS设置及风格模板，并可导入和导出模板以保存或共享。
[More...]
Dec 30, 2006
中国的设计师们终于开始向符合标准的网页设计过渡了，现在我们打开一个网站，分析它的源代码，首先第一行就是< !DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">，很多人习惯了这种代码，可是还有很多人不知道这段代码是什么意思。
这段代码我们称之为DOCTYPE声明。DOCTYPE是document type(即文档类型)的缩写，用来说明你用的XHTML或者HTML是什么版本。其中的DTD(例如xhtml1-transitional.dtd)叫文档类型定义，里面包含了文档的规则，浏览器就根据你定义的DTD来解释你页面的标识，并展现出来。DOCTYPE声明在网页设计中不是必须的，可是要建立符合标准的网页，这一段声明又是必不可少的组成部分。不过这段声明加上之后，很可能在IE4.0和Netscape 4.0中显示不正常，不过我先现在还在使用IE4.0的人，1万人中也找不出一个了。
[More...]
使用DIV+CSS的时候最常见的就是这个问题，DIV+CSS如何横向居中呢？这个问题在使用table布局网页的时候是非常容易实现的，可是使用DIV+CSS的时候就会出现问题了。当然，前提是指你的布局包含在一个层中。就如同这样：
wrap {
width:760px; /* 修改为你的层的宽度 */
margin:0 auto;
}[/code]
但是IE5是不支持这个定义的。解决的办法可以是这样：
[code]body {
text-align:center;
}
#wrap {
width:760px; /* 修改为你的层的宽度 */
margin:0 auto;
text-align:left;
}
第一个body的text-align:center; 是规则定义IE5/Win中body的所有元素居中，而其他的浏览器只是代表文字居中，然后再用第二个text-align:left;将#warp中的文字居左。
[More...]
这个网站的域名叫http://www.chinasecuritysystem.com，是给老外看的，当然不是给老外看这么简单，所以google和yahoo的优化至关重要。最近的时间都要花在这上面，不过同志们不用点击了，因为东西还没放上去。截图是今天花一天的时间设计出来的，老外喜欢清爽的简单的网站，那就照着老外的思维来设计咯。。紫色做主色调，土黄是辅色。780的分辨率，居左的风格。
如果现在让我重新去念大学，一定要学好英语，最近困在英语上的东西太多了，看国外的SEO文章也只能懂个5成左右。不过这是不可能的事了，只能抽时间恶补了。告诫师弟师妹们，英语还是好好学吧。
前两天我写的一篇文章里说过，要提高网站执行效率，就要从各种细节入手。其中，CSS的简写在节省代码方面虽然没有table布局改为div那么客观，不过也是一个不能忽略的方面。下面总结一下CSS的一些简写方法：
外补丁(margin)的简写：
比如：margin-top:10px;margin-left:20px;margin-right:20px;margin-bottom:10px;
可以写成：margin:10px 20px;
或者：margin:10px 20px 10px 20px;
再或者：margin:10px 20px 10px;
注意：简写后的顺序是“上-左右-下”，“上-右-下-左”，“上下-左右”
内补丁(padding)的简写：同上
颜色的简写：
比如：color:#FFFFFF
可以写成：color:#FFF
或者：color:white
边框的简写：
比如：border-width:1px; border-style:solid; border-color:#FFFFFF;
可以写成：border:1px solid :#FFFFFF;
或者写成：border:1px solid :#FFF;
[More...]
Oct 29, 2006
根据google最新的算法规则：用户行为模式的重视程度越来越高，这也就要求网页设计的时候应注意
“合理的网页结构”，SEO业界也有个共识“网页设计首先面对的是访问者，其次才是搜索引擎”。
枫林有幸读了Tasneem Rangoonwala写的Effective Web Design，直译为“有效的网页设计”，准确点应该翻译为“合理的网页设计”。
Tasneem Rangoonwala对网页设计应该注意的问题分的很细,提到了网页从结构，色彩搭配，文本情况，图片设计，链接状况等很多细节方面应注意的问题。
枫林从正面在针对“合理的网页设计”做一些阐述：
怎么判断网页结构是否合理呢？
[More...]
Oct 26, 2006
仿51.la美化加强版统计系统----------------------------星箭修改版
星箭修改如下（2006年10月20日）：
1，修复了在IE7正式版框架调用错误，不能正常在右框架打开页面的问题。
2，根据阿江统计系统2.2，添加了流量分析--历史流量查询选项，可查询具体某一天或具体时段的流量纪录。
3，修改搜索引擎来源若干项，添加了来自live搜索、tom搜索、sogou搜索、腾讯soso、中国搜索、新浪iask、互联星空(114)的搜索引擎查询。
4，修复了统计来自msn搜索、yahoo搜索不准确的bug。
5，修复了无忧修改版alexa查询不能正常显示的bug。
6，添加了网站收录排名查询，查询结果更准确，不同的搜索引擎查询更细致。(感谢www.webmasterhome.cn提供数据)
7，添加了google的PR查询，同时查询google的18个数据中心的统计结果。(感谢www.webmasterhome.cn提供数据)
8，更新IP统计数据库，根据纯真IP数据库2006年9月11日版制作了access版，IP来源统计更准确。
无忧搜索修改如下(2005年11月)：
参照51.la风格美化，此版本是阿江2.1统计系统，去掉了所有的IFRAME和弹窗，净化了代码修复了阿江版权，在此基础上打上了阿江在落伍提供的2.2补丁，手写了alexa的统计功能，当然正版的2.2就带此功能了。加强方面加入了ALEXA排名查询，网站收录查询，PR等查询。集成在后台管理员面板，和各站分页面板，名为站长助手。
本统计系统禁止用于商业用途，支持正版，请购买正版阿江统计系统
程序修改：星箭 http://www.starow.net
程序修改第一版：无忧搜索 http://www.5seo.com
版权所有：阿江统计 http://www.ajiang.net/
[More...]
