分析:什么是优化的网页设计?

 更新时间:2016年9月20日 19:05  点击:2001

  由于不同的搜索引擎在网页支持方面存在差异,因此在设计网页时不要只注意外观漂亮,许多平常设计网页时常用到的元素到了搜索引擎那里会产生问题。

  ■ 框架结构(Frame Sets)

  有些搜索引擎(如FAST)是不支持框架结构的,他们的“蜘蛛”程序无法阅读这样的网页。

  ■ 图象区块(Image Maps)

  除AltaVista、Google和Northern Light(现已停止公共搜索服务)明确支持图像区块链接外,其他引擎是不支持它的。当“蜘蛛”程序遇到这种结构时,往往会感到茫然不知所措。因此尽量不要设置Image Map链接。

  ■ 特效链接

  我们经常看到有些网站为导航链接加上了特效,如点击某个项目会展开下层链接等。这些效果一般通过Java Script实现,视觉上非常新颖,但在“蜘蛛”程序的眼里则没那么诱人,相反它无法解读这种链接。为了让搜索引擎顺利检索到你的网页,建议还是牺牲掉一些花哨的东西。

  ■ FLASH

  虽然FLASH制作的网页视觉效果较好,但搜索引擎对此却不太感冒,个案表明这一类的网站很难被百度搜索引擎索引。明智的做法是提供FLASH和非FLASH网页两种选择,这样即增加了网页的观赏性,又照顾到了搜索引擎的情绪。

  ■ 动态网页(Dynamic Pages)

  任何地址中带“?”号、“&”号(及其他类似符号)的网页都会把“蜘蛛”程序挡在门外。这些网页通常由CGI、PHP、ASP等程序产生,技术上较先进,但不适合搜索引擎的“蜘蛛”程序。虽然目前有的大型搜索引擎(如Google)已具备检索动态网页的能力,但相当一部分数引擎还是不支持它的。而且即使是能够索引动态网页的Google,也在多个场合中明确表示不保证检索全部的动态网页。

  因此,除非是超大型网站,为方便起见不得不采用动态网页生成技术,否则还是尽量使用静态网页为好。

  ■ 加密网页

  除非你不希望搜索引擎检索你的网页,否则不要给你的网页加密。

  ■ 网页容量

  包括图像在内的网页字节数最好不要超过50K。体型庞大的网页下载速度慢,不仅会让普通访问者等得心急如焚,有时也会使“蜘蛛”程序感到不耐烦。

  ■ 独立域名与付费虚拟主机

  目前搜索引擎都不愿收录位于免费主页空间上的网站。其理由是,既然你认为自己的网站如此重要,以至于需要登录搜索引擎让天下人都知道,那么你没有理由还将它放在免费服务器上。更何况免费主页通常速度较慢,会影响大家搜索信息的效率。

  当然凡事都有例外,如果你的网站确实优秀,也有可能被搜索引擎接受,不过在条件相当的情况下,你的排名会永远跟在那些拥有独立域名的网站后面。




  网页排名优化基本概念

  所谓网页排名优化,是指迎合搜索引擎的网站排名规则进行网站的规划,网页的设计,以确保网站能在搜索引擎上获得较好的排位,让更多的潜在客户能够很快地找到你,从而求得网络营销效果的最大化。

  ■ 关键词的使用

  我们寻找关键词的目的就是为了要将它们用在网页中。看了前面有关搜索引擎工作原理以及网页排名规则的介绍,你也许还记得搜索引擎是如何对用户的查询作出反应的。它首先以输入的关键词:如红外线测温仪为搜索条件,在其数据库中检索包含该关键词的网页,然后按照“匹配/位置/频次”原则返回网站排名搜索结果。

  所以为了让你的网页出现在以事先确定的关键词为条件的搜索结果中,你就必须在网页中使用关键词。放置关键词的地方包括:标题、META标签、网页正文、ALT标签等等。但有一点要注意,不要过分重复某单个的关键词(spam),而且也不能象在META关键词标签中那样简单地排列关键词(也是spam),而是应该遵循必要的语法规则,形成自然流畅的语句,让访问者看起来觉得很舒服,同时还要顾及对顾客是否具有足够的吸引力。总之牢记一个原则:对访问者有吸引力和价值的内容,搜索引擎也不会熟视无睹。

  确实,这项工作不容易,但只要我们肯下工夫,将思维发挥到极致,就一定会得到满意的结果。

  ■ 网站主题规划

  注意不要让你的网站主题过于分散。因为网站主题越集中,一般情况下网站所有者在这方面投入的精力会更多,因此所提供信息的质量也会越高。我们知道,搜索引擎一直致力于向用户提供高质量的信息搜索服务,所以它会将那些提供有价值信息的网站排名提前,优先返回给用户。

  如果网站内容覆盖范围很广,而且确实又需要保留众多的主题,这种情况下怎么办?还是同样的原则,只要你将网站信息分门别类进行合理的组织,自然就会形成一个个相对集中的主题,那么搜索引擎自然会给你一个靠前的网站排名。

  ■ 丰富网站内容与网站受欢迎程度

  这两者是相辅相成的,有着丰富内容的网站通常也会受访问者的欢迎。请注意这里的内容丰富并不是指内容的繁杂,而是指内容的深度。

  搜索引擎在排名网站时,不仅要看网页的信息相关度,同时也会考虑网站的声望如何,比如外部链接有多少,网页的点击率有多高等等。因此一个内容充实的网站肯定会排在内容贫乏的网站前面。



  网页优化不乏旁门左道,但这往往只是讨一时之巧,结果终是得不偿失。搜索引擎,尤其是大型搜索引擎在侦测作弊行为方面是很聪明的,所以从长计议,最好不要采用以下作弊行为:

  ■ 设置文字颜色与背景相同

  这是种“古老”的提高网页关联度的手段,具体做法是:

  在网页中放置大量的关键词,并将其颜色设成与背景同色,这样可以让搜索引擎检索到更多的关键词,同时还不易被普通浏览者发现。

  这是种典型的作弊行为,现在所有的搜索引擎对此都异常敏感,一旦发现投机取巧者,它们将毫不留情地予以严厉的打击。因此,除非你想证实搜索引擎对此有多恼火,否则千万不要以身试法。

  ■ 使用与网页内容无关的关键词

  有的网站为了增加访问量,在网页中使用一些非常热门,但与自己网页内容无关的搜索词,比如“mp3”、“DVD video”等,希望借此吸引更多的访问者。

  但要知道,这是种极不负责任的行为。当用户碰到这种情况时,他们往往会感到沮丧,并且由于大多数普通网民不了解搜索引擎检索信息的机制,他们会怀疑搜索引擎的有效性,进而对搜索引擎敬而远之,而这正是搜索引擎最不愿见到的结果。

  所以搜索引擎对这类做法也是深恶痛绝,一旦作弊者被发现,所受到的惩罚将是严厉的,轻则取消你网页的排名资格,重则会将你的整个网站从数据库中清除。

  ■ 大量无关的外部链接

  在网页排名基本原则和网页优化部分我们提到外部链接的重要性,但这并不意味着你可以不求策略地与所有愿意与你链接的网站交换链接。实际上过多与网站无关的低质量链接不仅起不了作用,相反会给你带来麻烦,而在这方面Google尤其挑剔。



  现在的商业门户网站在几乎都是三栏,上面是logo+banner 。其实门户网站因为信息大,更新频繁,在设计时应该充分考虑可扩展性,我认为可以充分利用下拉特性,充分考虑左上位置的设计,主体争取结构明了简洁。下面我们一起来看看几个门户网站的设计。

  下面这个网站是卡通网站,广告栏很大,但通过精心设计使之醒目而不凌乱。图片统一使用斜角,统一又不呆板。




  下面的网站使用曲线与直线的结合,蓝灰色主色,画面沉静而不脏,这里的色彩难度很高,需要细心调试,色块分割,简单明了。



  下面的网站特点主要是空白的使用。其实门户也可以空白,这个站给人空灵和舒服的空间感(虚线的使用一度非常流行)。

< 在分层开发web应用时,web不要过分强调代码的重用性,重用的前提是不影响模块结构的清晰
否则action配置复杂,模块之间的相互调用太多,容易引起混乱以上的观点在web层肯定适用,也就是client层当然,往较底层的代码,在业务层,还是要偏重讲究复用性的,dao层更是

  举例说明:

  *update中的一个例子
  需要查出数据进行更新,一种方式是用LoadXXXAction查出,用UpdateXXXAction进行更新;
以上做法导致:一个简单的更新模块,struts配置需要两个action。

  另一种方式是在UpdateXXXAction中进行分支判断,init就用load逻辑,update就update数据;
重用的是较底层的业务load和update,且只要配一个action;而且以后修改模块,用户也不用在类之间跳来跳去了:一个action类,一个page;(结论:一个模块一个action)


  *query的例子(观点有改变,这种query设计将多个模块的query在一个action,反而使结构不清溪,有时未必一定要追求action配置最少,而是要追求模块本身的清晰,所以以下的做法是不合适的)
查询的界面往往雷同,通常是查询条件+列表,所以一类查询可以放到一个action里面,比如所有对order的查询,用act区分查询类型(审核查询,回单查询...)和查询后到的页面类似的还有如xxxInfoX.do获取单条记录的xml流,可用act区分查询的table(party,vehicle...)
(一组相似的查询一个action)XXXX

  *更复杂的录入

  对更复杂的交互,一个模块一个action更能显出优势来,比如以前做过的ContractPayment和现在的配货单,一个模块往往要操作三张关联的表,这时候在一个action中,用act区分动作,再结合session bean,每次都只对session bean的部分进行操作,直到最后完成全部交互后一起提交

  *保持大模块的独立性

  一个大的模块中的小模块应该只属于该大的模块,而不是引用其他大模块中的小模块比如订单查询,在运单中也需要,但建议在运单大模块中添加,而不是在订单中添加了再在运单中引用从维护角度讲,大模块间的相互引用会影响可维护性。当然,适当的引用还是可以简化开发的,特别是确定和业务模块无关的小模块(以后不会随业务的改变而有变动),比如在运单大模块中的查看一张订单信息的小模块,仅是查看一条信息而已,可以跨模块引用。



SyntaxHighlighter.highlight();
[!--infotagslink--]

相关文章

  • photoshop设计一幅大鱼海棠动画片海报制作实例教程

    今天小编在这里就来给各位photoshop的这一款软件的使用者们来说一说设计一幅大鱼海棠动画片海报制作的实例教程,各位想知道具体制作步骤的使用者们,那么各位就快来看看...2016-09-14
  • ps怎么制作倒影 ps设计倒影的方法

    ps软件是一款非常不错的图片处理软件,有着非常不错的使用效果。这次文章要给大家介绍的是ps怎么制作倒影,一起来看看设计倒影的方法。 用ps怎么做倒影最终效果&#819...2017-07-06
  • C语言程序设计第五版谭浩强课后答案(第二章答案)

    这篇文章主要介绍了C语言程序设计第五版谭浩强课后答案(第二章答案),小编觉得挺不错的,现在分享给大家,也给大家做个参考。一起跟随小编过来看看吧...2021-04-02
  • Mysql效率优化定位较低sql的两种方式

    关于mysql效率优化一般通过以下两种方式定位执行效率较低的sql语句。通过慢查询日志定位那些执行效率较低的 SQL 语句,用 --log-slow-queries[=file_name] 选项启动时, mysqld 会 写一个包含所有执行时间超过 long_quer...2015-11-08
  • Photoshop设计商务名片的5种常见思路分享

    今天小编在这里就来给Photoshop的这一款软件的使用者们来说下计商务名片的5种常见思路,各位想知道的使用者,那么下面就快来跟着小编一起看一看吧。 给各位Photosho...2016-09-14
  • MySQL针对Discuz论坛程序的基本优化教程

    过了这么久,discuz论坛的问题还是困扰着很多网友,其实从各论坛里看到的问题总结出来,很关键的一点都是因为没有将数据表引擎转成InnoDB导致的,discuz在并发稍微高一点的环境下就表现的非常糟糕,产生大量的锁等待,这时候如果...2015-11-24
  • Android用MemoryFile文件类读写进行性能优化

    java开发的Android应用,性能一直是一个大问题,,或许是Java语言本身比较消耗内存。本文我们来谈谈Android 性能优化之MemoryFile文件读写。 Android匿名共享内存对外A...2016-09-20
  • php根据用户语言跳转相应网页

    当来访者浏览器语言是中文就进入中文版面,国外的用户默认浏览器不是中文的就跳转英文页面。 <&#63;php $lan = substr(&#8194;$HTTP_ACCEPT_LANGUAGE,0,5); if ($lan == "zh-cn") print("<meta http-equiv='refresh' c...2015-11-08
  • 101个MySQL的配置和优化以及备份的经验提示

    MySQL是一个功能强大的开源数据库。随着越来越多的数据库驱动的应用程序,人们一直在推动MySQL发展到它的极限。这里是101条调节和优化 MySQL安装的技巧。一些技巧是针对特定的安装环境的,但这些思路是通用的。我已经把...2013-09-11
  • Angular性能优化之第三方组件和懒加载技术

    这篇文章主要介绍了Angular性能优化之第三方组件和懒加载技术,对性能优化感兴趣的同学,可以参考下...2021-05-11
  • 腾讯视频怎么放到自己的网页上?

    腾讯视频怎么放到自己的网页上?这个问题是一个基本的问题,要把腾讯视频放到自己的网页有许多的办法,当然一般情况就是直接使用它们的网页代码了,如果你要下载资源再放到...2016-09-20
  • WPF实现类似360安全卫士界面的程序源码分享

    最近在网上看到了新版的360安全卫士,感觉界面还不错,于是用WPF制作了一个,时间有限,一些具体的控件没有制作,用图片代替了。感兴趣的朋友一起跟着小编学习WPF实现类似360安全卫士界面的程序源码分享...2020-06-25
  • C#程序优化-有效减少CPU占用率

    本文给大家介绍的是C#程序优化的小技巧,通过此方法可以有效的降低CPU的占用率,十分的简单实用,有需要的小伙伴可以参考下。...2020-06-25
  • JavaScript提高网站性能优化的建议(二)

    这篇文章主要介绍了JavaScript提高网站性能优化的建议(二)的相关资料,需要的朋友可以参考下...2016-07-29
  • 利用 Chrome Dev Tools 进行页面性能分析的步骤说明(前端性能优化)

    这篇文章主要介绍了利用 Chrome Dev Tools 进行页面性能分析的步骤说明(前端性能优化),本文给大家介绍的非常想详细,对大家的学习或工作具有一定的参考借鉴价值,需要的朋友可以参考下...2021-02-24
  • 网站广告怎么投放最好?首屏广告投放类型优化和广告位布局优化的案例

    网站广告怎么投放最好?一个网站中广告位置最好的是哪几个地方呢,许多的朋友都不知道如何让自己的网站广告收效最好了,今天我们就一起来看看吧。 在说到联盟优化前,...2016-10-10
  • photoshop安卓和苹果界面设计之尺寸规范详解

    今天小编在这里就来给各位photoshop的这一款软件的使用者们来说下安卓和苹果的界面设计之尺寸规范,各位想知道的使用者们,那么下面就快来跟着小编一起看看吧。 给...2016-09-14
  • 详解Vue开发网站seo优化方法

    这篇文章主要介绍了Vue开发网站seo优化方法,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友们下面随着小编来一起学习学习吧...2021-05-07
  • 基于JavaScript实现网页倒计时自动跳转代码

    这篇文章主要介绍了基于JavaScript实现网页倒计时自动跳转代码 的相关资料,需要的朋友可以参考下...2015-12-29
  • CocosCreator ScrollView优化系列之分帧加载

    这篇文章主要介绍了CocosCreator ScrollView的优化,从分帧加载进行了讲解,对性能优化感兴趣的同学,一定要看一下...2021-04-15