谈起网页的优化应该是由两个方面组成的

　　谈起网页的优化应该是由两个方面组成的

　　说到网页优化，很多人没有概念，很多业内人士对网页优化一无所知或知之甚少。说到我对网页优化的理解，我在各大搜索引擎上搜索过“网页优化”等话题，结果都是关于如何优化搜索引擎排名的文章。实际上，这只是优化概念的一个组成部分。 ，而网页的优化是由多方面的优化组成的。作为一名优秀的网页优化人员，你必须具备多方面的知识，不仅要掌握网站设计制作技术（包括网站架构设计、网页设计制作页面、编写代码等）；还需要掌握很多其他方面的计算机知识（包括电子商务、人机交互、易用性和一些相关的软件知识等）；甚至需要掌握心理学、商业运作等相关信息。

　　我认为网页的优化应该包括两个方面：1.技术优化，2.人文优化（这个分类只是我的总结，没有人给出具体的定义）。技术优化指的是代码的优化、目录结构的优化、搜索引擎的优化等，一般都是无形的，无形的，但是会给用户带来很多的方便，也会给网站 带来更大的好处。技术优化有一定的模式，需要优化的东西比较固定，比较简单。这只是时间问题；人性化优化是指对用户使用的交互性、易用性等进行优化。工作，这部分是网站用户可以看到和触摸到的。人性化的优化是最难体验的，因为我们要猜测用户的心理。下面我将分别对这两个方面进行说明。

　　1.技术优化：

　　技术优化主要分为代码优化、目录结构优化和搜索引擎优化三部分。这部分的优化工作主要由网站开发者测试并提出解决方案来完成，并且有一定的规律，所以让它相对简单只是时间问题。

　　(1）代码优化：

　　代码优化解决的主要问题是页面浏览速度和适应性。文字和图片是构成页面的两个主要因素，所以我们的优化应该从文字和图片开始。我们在做页面的时候，文字基本上是定义明确的，一般使用Times New Roman和12px。随着代码的标准化，字体的样式和大小应该使用CSS样式表来指定，现在广泛使用等。标签是非标准的，将逐渐被css取代。现在很多大型的网站包括各种门户网站，这种不规范的问题依然普遍存在，几乎每个页面都会有，所以css样式表在优化过程中要注意检查问题（在其实这个问题应该在做页面的时候解决）。

　　图片的主要问题是尺寸过大。这里，由于图片优化和代码内容优化的目的相同，因此将图片优化放入代码优化部分，并在不将其归为另一类的情况下进行介绍。网页中通常使用两种格式的图片，jpeg 和 gif。很多人并没有很好的掌握这两张图的应用。 jpeg 适用于色彩较多、构图较复杂的图片（如一些照片、渐变色等），Gif 适用于色彩较少、构图简单的图片（如网站 logo、大色块组成的图片） ， 等等。）。导出Gif图像时，应特别注意选择颜色数量。这样也会达到很好的缩小尺寸的效果。对于一些比较大的图片，我们也可以剪成比较小的图片进行拼接，这样也可以提高网页的下载速度。

　　缩小网页大小，提高网页下载速度。另一种简单的方法是使用一些网页减肥小工具。我们可以下载其中一些工具。它们可以将您的网页缩小 20%～50% 以达到事半功倍的效果。 .

　　表格是页面最重要的排版方式。浏览器读取网页代码时，必须先读取一个完整的表格，才能显示出来。如果一个大表收录许多小表，浏览器会读取它。只有整个大表才会显示全部内容。当我们浏览一些页面时，页面往往会出现很久才显示出来。最后，我们迫不及待地按下“停止”按钮，页面一下子显示出来了。这是一个嵌套在一些小表外面的大表。如果表格已被读取，浏览器将不会显示尚未读取的表格。这会大大降低页面浏览速度。因此，我们必须尽量减少表层次结构，尽量避免在大表中间嵌套小表。

　　还需要注意的是，使用dreamweaver制作网页时，经常会出现大量的垃圾代码。请检查并删除一些无用的代码。网页的适应性就是在不同系统、不同浏览器、不同分辨率下的适应性。需要注意的是分辨率至少要800×600用户（分辨率800×600显示尺寸780×428、分辨率1024×768显示尺寸1007×600），所以页面最宽不要超过780，不要让用户水平拖动页面。

　　(2）目录结构优化：

　　很多网站现在把所有的页面分散在同一个文件夹里，没有分类。尽管这是可能的，但它将为以后的维护和其他任务带来很多麻烦。我的建议应该是创建一个大文件夹，里面包括每个频道文件夹、网页图片文件夹、网页内容图片文件夹等，一个一个的放在一个单独的文件夹中，这样维护的时候可以方便的找到。页面的具体位置。

　　(3）搜索引擎优化：

　　搜索引擎优化是很多人都知道的优化工程，也是一个完整的优化工作必不可少的一步。 “关键词”是搜索引擎话题中的核心词。几乎所有的搜索引擎优化问题都围绕着“关键词”展开。很多人盲目地在网页中到处都想反映关键字，认为这样更容易被搜索引擎搜索到。事实上，这并不一定合适。比如前段时间流行的《鬼魅秘籍》，方法就是在页面中隐藏多个与页面背景颜色相同的关键词。这个方法很多人还在用，但是随着搜索引擎的功能越来越强大，这个方法已经不是那么好用了，甚至会适得其反。 （这种做法会被搜索引擎惩罚，有专门的举报系统）

　　“关键词”的表达要合理。例如，我们可以制作一个“网站navigation”页面。 网站 导航页面将充分体现每个关键字。该页面不仅方便用户使用，而且更容易被搜索引擎发现，具有事半功倍的效果。由于搜索引擎有图片搜索功能，网页中的图片也是体现的好地方关键词。把图片添加到页面后别忘了给图片一个“名字”（比如：）我们给图片一个名字，可以是关键字。在域名中收录关键字也很重要，但不能太多。通常，最重要的一两个就足够了。如果太多，会影响网站在搜索引擎中的排名，不便于用户记忆。子页面的名称相同。现在很多网站的子页面名称都是关键字的堆砌。事实上，这会降低每个关键词的出现率。结果，每个 关键词 都被打折甚至被忽略。 子页面的命名也有很多知识。几个关键词组成了子页面的名字，但是这些关键词有什么联系呢？如果使用分隔符来分隔关键字，那么搜索引擎不会认为它们是一个词而将它们视为一个词，但是有些搜索引擎不识别分隔符，例如“_”和“-”。 google中不接受下划线“_”，所以建议使用“-”加一个空格（空格代码：%20），一般所有搜索引擎都会接受。不要用中文命名页面，页面名称、图片名称等必须用英文字母书写（如：“Homepage.html”或“Picture.gif”必须写成“index.htm”、“image.gif”等）。

　　现在很多网页虽然好看但不实用，我们就以流行的跳转页面为例吧！现在很多公司【k14】都流行做跳转页面，或者动态的flash或者漂亮的图片。他们认为这很漂亮，可以体现公司的形象。事实上，他们并不知道这会对搜索产生很大的影响。引擎搜索您的 网站。 （搜索引擎无法通过FLASH找到你的真实内容页面）

　　人性化优化主要是交互性、易用性和网站性能的优化。

　　我曾经读过美国著名优化大师史蒂夫克鲁格写的一本书。他推崇的效果优化的第一条原则是“不要用我的大脑”。或许这个概念似乎一点头绪都没有。刚接触这句话的时候，有点晕。如果我想这样做，那是非常困难的。 “不要让我动脑子”这个概念在不同的人中有着不同的概念，这就回到了上面那句“人性化的优化是最难体验的事情，因为我们要猜测用户的心理”。

　　人和人不一样。每个人都有不同的文化，这是因为生活的地区不同，或者由于受过不同的教育经历，在理解问题上存在差异，或者在个人观点和习惯上存在差异等。这些差异，我们希望每个人都了解我们网站可以可以方便地使用 网站 来实现他想要实现的目标。这简直太难了，我们在人文优化中要做的就是改变这些差异。为了团结。

　　每个网站都会有不同的用途，例如电子商务网站、企业展示网站、个人网站等等。下面以最需要人文优化的电子商务类型网站为例，研究人文优化的一般过程。

　　电子商务网站的概念很明确，就是要体现商业。它可以是网上购物、网上票务或网上交易平台。简而言之，就是让用户在互联网上实现商业目标。现在电子商务网站一般分为B2B（企业对企业）和B2C（企业对普通分散用户）两部分。

　　B2C 是电子商务网站 设计的最高层次。如果能做成功的B2C网站，那么其他企业展示网站或B2B业务网站等等，都不算什么。原因也很简单，就是因为上面提到的人与人之间的差异。电子商务网站有一个很重要的指标就是“转化率”（即网页浏览器向客户的转化率）。这个概念也是我们衡量一个电商成功与否的重要指标网站，在优化过程中也占有重要的地位。

　　介绍完电子商务的一些相关概念后，让我们回到正题。当我们要优化网站时，我们将快速完成技术优化，因为技术优化具有特定的步骤，这些步骤要求优化项目相对固定，并且有可循的证据。但是很多人不知道如何从人文优化入手。其实很简单，就是“试用”。

　　试用一般会分为两部分：首先我们自己尝试一下，对网站有一个大致的了解，然后需要找一些普通用户试用一下，我们就不给了普通用户试用过程中的提示 只需要默默观察他们的操作步骤，记录每一步的操作过程以及了解他们的一些想法所花费的时间。在“试用”之后，我们可以根据测试结果分析需要修改的部分。请记住，在试用过程中，我们不能给被测试用户任何提示，尽量不要打扰他们。

　　说到上面提到的“不要让我动脑”的概念，这句话其实表达了“简单”的意思，简单的使用是电商成功的基础网站。 “简单”的目的我们需要贯穿整个网站的每一个部分。下面我们按照“试用”过程来分析优化过程中需要注意的问题。从登录这个网站开始，我们能清楚的看到这个网站的名字吗？它是做什么用的？产品目录在哪里？导航菜单在哪里？今日重点推荐产品在哪里？折扣商品区在哪里？这一系列问号是针对电子商务的网站。如果对于其他网站我们会考虑其他因素，比如对于一个新闻页面，我们会考虑今天的头条新闻在哪里？我想看看昨晚中国队足球比赛的比分和照片。还有很多。这种测试没有具体的规范。任何动作都是随机的。这是我们的突然行动，所以这种测试不能给我们提供像在商场或*敏*感*词*进行测试那样长的形式。让我们画出树枝。所有的测试都必须非常自然，只有这样才能真正了解用户在使用过程中遇到的困难。

　　有时我们也可以给主题一个问题让他完成，比如：让他去网站买一张最新的大片DVD，或者他们可以找到最新的新闻甚至是几个月前的新闻整个测试必须在和谐的环境中进行。不要让参与者感到紧张，这会大大降低测试结果的准确性。测试还需要根据资金、网站规模等制定不同的方案。

　　以下是用户浏览网站的过程图。该图帮助我们了解用户浏览的整个过程 网站。根据这张图中列出的步骤，我们可以在测试过程中仔细观察用户在网站上完成任务的时间和每一步都做了什么，并记录数据进行仔细分析。这些数据也是我们优化操作的基础。

　　通常我们的优化重点会放在导航菜单、产品目录、网站搜索、页面布局、购买流程等方面，下面我会举一些小例子来分析现在很多网站犯的错误以及我们应该如何做优化它们。

　　让我们先看看大多数 网站 造成的文本错误。文本是网页最重要的元素之一。我们可以通过文本的颜色、大小和位置来区分它们的重要性。对于标题、内容等，网站的主页有很多。我们一眼就看到的是一段黑色压印的文字。很快我们就不会喜欢这个 网站。这是我们国家很多网站犯的错误。 网站 针对不同的目的会有不同的设计方向。很多企业领导不知道如何设计。他们会参考别人的网站来设计。作者提出自己的网站设计要求和想法，会导致网站无论方向如何都感觉一样，从而失去自己的主题。比如我们去一些公司的网站，看不到这家公司上去之后做什么。首先是企业新闻的重磅*敏*感*词*。这样的重磅消息感觉公司网站已经变成了新闻网站。

　　有人说，我们把公司介绍放在首页，这样人们在网站的首页上就可以看到我们公司是做什么的。这似乎是一个非常好的主意，但我们应该明确用户是“浏览网页”而不是“阅读网页”，这样根本没有人对阅读大文本感兴趣，用户只会阅读他们阅读的内容有兴趣，其他基本都在浏览。

　　我们可以做一个简单的实验。现在你可以把报纸递给你旁边的人，让他们看报纸，仔细观察他们是怎么看报纸的。每个人都会把报纸翻过来，至少他会读一个整版标题然后开始读一个文章。绝对没有人会拿起报纸从左上角或右下角一个字一个字地读报纸。 网站的优势在于“链接”，我们可以充分利用链接来引导用户阅读他们感兴趣的内容，或者引导他们阅读我们想让他看到的内容。我们现在可以优化之前的网站，去掉首页的大文字，根据需要改成链接。

　　还有一个错误是每个企业网站都会犯的，就是必填字段太多，无法为客户填写注册信息。很多上网的人都有这种经历，现在大部分都说商网站会有注册版块。如果您注册成为会员，您将获得什么样的服务？好吧，我们进去注册吧。点击注册按钮打开页面，好人怎么这么多天，都是必填项，有红色星号！忘记它或不注册！突然，由于注册，网站将失去很多客户。有的人不怕，硬要填，好吧，就开始填用户名、密码、确认密码……“*敏*感*词*号”？ “手机号码”？我们一下子停了下来，这些可以不填吗？但它涂有红色星号。算了，我不想让别人知道这些信息。我会去看看其他网站是否有相同的服务并且需要更少的信息，即使另一个网站服务不好。并没有像网站那样出名。这是很多人上网的经历。许多网站所有者渴望成功，并希望立即控制客户信息。他们会觉得这将在市场上处于领先地位。事实上，他们错了。想一想，让所有用户都来使用我们的网站。慢慢地，他们认为我们的地方很安全，服务也很好。有些人会想要更多的服务，他们自然会注册这些信息。 但是当他们不理解这个 网站 时，我们把他们吓跑了。我们将彻底失去这部分用户，这样对网站和公司的损失比反正注册的要大得多。用户的收益更大。所以，当我们在优化过程中看到网站的注册过程中这些字段时，我们建议他们将必填字段改为自愿字段，并添加一些关于注册客户和普通客户如何享受一些关键的区别的信息页。治疗提醒，事半功倍。

　　我们已经介绍了两个人文优化的例子。由于这样的例子很多，我们就不一一列举了。应在实际工作中加以总结。不是最好看的网页就是最好的网页。实用性比艺术性更重要。

　　上述优化问题适合我们优化一个现有的网站。如果我们要重新制作一个新的网站，最好在早期考虑其中的一些问题。毕竟，任何事都要事先做好。思考比事后弥补要好得多。这些都是我自己的一些经验总结，与大家分享。 文章还有很多不足，希望大家多提一下！以后会多交流！希望大家能把网站做到最好，提高中国网站设计制作行业在世界上的地位！