设计优秀的网站才是搜索引擎喜欢的
第一:醒目清晰的导航系统
导航对搜索引擎来讲是举足轻重的,网站的主导航及次导航一般是全站通用,所以导航要尽量清晰化,明确化真正起到导航的作用。
另一方面,在网站设计处理导航的时候尽量使用文字做导航,尽可能的避免使用图片或者flash等,若一定要用图片请一定加上alt属性。Flash则尽量避免,尽管Flash的表现效果特别好,但是目前搜索引擎还是无法读取到Flash文件的,这是典型的顾忌用户体验度而忽略的搜索引擎友好度。
第二:目录化站点栏目
在静态化的时候要注意站点栏目的目录化处理,简单来讲就是对不同的栏目设置不同的目录,是站点在物理结构上保持层次清晰,比如对一个简单的企业网站制作来说:新闻中心、产品中心、在线服务等可在站点跟目录设置news、products、services目录来存放该栏目下的频道页、栏目页、终端页这些。同时在目录划分是尽量不超过三次,这样可缩短url地址尽长度,或者使用静态URL或者伪静态都行!
第三:页面title等信息要完整
在对设计图进行静态化的时候我们对每个页面包换标题、关键字(keywords)、描述(description)等都应该完善并在程序处理时要注意同步差异化更新。设计师做好的模板在程序处理时一定要是跟页面内容相关!
第四:页面布局结构要合理
这主要是一些琐碎的注意事项,做好了可以是用户方面直接的找到内容及搜索蜘蛛行(PS:这些就是所谓的站内优化)。
1) 面包屑型导航;
2) 树状扁平化结构;
3) 设置上一篇、下一篇文章;
4) 根据文章的关键词设置“相关文章”栏目等。
第五:代码精简化,布局清晰流畅。
搜索引擎不喜欢大量的冗余代码,尽可能用精简的代码量来完成相同的功能是指导性标准,比如table向DIV布局的转变,css代码的精炼化,在使用DIV布局是尽可能少的减少DIV层的嵌套等这些符合web2.0标准。
同时页面布局的时候不要混乱,在着手做网页静态化之前就对整个网页设计的层结构有清晰的规划,用尽可能合理的DIV结构来把网页给静态化完是王道。参考标准:一般来讲页面大小不要超过125K。
第六:HTML标签使用要合理
对css操作熟练的美工往往对同一个表现效果来说使用任何一种HTML标签都能实现,比如对标题来说,用H1跟span标签都可以实现一样的效果不会影响到用户体验,但是对搜索引擎来说是天壤之别。对搜索引擎来讲,h1-h6标签是判断哪个是最重要的些是次要的参考依据。
一般来将一个页面只能使用一个H1标签,可同时使用多个H2及H3标签来指明内容的层次以及描述相似的内容区域,H4-H6的标签基本可以忽略。
第七:图片与A链接标签加上属性
现在搜索引擎还读取不到图片信息,因此在设计静态化页面时就要注意给所有图片加上alt描述属性,搜索引擎是可以抓取到图片的alt属性的。同时给图片的alt属性及a标签加上title属性是符合W3C标准,同时可以帮助用户浏览。
在设计时一些栏目标题类的是特别要注意的,这些是对搜索引擎起重要作用的地方,尽可能的减少图片及特殊字体的使用,这些地方既不会严重影响用户体验度还兼顾了搜索引擎的抓取!
第八:JS脚本、CSS脚本外部调用处理。
在静态化过程中一些网站需要用到的Javascript及CSS样式等统一整理成相应的JS文件、CSS文件做外部外部调用,一般不要直接把把这些代码写在网页中,这样可最大化的减少页面代码量,更有利于网页加载速度也有利于搜索引擎蜘蛛的抓取!同时,在合并js代码时只要不是JS文件过大,要尽量减少脚本文件个数,这个也是一条准则!
一个网站制作良好的网页设计也是对搜索引擎进行讨好的一个步骤,网页设计也是经历了一段发展史的,以前的网页设计都是盲目的跟随潮流,现在都像用户需要转变,进而到迎合搜索引擎的变化。毕竟只有搜索引擎的高质量排名才能迎来更多的访客。以迎合搜索引擎为主体的网页设计理念不断深入人心,成为了一种新的趋势,为此我们在制作网站的时候一定要遵循搜索引擎法则,让自己的付出都有所价值。
本文由上海网站制作协策网络(http://www.580plan.com/)发表,转载请以链接形式注明出处,谢谢!