谈网页优化

谈起网页的优化这个问题许多人都没有什么概念，有许多的业内人士都对网页优化一窍不通或许知之甚少。说起对网页优化的了解，我从前去各大查找引擎上查找过“网页优化”一类的论题，成果都是介绍怎样优化查找引擎排名的文章，其实这仅仅优化概念的一个组成部分，而网页的优化作业是由许多方面的优化组成的，作为一名优秀的网页优化作业人员必须具备多方面的常识，不仅仅要掌握网站规划制造技能（包含网站架构规划、网页规划以及制造页面编写代码等等）；还要掌握许多计算机其他方面的常识(包含电子商务、人机交互、易用性和一些相关的软件常识等等)；乃至需求掌握心思学、商业运作等相关常识。 
我以为网页的优化应该是由两个方面组成的：1.技能优化，2.人文优化（这个分类仅仅我总结的，没有人给出过具体界说）。技能优化指的是代码的优化、目录结构的优化和针对查找引擎的优化等等针对技能方面的优化作业，一般都是看不见摸不着的可是会给用户带来不少便利也会给网站带来更大的效益，技能优化有必定的模式并且需求优化的东西也比较固定相对简略一些仅仅时间问题；人文优化指的是交互性优化、易用性优化等等针对用户运用方面的优化作业，这一部分是网站用户看得见摸的着的东西，人文优化是最花阅历最困难的由于咱们要猜想运用者的心思。下面我就分别对这两个方面进行解释。

1． 技能优化：

技能优化首要分为代码优化、目录结构优化和针对查找引擎的优化三个部分。这一部分的优化作业首要是由网站开发人员测验提出方案完结的，并且有必定的规矩，所以相对要简略一些仅仅时间问题。

（1）代码优化：

代码优化首要处理的问题便是页面阅览速度和适应性的问题。文字和图片是构成页面的两个首要因素，所以咱们的优化也要从文字和图片开端。文字咱们在制造页面的时分基本上都是界说好的一般运用宋体和12px，跟着代码的规范化字体的样式巨细等等的指定应该运用css样式表来完结，而现在被广泛运用的、等等标签都是不规范的，也会渐渐被css替代，现在许多大型的网站包含各个门户网站像是这样不规范的问题仍是广泛存在简直每个页面都会有，所以css样式表是咱们在优化过程中应该留意查看的问题（其实这个问题应该是在页面制造的时分就处理的）。图片问题首要存在size过大的问题，在这儿咱们把图片的优化归在代码优化一部分一起介绍而不另分一类，是由于图片优化与代码内容优化的意图是相同的。网页中一般运用两种格局的图片jpeg和gif，这两种图片的运用许多人把握的并不是很好，jpeg适用于色彩比较多、构成比较复杂的图片（比方一些相片、渐变色彩等等），gif适用于色彩比较少、构成比较简略的图片（比方网站的logo、大的色块构成的图片等等）。Gif图片特别要留意导出的时分挑选色彩数目这样也会到达很好的减小尺度的作用。关于一些比较大的图片咱们还能够将它切割成比较小的图片进行拼接这样也能够进步网页的下载速度。减小网页size进步网页下载速度还有一种简易的办法便是运用一些网页减肥的小东西，咱们能够去下载一些这样的东西他们能够使你的网页缩小20％～50％到达事半功倍的作用。表格是页面最重要的排版办法，在阅览器读取网页代码的时分，必须读完一个完好的table才会显现出来， 假如一个大的table里面含有许多小的table那么阅览器会在读完好个大的table才将整个的内容显现出来。咱们在阅览一些页面的时分常常会呈现页面半天才会显现出来，最后是在等不及了按了“停止”按钮，页面一会儿显现出来了，这便是在一些小的table外边嵌套了一个大的table，而小table现已读完了便是还没读完好个的table阅览器不会显现，这样会大大减慢页面阅览速度。因此咱们要尽量削减表格层次，尽量避免将一些小的表格嵌套在大的表格中心。还应该留意的是在运用dreamweaver制造网页的时分常常会呈现许多垃圾代码，留意查看删去一些没有用的代码。网页的适应性便是在不同系统、不同阅览器和不同分辨率的适应能力。要留意的是分辨率，应该最低照顾到800×600的用户（分辨率800×600的显现尺度780×428、分辨率1024×768的显现尺度1007×600），所以页面最宽不要超过780，必定不要让用户横向拖页面。

（2）目录结构优化：

现在许多网站都将一切的页面零星的放在同一个文件夹下而没有分类，这样做虽然能够可是会对今后的保护等作业带来很大的费事。我建议应该是建立一个大文件夹，里面包含各个频道的文件夹、网页页面图片文件夹、网页内容图片文件夹等等一个一个的单独类其他文件夹，使得在保护时分能够便利的找到每一个页面的具体方位。

（3）针对查找引擎的优化：

查找引擎优化是许多人都知道的一种优化项目，也是完好的优化作业必不可少的一个过程。 “要害字”在查找引擎这个论题里是一个中心的字眼，简直一切的针对查找引擎优化问题都是围绕着“要害字”展开的。有许多人盲意图追求在网页中处处体现要害字，觉得这样就会更简略被查找引擎搜到，其实这样做并不必定合适。比方前一阵子流行过的“鬼影秘笈”，办法便是用和网页背景相同的色彩在页面中隐藏了许多要害字，许多人现在还在用这个办法，可是跟着查找引擎功用越来越强壮这个办法现已不那么好用了，乃至会起到反作用。“要害字”的体现要合理，比方咱们能够制造一个“网站导航”的页面，网站导航页面会淋漓尽致的体现各个要害字，这个页面不光便利用户运用也会更简略的被查找引擎找到起到事半功倍的作用。跟着查找引擎都有了图片查找功用，网页里面的图片也是体现要害词的好地方，在页面里面加入图片后千万别忘记给图片起一个“名字”咱们给图片的称号就可所以要害字。域名里面含有要害字也很重要，可是不宜过多，一般一个或许两个最重要的就能够了，假如过多就会影响网站在查找引擎的排名并且不便利用户回忆。子页面的称号也是相同，现在许多网站的子页面称号便是要害字的堆砌，其实这样会下降每个要害词的呈现机率，成果每个要害词都被打了扣头乃至被疏忽适得其反。在子页面的命名上也有很大的学问，几个要害词构成了子页面的称号，可是这几个要害词用什么衔接呢？假如用分隔符断开要害字那么查找引擎不会以为他们是一个一个的词而会当他们是一个词处理，可是有的分隔符查找引擎同样认不出来，比方“_”和“-”在google里面下划线“_”就不被承受，所以建议大家运用“-”和空格（空格码：％20），一般一切的查找引擎都会承受。千万不要用中文给页面命名，页面称号、图片称号等等都要用英文字母（如：“首页.html”或许“图片.gif”必定要写成“index.htm”“image.gif” 等等）。现在许多网页虽然很美观可是并不有用，咱们就拿现在很流行的跳转页面来说吧！现在许多企业网站都流行做一个跳转页面，或许是一段动感的flash或许是一张美丽的图片，他们以为这样很美丽特别能够体现公司的形象，其实他们并不知道这样做十分影响查找引擎查找你的网站。

2． 人文优化：

人文优化首要是交互、易用性和网站体现的优化。我从前看过一本书是美国着名的优化大师斯蒂夫.克鲁格写的，他推崇的作用优化榜首准则便是“别让我动脑”。也许这个概念看上去如同一点条理没有，我榜首次接触这句话的时分也是有点晕，假如想要做到这一点那可是十分困难的。“别让我动脑”这个概念在不同的人身上有着不相同的概念，这就回到了上边所说的“人文优化是最花阅历最困难的由于咱们要猜想运用者的心思”这句话。人和人是不相同的，每个人会由于生活的地域不同有着文化差异，或许由于遭到的教育阅历不同有着了解问题的差异，或许是个人观点和习惯的不同等等有着各种各样的差异，咱们要让一切人都能够了解咱们的网站能够便利的运用网站到达他想要到达的意图这简直是太难了，而人文优化要做的便是要把这些差异变为一致。各个网站都会有不同的意图，有电子商务网站、企业的展示网站、个人站点等等。现在咱们就以最最需求进行人文优化的电子商务类型网站为例研究人文优化的大约过程。电子商务网站这个概念很明确，便是要体现商务，可所以网上购物的、可所以在线票务的、可所以网上的交易平台，总之便是让用户在网络上实现商务意图。现在电子商务网站大体会有两个部分B2B（商家对商家）、B2C（商家对普通零星用户），B2C是电子商务网站规划的最高境地，假如能够做出成功的B2C网站那么其他什么企业展示网站或许B2B的商务网站等等就都不算什么了，原因也很简略，便是由于上边所提过的人和人的差异。电子商务网站有一个很重要的指标便是“转化率”（也便是上网阅览网页的阅览者转变为顾客的比率）。这个概念也便是咱们衡量一个电子商务网站是否成功的重要指标，他也在优化过程中占有重要地位。介绍完电子商务的一些相关概念咱们言归正传，当咱们要对网站进行优化的时分，咱们很快的就完结技能优化，由于技能优化有特定的过程需求优化的项目也比较固定并且有据可依。可是许多人不知道人文优化该怎样下手，其实也很简略那便是“试用”，一般试用会分为两个部分：首先咱们会自己试用一下对网站有一个大约的了解，然后咱们需求找一些普通用户进行试用，在普通用户试用过程中咱们不会给予任何提示只需求默默的观察他们的操作过程记录每一个过程的操作过程和所用时间了解他们的一些想法。在“试用”今后咱们就能够依据测验的成果分分出需求修正的部分。切记在试用过程中咱们千万不能给被测验的用户任何提示尽量不要打扰他们。说回上边提到的“别让我动脑”这个概念，其实这句话就表达了一个意思便是“简略”，运用简略是一个电子商务网站成功的基础。“简略”主旨咱们需求贯穿整个网站的每一个部分。下边咱们依照“试用”流程剖析一下在优化过程中需求留意的问题。从登陆这个网站开端，咱们是不是能够清楚的看到这个网站叫什么名字？是干什么的？那里是产品的目录？那里是导航菜单？那里是今日的要点引荐产品？那里是扣头产品专区？这一连串的问号是针对电子商务网站而言的，假如关于其他网站咱们会考虑其他因素，比方针对一个新闻页面而言，咱们就会考虑那里是今日的头条新闻？我要看昨天晚上中国队足球赛的比分和图片在那里？等等。这种测验并没有特定的规范，任何动作都是随机的都是咱们突发的动作，所以这样的测验不能像是那种商场或许专卖店等等地方的测验相同给咱们一个很长的表格让咱们去画对勾画杈子。一切测验做的都要十分天然，只要这样咱们才能够真正了解到用户在运用过程中遇到的困难。咱们有的时分也能够给被测验人一个标题让他去完结，比方：让他去网站上买一张最新的大片DVD，或许然他们去查找一个最新的音讯乃至是一条一个月曾经的音讯。整个测验都要在调和的环境下进行，不要让参与测验的人感到严重，那样会大大下降测验成果的正确性。测验还需求依据经费、网站规模等等状况制定不同的方案。

通常咱们优化的要点都会集中在导航菜单、产品目录、站内查找、页面布局、购买流程等等。下边我要举一些小比方剖析一下现在许多网站所犯的过错，咱们怎样进行优化。

咱们先看一个大多数网站都会犯下的文字过错，文字是构成网页的最重要的元素之一，咱们文字能够用文字的色彩、巨细和方位来区分他们的重要性，分为标题、内容等等。有许多网站的首页进去咱们一眼看到的是黑漆漆的一片文字，马上咱们会对这个网站都没有好感。这便是咱们国内许多网站都有的过错，网站会因不同的意图有不同的规划方向，许多企业的领导者并不懂得规划，他们会去参阅一些他人的网站来对规划者提出自己网站的规划要求和想法，这样就会形成不管什么方向的网站感觉都相同，然后失去了自己的主题。比方现在咱们去一些企业的网站，上去之后没看到这个企业是干什么的，榜首眼便是大片的企业新闻，这样的大片新闻感觉企业网站变成了新闻网站。有人说了那咱们把企业介绍放在首页吧，这样一上网站的首页人家就看见咱们公司是做什么的了。看上去真是好主意，可是咱们应该明确一点用户是在“阅览网页”而不是在“阅览网页”，这样大片的文字根本不会有人有爱好看，用户只会对自己感爱好的东西进行阅览，其它基本上都是阅览。咱们能够作一个简略的实验，现在你能够递给你身边的一个人一张报纸，让他们看报纸，仔细观察一下他们怎样看报纸，每一个人都会整个把报纸翻一下，起码他会看完一整版的标题然后开端阅览一个文章。肯定没有人会拿起报纸从左上角或许右下角开端一个字一个字的阅览报纸。网站的好处便是在于“链接”，咱们能够充沛的利用链接引导用户阅览他们感爱好的东西，或许引导他们阅览咱们希望他看见的东西。咱们现在就能够去优化一下曾经的网站了，去掉首页大片的文字，依据需求改成链接。

还有一个各个商业网站都会犯下的过错，便是在让客户填写注册信息的时分需求必填的栏目太多。许多上网的人都有这样的阅历，现在大多说商务网站都会有注册一栏，假如注册成为会员就会有什么什么样的服务，很好咱们进去注册一下吧。点击注册按钮，翻开页面，好家伙怎样要天那么多条，还都是画着红色星号的必填！算了仍是不注册了！一会儿这个网站会由于注册少了许多顾客。有的人没被吓跑坚持填写，好吧开端填写了用户名、暗码、确认暗码……“身份证号码”？“手机号码”？一会儿咱们停住了，不填这些能够么？可是画着红色星号，算了我不想让他人知道这些信息，我也走吧，看看其他网站有没有同样的服务并且需求的信息少一点，虽然其他网站服务不好并且不如这个网站有名气。这便是许多人上网的阅历，许多网站的具有者急于求成，想马上操控到客户的资料，他们会觉得这样就会占到商场的先机。其实他们错了，想一下咱们先让用户都来运用咱们的网站渐渐的他们觉得咱们这儿很安全并且服务很好就会有人想得到更多的服务，他们天然而然的就会注册这些信息了。可是咱们在用户还没有了解这个网站的时分就把他们吓跑了咱们就会完全的失去这部分用户的，这样给网站和企业带来的丢失要远远大于那些不管怎样都会注册的用户带来的利益要大。所以当咱们在优化过程中看到网站的注册过程中有这些栏意图时分咱们要建议他们把必填改为自愿填写，并且在一些要害页面里面添加一些关于注册客户和普通客户会享用不同待遇的提示，这样会起到事半功倍的作用。

咱们现已介绍了两个关于人文优化的比方，由于这样的比方许多咱们也不一一列举，要在实际的作业中去总结。并不是最美观的网页便是最好的网页，有用性要比艺术性更重要。

上边这些优化的问题适用于咱们对一个已有的网站进行优化，假如咱们要重新做一个新的网站，最好在初期就考虑一些这样的问题，毕竟做任何事事前考虑要比事后补偿强的多。