杜晓龙：网页设计中需要注意的搜索引擎友好问题.docVIP

杜晓龙：网页设计中需要注意的搜索引擎友好问题 SEO，即搜索引擎优化，简单来讲就是总结搜索引擎的排名规律，对网站进行合理优化从而使你的网站在搜索引擎中的排名提高，让搜索引擎给你带来客户。 ? 1.div+css网站编码简洁明了 尽量使用div+css设计网页，一般网站页面不大小在100K左右，行业门户网站除外。div+css的好处：大大缩减页面代码，提高页面浏览速度，天生的网站优化，更好的控制页面布局。表现和内容相分离，Table?布局灵活性不大，你只能遵循?table-tr-td?的格式，而div?你可以?div?ul?li?也可以?ol?li?还可以?ul?li?等等。另外，table布局代码中，垃圾代码很多，不利于搜索引擎的检索。 ? 2.网页title设计 一个网站中的每一个网页的title都应该是独一无二的，不能有相同的。每进入一个层次，本页面的内容放到最前面，后面的是网站名称，中间的填上一些路径。譬如“2月22日鸭苗报价 - 鸭苗报价 - 报价网 中国禽病114网”。Title中的词同样也能提升关键词排名。 Title的书写：首页的title写法格式一般是“总标题-关键词，譬如“中国禽病114网-禽病门户-禽病防治门户-禽病论坛”” 内页title写法：内页title的写法有最常见的是“栏目名称-总名称”。譬如：2月22日鸭苗报价 - 鸭苗报价 - 报价网 中国禽病114网。 ? 2.页面关键词（keywords）及描述（description）设置。 一个网站中，必须保证每个页面的关键词和描述都是不同的。 meta name=Keywords content=关键词1,关键词2,关键词3,关键词4,关键词5 / meta name=description content=***网，主做什么什么业务，这是一个神奇的网站 / ? Keywords的书写，每个关键词之间必须用英文状态下的半角逗号（“’”）隔开。一般设置五个关键词最为合适。多则后面词的优势则不是那么明显，还会影响其他词的排名。且不超过100个字符。且不超过100个字符。 Description的书写，通常为一段介绍该页面的一段话。新闻页的话就是新闻的摘要内容，首页的话就是介绍本网站的内容。且不超过100个字符。 ? 首页keywords写法：在首页的keywords中加入总名称、栏目名称和一两个关键词（主做的关键词）。 栏目keywords写法：栏目的keywords其栏目下所有分类列表的名称列出，加上栏目关键字，写法是“栏目名称,栏目关键字,栏目分类列表名称”。(如果该栏目下没有分类，如新闻页面，就不需再加分类列表)。 分类列表页keywords写法：将你这个栏目中的主要关键字写入。 一般说来，网站每个页面的关键词中前几个是不一样的，但是后几个词的话可以是主做的关键词。两者加起来不能太多，适量就行。 ? ?3.少用脚本语言，JS尽量外部调用 javascript与css文件一律使用外部调用，不要把他们直接写进网页代码中，并且尽量减少脚本的个数，这样的话不仅利于网页的加载速度，也有利于搜索引擎的抓取。 ? ?4.尽量使用文字链接 尽量使用文字链接，而不是flash、图片、Javascript等来显示重要的内容或链接。因为搜索引擎目前并不认识这些东西，所以它们既影响网页打开速度，更不利于收录。（图片的话尽量每个图片都加上“ALT”属性） ? 5.网站的每个页面尽量静态化（或伪静态） 搜索引擎对动态网页如asp、php等，尤其是带?等参数的网页收录效果比较差。 伪静态的好处：不管是asp、php、jsp、.net等动态程序，都需要读取调用数据库内容，才能显示数据，这样速度就会变慢。影响用户浏览。而伪静态就是动态的生成一个HTML文件出来。其实它也是静态的了，只是说这个网站是伪静态的。静态的网站是不需要数据库的，它是直接在页面就有内容显示的了，相比起来，在打开的速度方面是会比动态有优势，对于搜索引擎来说，也好收录。 ? 6.网站页面的导航 这里所说的导航，就是SEO中常见的“面包屑导航”。 面包屑导航(BreadcrumbNavigation)通话故事简介：这个概念来自童话故事汉赛尔和格莱特，当汉赛尔和格莱特穿过森林时，不小心迷路了，但是他们发现在沿途走过的地方都撒下了面包屑，让这些面包屑来帮助他们找到回家的路，所以，面包屑导航的作用是告诉访问者他们目前在网站中的位置以及如何返回。 而在网页设计中它的作用就在于： ①让用户了解目前所处位置，以及当前页面在整个网站中的位置。 ②体现了网站的架构层级，能够帮助用户快速学习和了解网站内容和组织方式，从而形成很好的位置感。 ③提供返回各个层级的快速入口，方便用户操作。 ④Google已经将面包屑导航整合到搜索结果里面