网站的页面优化
网站上线之后，添加到了Google的网站管理员工具。发现google从网站内部提取出了一些奇怪的关键字，比如padding，style，class，这些都是html的标签属性，不应该可见的，难道页面有问题，导致google分析页面出现问题？正好要调整一下页面，所以就一起来弄了。
首先整个网站的结构需要进行调整，原先的html页面内写了太多的style了，有太多的padding了，现在把风格统统调整到一个单独的css文件中。原先在张沈鹏的http://kanrs.com/网站上见过相关介绍，这两天网站好像无法访问了。从http://blog.html.it/layoutgala/获得比较简单的结构，采用css就可以调整各个版块的布局，很方便。
<div id="container">
<div id="header">Header</div>
<div id="wrapper">
<div id="content">Content</div>
</div>
<div id="navigation">Navigation</div>
<div id="extra">Extra stuff</div>
<div id="footer">Footer</div>
</div>
采用这个模板的一个好处是可以把页面正文放在前面，让搜索引擎能够尽快找到真正的内容。原先的结构是把navigation菜单内容放到了前面，结果baidu认为navigation菜单内容比较重要，显示出来了，google比较智能，能够识别真正的内容。
另外一个定宽的css模板推荐使用Variable Grid System，可以自动生成所需要的css模板。我们的网站不需要定宽，就不采用这个960 Grid了。
结构调整之后，就开始移除padding，style等标签属性了。这个问题不大，慢慢来弄就好了。另外发现在html页面中直接展示了“>”字符，这是一个闭合符号，应该用“>”替代的，不知道这是否是导致google解析有误的地方？这些地方也要修改。
firefox的插件web developer真的不错，可以检查很多内容。在网页信息中，让它显示了一下排版信息，结果看到了很多粉红色的方块，拿douban的网页来看，基本上没有粉红色方块。我猜应该是dom的层次太多，导致了粉红色。开始对div进行调整，没有必要的就去掉，能够合并的就合并，div层次减少之后，再来看看，没有粉红色了。
web developer还可以检验html页面是否符合xhtml规范，html规范等，选择工具，validator HTML，则会跳到Markup Validation Service，可以进行完整的检验，利用这个工具，发现了一个未闭合的标签。还发现一些属性没有加上引号。修改之后，错误减少了很多，剩下的错误主要是图片标签没有加alt属性了。
另外也看了一些seo的书籍，查看了网站管理员/站长 帮助，调整了页面的title，keyword，description等等。感觉这次调整差不多了，先更新到网站上看看效果。