对搜索引擎友好的网页设计

Title 和 Meta 标签
1、title 简短精炼，高度概括，含有关键词，而不是只有一个网站名称。但关键词不宜过多，不要超过 3 个词组。
2、前7 个字对搜索引擎最重要，因此关键词位置尽量靠前，总字数不超过30 个汉字。

Meta 属性关键词(Keywords)：
keywords 书写的关键是每个词都能在内容中找到相应的匹配才有利于排名。

描述(Description)：
1. 描述中出现关键词，与正文内容相关，这部分内容是给人看的，所以要写的很详细，让人感兴趣，吸引用户点击。
2. 同样遵循简短原则，字符数含空格在内不要超过 120 个汉字。
3. 补充在 title 和 keywords 中未能充分表述的说明。

其它 Meta 标签：
为了限制搜索引擎对内容的抓取，可以采用以下几个 Robots Meta 标。
Google 另外的一个属性 rel="nofollow"：
告诉搜索引擎这个链接不是经过作者自己编辑的，所以这个链接不是一个可信任的链接。搜索引擎看到这个标签就可能减少或完全取消链接的投票权重。但并不是所有的搜索引擎都支持 meta 中的 robots 标签。

访问结构
访问结构即通过几层能够访问到最终页面，Google 最好为三层，百度不限。

二级域名访问结构：由于三层的目录，容纳的页面有限，需要多级目录。这个时候使用前面我们讲过的 二级域名方式扩大级数。因为二级域名算独立网站，目录层次从当前二级域名算起。

外部访问结构：有的网页在本网站层数很多，但也被Google 收录，这是因为这些网页在被其他网站引用，而Google从其他页面进入这个页面。可以使用 link 命令查询该页的反相链接。

目录和文件命名
目录和文件名称中的关键词
目录和文件名称如果有关键词组，要用连字符“-”而不是下划线“_”进行分隔。

URL 应该越短越好

GB2312 中文路径
现在搜索引擎对 GB2312 的中文URL 能正常收录了。优化无处不在，URL 上的关键词相比标题权重要少一些，但还是有效，有条件可以增加上。
URL 应该越短越好

动态网页静态化
虽然大多数搜索引擎的蜘蛛程序现在基本都可以解读符号“?”后的字符，但搜索引擎更喜欢静态文件，所以要对动态网页静态化

图像优化
1. 在保持图像质量的情况下尽量压缩图像的文件大小。
2. Alt 属性：每个图像标签中都有 ALT 属性，搜索引擎会读取该属性以了解图像的信息。因此，最好在所有插图的 ALT 属性中都有文字描述，并带上该页关键字在其中。
3.在图片上方或下方加上包含关键词的描述文本；
4.使用链接链接到这个图片。

FLASH 优化
1、做一个辅助 HTML 版本：保留原有 FLASH 版本的同时，还可以设计一个 HTML 格式的版本，这样既可以保持动态美观效果，也可以让搜索引擎通过 HTML 版本的网页来发现网站。
2、将 Flash 内嵌 HTML 文件：还可以通过改变网页结构进行弥补，即不要将整个网页都设计成 Flash 动画，而是将 Flash内容嵌入到 HTML 文件中，这样对于用户浏览并不会削弱视觉效果，搜索引擎也可以从HTML 代码中发现一些必要的信息，尤其是进入内容页面的链接。

表格使用
1.如果某个网页采用了大段的长篇文本，除了可以将一页文本分成多面，还可以考虑将文本置入不同表格中，这样不仅管理方便，也使得该页加载时每个表格内容依次加载，这样访问者就可以一边看已下载内容一边等待剩余部分加载，而不是等待很久之后才一齐加载出来。
2.表格之内套嵌太多表格也不利于页面加载，因浏览器是先加载完大表格之后再加载内嵌的小表格，因此内嵌表格会最终降低整页加载速度。
3.尽量采用XHTML标准，使用DIV代替表格。具体方法是采用CSS里面的 FLOAT 属性，position 属性等定位

网页减肥
1.CSS 样式
网页制作应通过 CSS（层叠样式表单）来统一定制字体风格
2.JavaScript：
a. 简化js中的函数名称和变量。
b. 将网页的公共部分转换为脚本并存于 js 文件里。这样可以减少文件大小，加快下载速度，同时也方便管理。不过不能将导航等等优化的关键代码转换成js，否则搜索引擎搜索不到。
3.使用base 标签：
Base 标签是一个全集控制的标签。
4.慎用网页减肥工具
通常的网页减肥工具，对htm 减肥具有一定的破坏性，常常为了减肥将标签的后半个标签删除，造成网页的不完整。
5.删除空格和回车