根据dreamweaver cs3 模板布局学习网站优化

分类：网站推广 | lao8发表于 2007-12-6 17:45:00

5年前老吧因为工作原因有幸学习网页设计，并初步了解html代码，接触seo这个词是在3年前，因为老吧负责公司网站的优化及推广，不得不努力学习。在实践的过程中走了不少的弯路，2年前div+css流行，老吧为了学习开发第一个网站，并有了一定的积累。

老吧入道是从dreamweaver开始学习的，随着所谓的“web2.0”的流行，div+css布局为网站优化带来的更可观的效果。虽然很长一段时间老吧用editplus手写代码，但是从dreamweaver cs3发布之后老吧又开始用dreamweaver了。

我们就dreamweaver cs3 模板的布局来学习网页优化：

1、首先我们新建一个页面，我可以选择布局模板、文档类型、布局css位置等，如下图：

未命名-1

2、新建的页面布局如下图：

新建页面

3、我们就网页优化方面来分析一下新建页面的html代码：

<title>无标题文档</title> 大家都知道title在网页优化中是非常重要的，这里的title需要修改为文章标题或您认为重要的提示或关键词，通常老吧的做法是直接显示当前文章的标题。
我们注意到当前页面代码中<h1>标签出现过两次，看上图，分别是“标题”和“主要内容”，这里的“标题”一般都是网站的名字，“主要内容”则是具体文章的大标题，其次接下来才是具体的文章标题。<h2>标签被作为页面主体文章的章节标题使用。“sidebar1内容”用<h3>标签，作为右侧栏目的分类标题，由此可以见，这样的布局格式既适合我们的阅读习惯，也使得我们的页面格式化清晰，便于搜索引擎有条例的分析我们的页面。我们在优化我们的页面的时候<h1><h2><h3>...格式的布局是必要的，太多的时候我们的程序员忽略了这些，格式化的页面有助于我们事半功倍，不是<h1><h2>标签越多越好，过多的<h1>标签可能会被认为是过度优化导致我们的网站被搜索引擎抛弃。

4、dreamweaver cs3 div+css布局样式表可以与页面分离，使得我们的页面更加清晰化，搜索引擎可以分析更少的代码，加快抓取速度，同时div+css布局的页面加载速度比传统表格的加载速度效率更高，提高了网页速度和用户体验。

5、更多的新概念被引入dreamweaver cs3 ，感兴趣的同行可以研究一下。

就网页优化方面老吧做了以上几点探讨，如有错误之处敬请指正。

老吧