页面如何优化

seo是一个长期优化的过程，如果说SEO有什么不变的技巧，那么就只能做《用户体验优化》如果你只是追求SEO术的方法，那么你永远也做不好SEO，竞争力小的词可能你能做上去，但要你操作一个大的网站能优化大批量成千上万的关键词进入前三或第一，单单靠技巧是不够的，最主要的还是思维。俗话说得好：有道无术，术可求；有术无道，止于术；

注意：在进行优化设置前，一定要事先做好备份◆一、系统优化设置　◆1、系统常规优化　　1）关闭系统属性中的特效，这可是简单有效的提速良方。点击开始→控制面板→系统→高级→性能→设置→在视觉效果中，设置为调整为最佳性能→确定即可。　　2）“我的电脑”－“属性”－“高级”－“错误报告”－选择“禁用错误汇报”。　　3）再点“启动和故障恢复”－“设置”，将“将事件写入系统日志”、“发送管理警报”、“自动重新启动”这三项的勾去掉。再将下面的“写入调试信息”设置为“无”。　　4）“我的电脑”－“属性”－“高级”－“性能”－“设置”－“高级”，将虚拟内存值设为物理内存的2.5倍，将初始大小和最大值值设为一样（比如你的内存是256M，你可以设置为640M），并将虚拟内存设置在系统盘外（注意：当移动好后要将原来的文件删除）。　　5）将“我的文档”文件夹转到其他分区：右击“我的文档”－“属性“－“移动”，设置到系统盘以外的分区即可。　　6）将IE临时文件夹转到其他分区：打开IE浏览器，选择“工具“－“internet选项”－“常规”－“设置”－“移动文件夹”，设置设置到系统盘以外的分区即可。　◆2、加速XP的开、关机　　1）首先，打开“系统属性”点“高级”选项卡，在“启动和故障恢复”区里打开“设置”，去掉“系统启动”区里的两个√，如果是多系统的用户保留“显示操作系统列表的时间”的√。再点“编辑”确定启动项的附加属性为/fastdetect而不要改为/nodetect，先不要加 /noguiboot属性，因为后面还要用到guiboot。　　2）接下来这一步很关键，在“系统属性”里打开“硬件”选项卡，打开“设备管理器”，展开“IDE ATA/ATAPI控制器”，双击打开“次要IDE通道”属性，点“高级设置”选项卡，把设备1和2的传送模式改为“DMA（若可用）”，设备类型如果可以选择“无”就选为“无”，点确定完成设置。同样的方法设置“主要IDE通道”。　　3）设置预读改善开机速度，打开注册表，找到HKEY_LOCAL_MACHINE\SYSTEM\CurrentControlSet\Control\Session Manager\Memory Management\PrefetchParameters，右边窗口将EnablePrefetcher的数值更改为1（0－禁用预读，1－预读应用程序，2－系统启动预读，3－前两者皆预读）。电脑是 PIII 800MHz 以上的可以尝试将数值更改为4或5。　　4）顺便把关机也加速一下吧。打开注册表（开始－运行－regedit），单击“我的电脑”打开“编辑”菜单的“查找”，输入AutoEndTasks，点“查找下一个”。双击打开找到的结果修改“数值数据”为1（此项是让系统自动关闭停止响应的程序）。然后在AutoEndTasks的下面找到HungAppTimeout（将其“数值数据”设为2000或者更小，推荐设为200），再找到WaitToKillAppTimeout（将其“数值数据”设为2000或者更小，推荐设为1000）。在这里顺便也把菜单延迟的时间修改一下，在AutoEndTasks的下面找到MenuShowDelay，数值是以毫秒为单位，如果想去掉菜单延迟就设为0。修改后点“编辑”菜单，打开“查找下一个”（快捷键F3），继续查找，把找到的结果都安照上一步的方法修改（注意：数值要对应相同）。　　5）用上面的方法找到WaitToKillServiceTimeout并设置数值与WaitToKillAppTimeout相同。　　6）享受了极速重启的乐趣后我们再进一步加速一下启动的速度，打开“系统属性”－“高级”－“启动和故障恢复”设置，打开“系统启动”区的编辑，在fastdetect的后面加上/noguiboot，这样在启动的时候就不会再显示滚动条。如果你非常喜欢这个滚动条的显示这一步就不用做了。　　7）MsConfig。选择“运行”－“msconfig”。我们要动手脚的是“启动”选项卡，点击它，这个选项卡中显示了Windows启动时运行的所有程序。这里没有一个程序对Windows来说是生死悠关的，所以放心大胆地把不要的去掉。　◆3、减少开机磁盘扫描等待时间　　选择“开始→运行”，在运行对话框中键入“chkntfs /t:0”，即可将磁盘扫描等待时间设置为0；如果要在计算机启动时忽略扫描某个分区，比如C盘，可以输入“chkntfs /x c:”命令；如果要恢复对C盘的扫描，可使用“chkntfs /d c:”命令，即可还原所有chkntfs默认设置，除了自动文件检查的倒计时之外。　◆4、关掉调试器Dr. Watson　　运行drwtsn32，把除了“转储全部线程上下文”之外的全都去掉。否则一旦有程序出错，硬盘会响很久，而且会占用很多空间。如果你以前遇到过这种情况，请查找user.dmp文件并删掉，可能会省掉几十M的空间。这是出错程序的现场，对我们没用。然后打开注册表，找到HKEY_LOCAL_MACHINE\SOFTWARE\Microsoft\Windows NT\CurrentVersion\AeDebug子键分支，双击在它下面的Auto键值名称，将其“数值数据”改为0，最后按F5刷新使设置生效，这样就彻底来取消它的运行了。另外蓝屏时出现的memory.dmp也可删掉。在“我的电脑→属性→高级→设置→写入调试信息→选择无”。　◆5、关闭“系统还原”　　鼠标右健单击桌面上的“我的电脑”，选择“属性”，找到“系统还原”去掉，这样可以节省好多空间。　◆6、关闭“休眠支持”　　休眠功能会占用不少的硬盘空间，如果使用得少不妨将其关闭。打开“控制面板”－“电源选项”－“休眠”选项卡，取消“启用休眠”复选框。

从最基本的开始学，最简单的就是HTML的网页，直接把图弄上去，然后把边距边框，按钮之类的设置下就差不多了，最后自己去各个浏览器调试下，修改参数就好了！怎样设计网页 在网页设计的认识上，许多人似乎仍停留在网页制作的高度上。认为只要用好了网页制作软件，就能搞好网页设计了…… 在网页设计的认识上，许多人似乎仍停留在网页制作的高度上。认为只要用好了网页制作软件，就能搞好网页设计了。 其实网页设计是一个感性思考与理性分析相结合的复杂的过程，它的方向取决于设计的任务，它的实现依赖于网页的制作。正所谓“功夫在诗外”，网页设计中最重要的东西，并非在软件的应用上，而是在我们对网页设计的理解以及设计制作的水平上，在于我们自身的美感以及对页面的把握上。 首先，我们要弄清楚网页设计的任务。 一、设计的任务 设计是一种审美活动，成功的设计作品一般都很艺术化。但艺术只是设计的手段，而并非设计的任务。设计的任务是要实现设计者的意图，而并非创造美。 网页设计的任务，是指设计者要表现的主题和要实现的功能。站点的性质不同，设计的任务也不同。从形式上，可以将站点分为以下三类。 第一类是资讯类站点，像新浪、网易、搜狐等门户网站。这类站点将为访问者提供大量的信息，而且访问量较大。因此需注意页面的分割、结构的合理、页面的优化、界面的亲和等问题。 第二类是资讯和形象相结合的网站，像一些较大的公司、国内的高校等。这类网站在设计上要求较高，既要保证资讯类网站的上述要求，同时又要突出企业、单位的形象。然而就现状上来看，这类网站有粗制滥造的嫌疑。 第三类则是形象类网站，比如一些中小型的公司或单位。这类网站一般较小，有的则有几页，需要实现的功能也较为简单，网页设计的主要任务是突出企业形象。这类网站对设计者的美工水平要求较高。 当然，这只是从整体上来看，具体情况还要具体分析。不同的站点还要区别对待。别忘了最重要的一点，那就是客户的要求，它也属于设计的任务。 明确了设计的任务之后，接下来要想的就是如何完成这个任务了。 二、设计的实现 设计的实现可以分为两个部分。第一部分为站点的规划及草图的绘制，这一部分可以在纸上完成。第二部分为网页的制作，这一过程是在计算机上完成的。 设计首页的第一步是设计版面布局。我们可以将网页看作传统的报刊杂志来编辑，这里面有文字、图像乃至动画，我们要做的工作就是以最适合的方式将图片和文字排放在页面的不同位置。 除了要有一台配置不错的计算机外，软件也是必需的。不能简单地说一个软件的好坏，只要是设计者使用起来觉得方便而且能得心应手的，就可以称为好软件。当然，它应该能满足设计者的要求。笔者常用的软件是Macromedia的Dreamweaver、Fireworks、Flash以及Adobe的Photoshop、imageready，这些都是很不错的软件。 接下来我们要做的就是通过软件的使用，将设计的蓝图变为现实，最终的集成一般是在Dreamweaver里完成的。虽然在草图上，我们定出了页面的大体轮廓，但是灵感一般都是在制作过程中产生的。设计作品一定要有创意，这是最基本的要求，没有创意的设计是失败的。在制作的过程中，我们会碰到许多问题，其中最敏感的莫过于页面的颜色了。 三、色彩的运用 色彩是一种奇怪的东西，它是美丽而丰富的，它能唤起人类的心灵感知。一般来说，红色是火的颜色，热情、奔放；也是血的颜色，可以象征生命。黄色是明度最高的颜色，显得华丽、高贵、明快。绿色是大自然草木的颜色，意味着纯自然和生长，象征安宁和平与安全，如绿色食品。紫色是高贵的象征，有庄重感。白色能给人以纯洁与清白的感觉，表示和平与圣洁。 我们知道，颜色是光的折射产生的，红、黄、蓝是三原色，其它的色彩都可以用这三种色彩调和而成。换一种思路，我们可以用颜色的变化来表现光影效果，这无疑将使我们的作品更贴近现实。 色彩代表了不同的情感，有着不同的象征含义。这些象征含义是人们思想交流当中的一个复杂问题，它因人的年龄、地域、时代、民族、阶层、经济地区、工作能力、教育水平、风俗习惯、宗教信仰、生活环境、性别差异而有所不同。 单纯的颜色并没有实际的意义，和不同的颜色搭配，它所表现出来的效果也不同。比如绿色和金黄、淡白搭配，可以产生优雅，舒适的气氛。蓝色和白色混合，能体现柔顺、淡雅、浪漫的气氛。红色和黄色、金色的搭配能渲染喜庆的气氛。而金色和粟色的搭配则会给人带来暖意。设计的任务不同，配色方案也随之不同。考虑到网页的适应性，应尽量使用网页安全色。 但颜色的使用并没有一定的法则，如果一定要用某个法则去套，效果只会适得其反。经验上我们可先确定一种能表现主题的主体色，然后根据具体的需要，应用颜色的近似和对比来完成整个页面的配色方案。整个页面在视觉上应是一个整体，以达到和谐、悦目的视觉效果。 四、造型的组合 在网页设计中，我们主要通过视觉传达来表现主题。在视觉传达中，造型是很重要的一个元素。抛去是图还是文字的问题，画面上的所有元素可以统一作为画面的基本构成要素点、线、面来进行处理。在一幅成功的作品里，是需要点、线、面的共同组合与搭配来构造整个页面的。 通常我们可以使用的组合手法有秩序、比例、均衡、对称、连续、间隔、重叠、反复、交*、节奏、韵律、归纳、变异、特写、反射等等，它们都有各自的特点。在设计中应根据具体情况，选择最适合的表现手法，这样有利于主题的表现。 通过点、线、面的组合，可以突出页面上的重要元素，突出设计的主题，增强美感，让观者在感受美的过程中领会设计的主题，从而实现设计的任务。 造型的巧妙运用不仅能带来极大的美感，而且能较好地突出企业形象，而且能将网页上的各种元素有机的组织起来，它甚至还可以引导观者的视线。 五、设计的原则 设计是有原则的，无论使用何种手法对画面中的元素进行组合，都一定要遵循五个大的原则：统一、连贯、分割、对比及和谐。 统一，是指设计作品的整体性，一致性。设计作品的整体效果是至关重要的，在设计中切勿将各组成部分孤立分散，那样会使画面呈现出一种枝蔓纷杂的凌乱效果。 连贯，是指要注意页面的相互关系。设计中应利用各组成部分在内容上的内在联系和表现形式上的相互呼应，并注意整个页面设计风格的一致性，实现视觉上和心理上的连贯，使整个页面设计的各个部分极为融洽，犹如一气呵成。 分割，是指将页面分成若干小块，小块之间有视觉上的不同，这样可以使观者一目了然。在信息量很多时为使观者能够看清楚，就要注意到将画面进行有效的分割。分割不仅是表现形式的需要。换个角度来讲，分割也可以被视为对于页面内容的一种分类归纳。 对比就是通过矛盾和冲突，使设计更加富有生气。对比手法很多，例如：多与少、曲与直、强与弱、长与短、粗与细、疏与密、虚与实、主与次、黑与白、动与静、美与丑、聚与散等等。在使用对比的时候应慎重，对比过强容易破坏美感，影响统一。 和谐是指整个页面符合美的法则，浑然一体。如果一件设计作品仅仅是色彩、形状、线条等的随意混合，那么作品将不但没有“生命感”，而且也根本无法实现视觉设计的传达功能。和谐不仅要看结构形式，而且要看作品所形成的视觉效果能否与人的视觉感受形成一种沟通，产生心灵的共鸣。这是设计能否成功的关键。 六、网页的优化 在网页设计中，网页的优化是较为重要的一个环节。它的成功与否会影响页面的浏览速度和页面的适应性，影响观者对网站的印象。 在资讯类网站中，文字是页面中最大的构成元素，因此字体的优化显得尤为重要。使用css样式表指定文字的样式是必要的，通常我们将字体指定为宋体，大小指定为12px，颜色要视背景色而定，原则上以能看清且与整个页面搭配和谐为准。在白色的背景上，我们一般使用黑色，这样不易产生视觉疲劳，能保证浏览者较长时间地浏览网页。 图片是网页中的重要元素。图片的优化可以在保证浏览质量的前提下将其size降至最低，这样可以成倍地提高网页的下载速度。利用Photoshop6或Fireworks4可以将图片切成小块，分别进行优化。输出的格式可以为gif或jpeg，要视具体情况而定。一般我们把有较为复杂颜色变化的小块优化为jpeg，而把那种只有单纯色块的卡通画式的小块优化为gif，这是由这两种格式的特点决定的。 表格(table)是页面中的重要元素,是页面排版的主要手段。我们可以设定表格的宽度、高度、边框、背景色、对齐方式等参数。很多时候，我们将表格的边框设为0，以此来定位页面中的元素，或者籍此确定页面中各元素的相对位置。我们知道：浏览器在读取网页html原代码时，是读完整个table才将它显示出来的。如果一个大表格中含有多个子表格，必须等大表格读完，才能将子表格一起显示出来。我们在访问一些站点时，等待多时无结果，按"停止"按钮却一下显示出页面就是这个原因。因此，我们在设计页面表格的时候，应该尽量避免将所有元素嵌套在一个表格里，而且表格嵌套层次尽量要少。在使用Dreamweaver制作网页时，会自动在每一个td内添加一个空字符“ ”。如果单元格内没有填充其它元素，这个空字符会保留，在指定td的宽度或高度后，可以在源代码内将其删去。 网页的适应性是很重要的，在不同的系统上，不同的分辨率下，不同的浏览器上，我们将会看到不同的结果，因此设计时要统筹考虑。一般我们在800*600下制作网页，最佳浏览效果也是在800*600分辨率下，在其它情况下只要保证基本一致，不出现较大问题即可。 说了这么多，只是希望能对做“网页设计”的人有所帮助，希望他们在做网页的时候能够从整体着眼，无愧于“设计”这两个字。 ★建设自己的网站较好的步骤☆ 必须注意的是：建立自己的网站是一件浩大的工程，一般比较麻烦。所以应当按照一定的步骤一步步来。 我觉得建站可以按照以下步骤进行： 1、先在本地设一个文件夹，作为网站存储的地方。名字最好取“My Sites”。 2、在网站文件夹里面建立一些文件夹，包括“images”等（存储图片、文件等），并且按照网页内容，再建立几个文件夹。（也可以把存储图片、文件的文件夹在每个内容文件夹里面各搞一些） 3、打开你的网页编辑程序（例如FP、Dreamwear等），新建网页，保存为“index”（主页），重复以上步骤，在网站文件夹里面建立“search”（查找）、“map”（站点地图）、“index02”（网站简介等）。 4、按照上面步骤，再在网站分类文件夹里面建立许多网页（接着还要把内容输入网页） 5、已经做到了这么多，我们该准备内容了吧。在硬盘上面再建立一个文件夹“File”，把准备好的文档、图片、程式、文件和网页特效等放进去。（可以加入一些动态网页） 6、慢慢把这些文件一个不漏的放进网页里面（要掌握技巧） 7、把网站充实了，就差不多了。这时应该申请一个域名（免费空间、附费都可以）。并且把自己的网站放入搜索引擎，而且在各种留言版上面宣传。 8、把网站上传至空间里面，删了准备文件，就OK了！ 不过也可以这样使用FP建站： 1、在FP里面选择新建站点。 2、然后在【导航】里面设置网页名称以及标题。 3、准备好文档、图片、程式、文件和网页特效等，把它们都充实进网站里面。 4、申请一个域名（免费空间、附费都可以）。并且把自己的网站放入搜索引擎，而且在各种留言版上面宣传。 5、把网站上传至空间里面，删了准备文件。完毕。 如果使用Dreamwear来建站，那就更加高级啦！Dreamwear的功能很强大，安装了它的朋友们可以研究研究。 在网站设计中，纯粹HTML格式的网页通常被称为“静态网页”，早期的网站一般都是由静态网页制作的。静态网页的网址形式通常为：www.example.com/eg/eg.htm，也就是以.htm、.html、.shtml、.xml等为后后缀的。在HTML格式的网页上，也可以出现各种动态的效果，如.GIF格式的动画、FLASH、滚动字母等，这些“动态效果”只是视觉上的，与下面将要介绍的动态网页是不同的概念。 ??在《网络营销基础与实践》第二版第3章“网络营销导向的企业网站建设”中，提出了采用静态网页对搜索引擎的影响，书中对于静态网页本身的介绍比较少，尤其对于静态网页的特点没有做专门的介绍。 网络营销教学网站(www.wm23.com)将静态网页的特点简要归纳如下： ??（1）静态网页每个网页都有一个固定的URL，且网页URL以.htm、.html、.shtml等常见形式为后缀，而不含有“？”； ??（2）网页内容一经发布到网站服务器上，无论是否有用户访问，每个静态网页的内容都是保存在网站服务器上的，也就是说，静态网页是实实在在保存在服务器上的文件，每个网页都是一个独立的文件； ??（3）静态网页的内容相对稳定，因此容易被搜索引擎检索； ??（4）静态网页没有数据库的支持，在网站制作和维护方面工作量较大，因此当网站信息量很大时完全依靠静态网页制作方式比较困难； ??（5）静态网页的交互性交叉，在功能方面有较大的限制。 网页制作软件的选择 u 选择一个适合自己的网页编辑工具 了解了网页的类型及相关技术之后，下一步，就是要选择一个适合自己的网页编辑工具。 Frontpage Frontpage 是 Microsoft 出品的，可能是最简单、最容易，却又功能强大的网页编辑工具。采用典型的 Word 界面设计，只要你懂得使用 Word，就差不多等于已经会使用 Frontpage。就算你不懂 Word 也没关系，"所见即所得"的操作方式会让你很快上手，而且你无须学习 HTML 语法。 但 Frontpage 的也有其不足之处：首先是浏览器兼容性不好，做出来的网页，用 Netscape 往往不能正常显示；其次，生成的垃圾代码多，也会自动修改代码，导致在某些情况下极为不便；再次，对DHTML的支持不好。但不管怎么说，Frontpage 的确是最好的入门级网页编辑工具。 常见的版本为 Frontpage98 和 Frontpage2000。 Dreamweaver Dreamweaver 是 Macromedia 公司的产品的另一款"所见即所得"的网页编辑工具,或称网页排版软件。与 Frontpage 不同，Deamweaver 采用的是 Mac 机浮动面版的设计风格，对于初学者来说可能会感到不适应。但当你习惯了其操作方式后，就会发现 Dreamweaver 的直观性与高效性是 Frontpage 所无法比拟的。 Dreamweaver 对于 DHTML 的支持特别好，可以轻而易举地做出很多眩目的页面特效。插件式的程序设计使得其功能可以无限的扩展。Dreamweaver 与 Flash、Firework 并称为 Macromedia 的网页制作三剑客，由于是同一公司的产品，因而在功能上有着一个非常紧密的结合。而最新推出的 Dreamweaver UltraDev 更支持 Asp，Jsp。因此，说Dreamweaver 是高级网页制作的首选并不为过。 常见的版本为 Dreamweaver4.0 和 Dreamweaver UltraDev 1.0 flash flash也是 Macromedia 公司的产品，Flash 是交互式矢量图和 Web 动画的标准。网页设计者使用 Flash 创作出既漂亮又可改变尺寸的导航界面以及其他奇特的效果。相信凡是见过 Flash 技术的人，没有一个不想掌握它的。它不但易学、易用，而且可以做出有很多动画的网站，并且声色结合，是一种很有前途的网页制作技术。 firework firework也是 Macromedia 公司的产品，是真正的网页作图软件。Fireworks 与 Dreamweaver 结合很紧密，只要将 Dreamweaver 的默认图像编辑器设为 Fireworks ，那么在 Fireworks 里修改的文件将立即在 Dreamweaver 里更新。另一个功能是可以在同一文本框里改变单个字的颜色。当然，Fireworks 可以引用所有的 Photoshop的滤镜，并且可以直接将 PSD 格式图片导入。它是用来画图用的，它相当于结合了Photoshop ( 点阵图处理 ) 以及CorelDRAW (绘制向量图)的功能。网页上很流行的阴影、立体按钮...等等的效果，也只需用鼠标点一下，不必再靠什么KPT 之类的外挂滤镜。而且 Fireworks很完整的支持网页16进制的色彩模式，提供安全色盘的使用和转换，要切割图形、做影像对应(Image Map)、背景透明，要图又小又漂亮，在Fireworks 中做起来都非常方便，修改图形也是很容易的 。不需要再同时打开Photoshop和CorelDRAW...等等各类软件，切换来切换去的了。 Dreamweaver、Flash、Firework称为网页制作三剑客，将三个软件配合起来使用，会制作出非常精美的网页 gifanimator Ulead GIF Animator 4.0 是目前最快和最易使用的 GIF 动画工具，它在一个软件包中提供了顶级的功能，用于动画 编排、编辑、特效和优化。 GIF Animator 差不多支持每个主要的文件格式，包括视频文件，并允许输出为 Windows AVI、QuickTime 电影、Autodesk 动画或图像序列。用户可以生成适当的 HTML 代码，以便将动画嵌入到网页中，并且可以将动画打包成独立的 EXE 文件，以便通过电子邮件发布和在任何地方来查看。 u 制作主页 ??制作主页无非是添加文字、添加图片、添加链接，跟用word没什么区别，经过简单的学习后，你就会制作主页了！但是，要作出高水平的主页那要学的东西就太多了，不过总结起来就是html，图形制作，动画制作，页面特效制作和后台程序制作几个部分。 u 申请的主页空间，把你制作的主页传上去 ??我们制作的页面放在我们自己的计算机上，别人是不能看见的。为了让别人看见我们制作的页面，我们必须将他们放到一台和internet一直连接的计算机（服务器）上。你可以到提供空间服务的站点申请主页空间。有空间以后就可以利用响应的FTP（文件传输协议）工具软件将我们制作的页面传上去。这样，就可以让大家来分享我的精彩页面了。 常见的FTP工具软件有cuteFTP、leapFTP等，其功能和使用方法都比较类似，具体使用方法可参见本站想应的文章。 可能你开始的主页只是非常简单， 但是这是你的第一步，也是良好的开端，然后再一步步学习：如何把网页制作漂亮一些？如何制作动画？对于新手，千万不要一下子就想：我看到某某某网页这么漂亮，它是怎样做出来的？我很想马上做出来，于是马上就去研究复杂的网页，这样你会发现网页制作很难，学两下就放弃了，这样永远学不会制作主页。想当初，我对于我的网页能产生链接也高兴了半天，于是产生了更大的兴趣。记住：一步一步来，不要一下子想成为高手，否则很难成为高手。

　一、关键词排名　　这点可能都知道的，在优化操作完成一段时间后，我们要系统性地检测关键词的排名情况。除了检测首页目标关键词的排名之外，我们还要检测典型分类页面目标关键词和典型最终产品或文章页面的关键词。　　对站长来说，最好养成良好的习惯，用一张Excel表格仔细记录你需要检测的关键词，然后定期(每周或者每个月)检查它们的排名情况，这样下来站长们就可以对自己网站的发展情况有个更加完整和形象的认识。这样我们就可以知道我们的网站seo排名。　　二：外链　　外链数目也是SEO优化效果中很重要的一部分，我们主要需要检测首页外链数、网站总外链数、特征页面外链数。一般来说，用雅虎的工具用来查询到的外链是比较准确的，此外Open Site Explorer效果也不错。　　三：收录　　收录检测主要检测以下三方面的内容：总收录数量、特征页面的收录数量以及各分类页面的收录数量。　　总收录数量大致表明了你的网站受搜索引擎欢迎的程度，反映了网站整体运作的健康状况。特征页面数量的收录情况反映了你的网站内页的优化情况，可以一定程度上看出你在长尾关键词方面做的工作是否起到了效果。而各分类页面的收录数量则可以让你对整个网站不同部分的收录情况有一个整体的把握，好在后期给出针对性的措施。　　四：转化率　　现在做SEO有一个误区，以为关键词排名就是最终目的。其实对企业来说，关键词的排名可以认为只是“过程”，最终导致的业务量的增加才是最终目的，所以我们在工作过程中注意转化率的检测是非常有必要的。站长们可以建立一个表，记录不同时期网站来访流量和业务单数的对比图。如果发现业务量的增长显著跟不上流量的增长，那就证明优化的方向上出现了偏差，一般来说很可能是关键词的定位不够准确，或者长尾词做的不够好。在这种情况下，就要仔细分析网站的目标客户群体是什么人，他们在互联网上的搜索习惯是怎么样，然后重新制定网站的关键词，进行优化的改进。　　如果说我们在查看了第一点排名没什么变化的时候我们就要查看外链，收录等情况了，这两点是主要原因所在，尤其是现在的搜索引擎越来越重视用户体验，所以我们的内容很重要，只有高质量的文章，对用户有用的东西，搜索引擎才会收录，等有了收录，我们才能考虑一个网站的转化率，这点也很重要如何把我们的浏览者变成我们的顾客，这就看要一个网站的总是情况也就是用户体验度如何了。之前已经有写过一片关于提高用户体验的文章，大家不妨可以去看下。

从最基本的开始学，最简单的就是HTML的网页，直接把图弄上去，然后把边距边框，按钮之类的设置下就差不多了，最后自己去各个浏览器调试下，修改参数就好了！怎样设计网页 在网页设计的认识上，许多人似乎仍停留在网页制作的高度上。认为只要用好了网页制作软件，就能搞好网页设计了…… 在网页设计的认识上，许多人似乎仍停留在网页制作的高度上。认为只要用好了网页制作软件，就能搞好网页设计了。 其实网页设计是一个感性思考与理性分析相结合的复杂的过程，它的方向取决于设计的任务，它的实现依赖于网页的制作。正所谓“功夫在诗外”，网页设计中最重要的东西，并非在软件的应用上，而是在我们对网页设计的理解以及设计制作的水平上，在于我们自身的美感以及对页面的把握上。 首先，我们要弄清楚网页设计的任务。 一、设计的任务 设计是一种审美活动，成功的设计作品一般都很艺术化。但艺术只是设计的手段，而并非设计的任务。设计的任务是要实现设计者的意图，而并非创造美。 网页设计的任务，是指设计者要表现的主题和要实现的功能。站点的性质不同，设计的任务也不同。从形式上，可以将站点分为以下三类。 第一类是资讯类站点，像新浪、网易、搜狐等门户网站。这类站点将为访问者提供大量的信息，而且访问量较大。因此需注意页面的分割、结构的合理、页面的优化、界面的亲和等问题。 第二类是资讯和形象相结合的网站，像一些较大的公司、国内的高校等。这类网站在设计上要求较高，既要保证资讯类网站的上述要求，同时又要突出企业、单位的形象。然而就现状上来看，这类网站有粗制滥造的嫌疑。 第三类则是形象类网站，比如一些中小型的公司或单位。这类网站一般较小，有的则有几页，需要实现的功能也较为简单，网页设计的主要任务是突出企业形象。这类网站对设计者的美工水平要求较高。 当然，这只是从整体上来看，具体情况还要具体分析。不同的站点还要区别对待。别忘了最重要的一点，那就是客户的要求，它也属于设计的任务。 明确了设计的任务之后，接下来要想的就是如何完成这个任务了。 二、设计的实现 设计的实现可以分为两个部分。第一部分为站点的规划及草图的绘制，这一部分可以在纸上完成。第二部分为网页的制作，这一过程是在计算机上完成的。 设计首页的第一步是设计版面布局。我们可以将网页看作传统的报刊杂志来编辑，这里面有文字、图像乃至动画，我们要做的工作就是以最适合的方式将图片和文字排放在页面的不同位置。 除了要有一台配置不错的计算机外，软件也是必需的。不能简单地说一个软件的好坏，只要是设计者使用起来觉得方便而且能得心应手的，就可以称为好软件。当然，它应该能满足设计者的要求。笔者常用的软件是Macromedia的Dreamweaver、Fireworks、Flash以及Adobe的Photoshop、imageready，这些都是很不错的软件。 接下来我们要做的就是通过软件的使用，将设计的蓝图变为现实，最终的集成一般是在Dreamweaver里完成的。虽然在草图上，我们定出了页面的大体轮廓，但是灵感一般都是在制作过程中产生的。设计作品一定要有创意，这是最基本的要求，没有创意的设计是失败的。在制作的过程中，我们会碰到许多问题，其中最敏感的莫过于页面的颜色了。 三、色彩的运用 色彩是一种奇怪的东西，它是美丽而丰富的，它能唤起人类的心灵感知。一般来说，红色是火的颜色，热情、奔放；也是血的颜色，可以象征生命。黄色是明度最高的颜色，显得华丽、高贵、明快。绿色是大自然草木的颜色，意味着纯自然和生长，象征安宁和平与安全，如绿色食品。紫色是高贵的象征，有庄重感。白色能给人以纯洁与清白的感觉，表示和平与圣洁。 我们知道，颜色是光的折射产生的，红、黄、蓝是三原色，其它的色彩都可以用这三种色彩调和而成。换一种思路，我们可以用颜色的变化来表现光影效果，这无疑将使我们的作品更贴近现实。 色彩代表了不同的情感，有着不同的象征含义。这些象征含义是人们思想交流当中的一个复杂问题，它因人的年龄、地域、时代、民族、阶层、经济地区、工作能力、教育水平、风俗习惯、宗教信仰、生活环境、性别差异而有所不同。 单纯的颜色并没有实际的意义，和不同的颜色搭配，它所表现出来的效果也不同。比如绿色和金黄、淡白搭配，可以产生优雅，舒适的气氛。蓝色和白色混合，能体现柔顺、淡雅、浪漫的气氛。红色和黄色、金色的搭配能渲染喜庆的气氛。而金色和粟色的搭配则会给人带来暖意。设计的任务不同，配色方案也随之不同。考虑到网页的适应性，应尽量使用网页安全色。 但颜色的使用并没有一定的法则，如果一定要用某个法则去套，效果只会适得其反。经验上我们可先确定一种能表现主题的主体色，然后根据具体的需要，应用颜色的近似和对比来完成整个页面的配色方案。整个页面在视觉上应是一个整体，以达到和谐、悦目的视觉效果。 四、造型的组合 在网页设计中，我们主要通过视觉传达来表现主题。在视觉传达中，造型是很重要的一个元素。抛去是图还是文字的问题，画面上的所有元素可以统一作为画面的基本构成要素点、线、面来进行处理。在一幅成功的作品里，是需要点、线、面的共同组合与搭配来构造整个页面的。 通常我们可以使用的组合手法有秩序、比例、均衡、对称、连续、间隔、重叠、反复、交*、节奏、韵律、归纳、变异、特写、反射等等，它们都有各自的特点。在设计中应根据具体情况，选择最适合的表现手法，这样有利于主题的表现。 通过点、线、面的组合，可以突出页面上的重要元素，突出设计的主题，增强美感，让观者在感受美的过程中领会设计的主题，从而实现设计的任务。 造型的巧妙运用不仅能带来极大的美感，而且能较好地突出企业形象，而且能将网页上的各种元素有机的组织起来，它甚至还可以引导观者的视线。 五、设计的原则 设计是有原则的，无论使用何种手法对画面中的元素进行组合，都一定要遵循五个大的原则：统一、连贯、分割、对比及和谐。 统一，是指设计作品的整体性，一致性。设计作品的整体效果是至关重要的，在设计中切勿将各组成部分孤立分散，那样会使画面呈现出一种枝蔓纷杂的凌乱效果。 连贯，是指要注意页面的相互关系。设计中应利用各组成部分在内容上的内在联系和表现形式上的相互呼应，并注意整个页面设计风格的一致性，实现视觉上和心理上的连贯，使整个页面设计的各个部分极为融洽，犹如一气呵成。 分割，是指将页面分成若干小块，小块之间有视觉上的不同，这样可以使观者一目了然。在信息量很多时为使观者能够看清楚，就要注意到将画面进行有效的分割。分割不仅是表现形式的需要。换个角度来讲，分割也可以被视为对于页面内容的一种分类归纳。 对比就是通过矛盾和冲突，使设计更加富有生气。对比手法很多，例如：多与少、曲与直、强与弱、长与短、粗与细、疏与密、虚与实、主与次、黑与白、动与静、美与丑、聚与散等等。在使用对比的时候应慎重，对比过强容易破坏美感，影响统一。 和谐是指整个页面符合美的法则，浑然一体。如果一件设计作品仅仅是色彩、形状、线条等的随意混合，那么作品将不但没有“生命感”，而且也根本无法实现视觉设计的传达功能。和谐不仅要看结构形式，而且要看作品所形成的视觉效果能否与人的视觉感受形成一种沟通，产生心灵的共鸣。这是设计能否成功的关键。 六、网页的优化 在网页设计中，网页的优化是较为重要的一个环节。它的成功与否会影响页面的浏览速度和页面的适应性，影响观者对网站的印象。 在资讯类网站中，文字是页面中最大的构成元素，因此字体的优化显得尤为重要。使用css样式表指定文字的样式是必要的，通常我们将字体指定为宋体，大小指定为12px，颜色要视背景色而定，原则上以能看清且与整个页面搭配和谐为准。在白色的背景上，我们一般使用黑色，这样不易产生视觉疲劳，能保证浏览者较长时间地浏览网页。 图片是网页中的重要元素。图片的优化可以在保证浏览质量的前提下将其size降至最低，这样可以成倍地提高网页的下载速度。利用Photoshop6或Fireworks4可以将图片切成小块，分别进行优化。输出的格式可以为gif或jpeg，要视具体情况而定。一般我们把有较为复杂颜色变化的小块优化为jpeg，而把那种只有单纯色块的卡通画式的小块优化为gif，这是由这两种格式的特点决定的。 表格(table)是页面中的重要元素,是页面排版的主要手段。我们可以设定表格的宽度、高度、边框、背景色、对齐方式等参数。很多时候，我们将表格的边框设为0，以此来定位页面中的元素，或者籍此确定页面中各元素的相对位置。我们知道：浏览器在读取网页html原代码时，是读完整个table才将它显示出来的。如果一个大表格中含有多个子表格，必须等大表格读完，才能将子表格一起显示出来。我们在访问一些站点时，等待多时无结果，按"停止"按钮却一下显示出页面就是这个原因。因此，我们在设计页面表格的时候，应该尽量避免将所有元素嵌套在一个表格里，而且表格嵌套层次尽量要少。在使用Dreamweaver制作网页时，会自动在每一个td内添加一个空字符“ ”。如果单元格内没有填充其它元素，这个空字符会保留，在指定td的宽度或高度后，可以在源代码内将其删去。 网页的适应性是很重要的，在不同的系统上，不同的分辨率下，不同的浏览器上，我们将会看到不同的结果，因此设计时要统筹考虑。一般我们在800*600下制作网页，最佳浏览效果也是在800*600分辨率下，在其它情况下只要保证基本一致，不出现较大问题即可。 说了这么多，只是希望能对做“网页设计”的人有所帮助，希望他们在做网页的时候能够从整体着眼，无愧于“设计”这两个字。 ★建设自己的网站较好的步骤☆ 必须注意的是：建立自己的网站是一件浩大的工程，一般比较麻烦。所以应当按照一定的步骤一步步来。 我觉得建站可以按照以下步骤进行： 1、先在本地设一个文件夹，作为网站存储的地方。名字最好取“My Sites”。 2、在网站文件夹里面建立一些文件夹，包括“images”等（存储图片、文件等），并且按照网页内容，再建立几个文件夹。（也可以把存储图片、文件的文件夹在每个内容文件夹里面各搞一些） 3、打开你的网页编辑程序（例如FP、Dreamwear等），新建网页，保存为“index”（主页），重复以上步骤，在网站文件夹里面建立“search”（查找）、“map”（站点地图）、“index02”（网站简介等）。 4、按照上面步骤，再在网站分类文件夹里面建立许多网页（接着还要把内容输入网页） 5、已经做到了这么多，我们该准备内容了吧。在硬盘上面再建立一个文件夹“File”，把准备好的文档、图片、程式、文件和网页特效等放进去。（可以加入一些动态网页） 6、慢慢把这些文件一个不漏的放进网页里面（要掌握技巧） 7、把网站充实了，就差不多了。这时应该申请一个域名（免费空间、附费都可以）。并且把自己的网站放入搜索引擎，而且在各种留言版上面宣传。 8、把网站上传至空间里面，删了准备文件，就OK了！ 不过也可以这样使用FP建站： 1、在FP里面选择新建站点。 2、然后在【导航】里面设置网页名称以及标题。 3、准备好文档、图片、程式、文件和网页特效等，把它们都充实进网站里面。 4、申请一个域名（免费空间、附费都可以）。并且把自己的网站放入搜索引擎，而且在各种留言版上面宣传。 5、把网站上传至空间里面，删了准备文件。完毕。 如果使用Dreamwear来建站，那就更加高级啦！Dreamwear的功能很强大，安装了它的朋友们可以研究研究。 在网站设计中，纯粹HTML格式的网页通常被称为“静态网页”，早期的网站一般都是由静态网页制作的。静态网页的网址形式通常为：www.example.com/eg/eg.htm，也就是以.htm、.html、.shtml、.xml等为后后缀的。在HTML格式的网页上，也可以出现各种动态的效果，如.GIF格式的动画、FLASH、滚动字母等，这些“动态效果”只是视觉上的，与下面将要介绍的动态网页是不同的概念。 ??在《网络营销基础与实践》第二版第3章“网络营销导向的企业网站建设”中，提出了采用静态网页对搜索引擎的影响，书中对于静态网页本身的介绍比较少，尤其对于静态网页的特点没有做专门的介绍。 网络营销教学网站(www.wm23.com)将静态网页的特点简要归纳如下： ??（1）静态网页每个网页都有一个固定的URL，且网页URL以.htm、.html、.shtml等常见形式为后缀，而不含有“？”； ??（2）网页内容一经发布到网站服务器上，无论是否有用户访问，每个静态网页的内容都是保存在网站服务器上的，也就是说，静态网页是实实在在保存在服务器上的文件，每个网页都是一个独立的文件； ??（3）静态网页的内容相对稳定，因此容易被搜索引擎检索； ??（4）静态网页没有数据库的支持，在网站制作和维护方面工作量较大，因此当网站信息量很大时完全依靠静态网页制作方式比较困难； ??（5）静态网页的交互性交叉，在功能方面有较大的限制。 网页制作软件的选择 u 选择一个适合自己的网页编辑工具 了解了网页的类型及相关技术之后，下一步，就是要选择一个适合自己的网页编辑工具。 Frontpage Frontpage 是 Microsoft 出品的，可能是最简单、最容易，却又功能强大的网页编辑工具。采用典型的 Word 界面设计，只要你懂得使用 Word，就差不多等于已经会使用 Frontpage。就算你不懂 Word 也没关系，"所见即所得"的操作方式会让你很快上手，而且你无须学习 HTML 语法。 但 Frontpage 的也有其不足之处：首先是浏览器兼容性不好，做出来的网页，用 Netscape 往往不能正常显示；其次，生成的垃圾代码多，也会自动修改代码，导致在某些情况下极为不便；再次，对DHTML的支持不好。但不管怎么说，Frontpage 的确是最好的入门级网页编辑工具。 常见的版本为 Frontpage98 和 Frontpage2000。 Dreamweaver Dreamweaver 是 Macromedia 公司的产品的另一款"所见即所得"的网页编辑工具,或称网页排版软件。与 Frontpage 不同，Deamweaver 采用的是 Mac 机浮动面版的设计风格，对于初学者来说可能会感到不适应。但当你习惯了其操作方式后，就会发现 Dreamweaver 的直观性与高效性是 Frontpage 所无法比拟的。 Dreamweaver 对于 DHTML 的支持特别好，可以轻而易举地做出很多眩目的页面特效。插件式的程序设计使得其功能可以无限的扩展。Dreamweaver 与 Flash、Firework 并称为 Macromedia 的网页制作三剑客，由于是同一公司的产品，因而在功能上有着一个非常紧密的结合。而最新推出的 Dreamweaver UltraDev 更支持 Asp，Jsp。因此，说Dreamweaver 是高级网页制作的首选并不为过。 常见的版本为 Dreamweaver4.0 和 Dreamweaver UltraDev 1.0 flash flash也是 Macromedia 公司的产品，Flash 是交互式矢量图和 Web 动画的标准。网页设计者使用 Flash 创作出既漂亮又可改变尺寸的导航界面以及其他奇特的效果。相信凡是见过 Flash 技术的人，没有一个不想掌握它的。它不但易学、易用，而且可以做出有很多动画的网站，并且声色结合，是一种很有前途的网页制作技术。 firework firework也是 Macromedia 公司的产品，是真正的网页作图软件。Fireworks 与 Dreamweaver 结合很紧密，只要将 Dreamweaver 的默认图像编辑器设为 Fireworks ，那么在 Fireworks 里修改的文件将立即在 Dreamweaver 里更新。另一个功能是可以在同一文本框里改变单个字的颜色。当然，Fireworks 可以引用所有的 Photoshop的滤镜，并且可以直接将 PSD 格式图片导入。它是用来画图用的，它相当于结合了Photoshop ( 点阵图处理 ) 以及CorelDRAW (绘制向量图)的功能。网页上很流行的阴影、立体按钮...等等的效果，也只需用鼠标点一下，不必再靠什么KPT 之类的外挂滤镜。而且 Fireworks很完整的支持网页16进制的色彩模式，提供安全色盘的使用和转换，要切割图形、做影像对应(Image Map)、背景透明，要图又小又漂亮，在Fireworks 中做起来都非常方便，修改图形也是很容易的 。不需要再同时打开Photoshop和CorelDRAW...等等各类软件，切换来切换去的了。 Dreamweaver、Flash、Firework称为网页制作三剑客，将三个软件配合起来使用，会制作出非常精美的网页 gifanimator Ulead GIF Animator 4.0 是目前最快和最易使用的 GIF 动画工具，它在一个软件包中提供了顶级的功能，用于动画 编排、编辑、特效和优化。 GIF Animator 差不多支持每个主要的文件格式，包括视频文件，并允许输出为 Windows AVI、QuickTime 电影、Autodesk 动画或图像序列。用户可以生成适当的 HTML 代码，以便将动画嵌入到网页中，并且可以将动画打包成独立的 EXE 文件，以便通过电子邮件发布和在任何地方来查看。 u 制作主页 ??制作主页无非是添加文字、添加图片、添加链接，跟用word没什么区别，经过简单的学习后，你就会制作主页了！但是，要作出高水平的主页那要学的东西就太多了，不过总结起来就是html，图形制作，动画制作，页面特效制作和后台程序制作几个部分。 u 申请的主页空间，把你制作的主页传上去 ??我们制作的页面放在我们自己的计算机上，别人是不能看见的。为了让别人看见我们制作的页面，我们必须将他们放到一台和internet一直连接的计算机（服务器）上。你可以到提供空间服务的站点申请主页空间。有空间以后就可以利用响应的FTP（文件传输协议）工具软件将我们制作的页面传上去。这样，就可以让大家来分享我的精彩页面了。 常见的FTP工具软件有cuteFTP、leapFTP等，其功能和使用方法都比较类似，具体使用方法可参见本站想应的文章。 可能你开始的主页只是非常简单， 但是这是你的第一步，也是良好的开端，然后再一步步学习：如何把网页制作漂亮一些？如何制作动画？对于新手，千万不要一下子就想：我看到某某某网页这么漂亮，它是怎样做出来的？我很想马上做出来，于是马上就去研究复杂的网页，这样你会发现网页制作很难，学两下就放弃了，这样永远学不会制作主页。想当初，我对于我的网页能产生链接也高兴了半天，于是产生了更大的兴趣。记住：一步一步来，不要一下子想成为高手，否则很难成为高手。

　　降低页面的比重　　1去除不必要的空白和注释， 将inline的script和css放到外部文件中。 HTML Tidy这个工具可以用来自动的去除空白。还有一些其他的工具能够压缩javascript代码，比如将比较长的标志符换成短的，通过这种方式，尽量的减少页面的比重。　　减少文件的数量　　将少一个webpage被加载时所需要的下载的文件数量，有些browser具有cache的设置，如果一个css或是javascript文件没有被改变的话，它就不会再去下载一遍。通过这样的设置，也可能减少文件下载的数量。　　减少Domain查询　　对于每个Domain的查询，都需要去检索DNS， 过多的Domian查询会导致页面加载速度变慢。　　缓存重用的内容　　确保所有可以被缓存的数据都已被缓存，并在恰当的时间过期。　　尤其要注意的是：Last-Modified header，它会记录下静态最近被改动的时间，而对于大多数web服务器来讲，都会默认的为静态文件提供这样的头。　　js：避免使用eval或者是函数构造器　　js解释器在执行代码前，会进行类似预编译的操作，首先会创建一个当前执行环境下的活动对象，并将那些用var声明的变量设置为活动对象的属性，但是此时这些变量的赋值都是undefined， 并将那些以funciton定义的函数也添加为活动对象的属性，而他们的值真是函数的定义。　　使用eval时，传递给它的string内容，因为无法进行预编译，所以解释器也无法丢代码进行优化。这样的结果就是eval的效率相当低。　　同时，在所以可以用string代替函数的地方，都不要用string来代替，而应该直接传一个函数过去。　　js： 尽量使用局部变量而非全局变量　　局部变量的查找速度比全局变量高出许多。

　　主要步骤：精简代码;头部优化，权重标签使用及图片优化。在这四个环节中，精简代码是最基础、最根本。 　　1.精简代码是指清除或者简化页面中的代码，从而达到降低页面体积、提高页面的用户体验及搜索引擎优化性的目的。 　　精简代码又分五个小步骤：1.清理垃圾代码;2.html标签转换;3.css优化;4js优化以及表格优化。 　　1.1 垃圾代码是指那些在删除的情况下也不会影响页面正常显示的非必要代码。不要小看这些代码，他占据了很大的空间，不仅影响性能还影响搜索引擎的计算时间，所以代码最好是手写，如果用frontpage，word，dreamweaver，等工具写的话，产生的垃圾代码会非常多，所以手动清理掉。 　　1.2 html标签转换，主要是指使用短标签替换在网页中实现同样效果的长标签。例如与，两周都是对字体加粗，但是比多出五个字符，如果页面很多的话，就会产生很多冗余代码。 　　1.3 css优化。css优化主要是改变css的调用方式，以及避免使用css为重要内容定义样式。 　　使用div+css方式制作页面，一方面防止垃圾代码，另一方面可以减少重复代码。这种方式对搜索引擎非常友好。 　　1.4 js优化。js对搜素引擎极不友好。目前搜索引擎不能解析javascript生成的页面或者内容。所以重要的内容不能用js脚本生成; 　　1.5表格优化，传统的页面基本都是用table。但是这种方式对搜索引擎非常不友好，所以不建议用table 　　实战：我的网站gsm alarm system所有的页面都是手写，几乎没有任何的冗余代码，就是标签的转换，尽量避免了长便签。 　　还有就是css优化，所有的样式我放在外部页面，只需在头部添加引用即可，这样大大减少了页面的体积。 　　还有就是我采用了div+css的方式写了每个页面。 　　还有js优化，所有的重要内容都没有使用js，用js只是显示一些特效，但是js的代码也是写在外部页面，而要在页面的底部添加引用，千万不要再头部，如果在头部也会影响页面的性能的 　　而我的网站gsm alarm system所有的页面都遵守了上面所述规则。以上小弟如果有错的地方，各位大哥，可以给予指点，小弟不胜感激。好了今天就到此了，下节继续。

1、页面精简：去掉html页面不必要的空格、注释，尽量将script和css写在外部文件中。可以借用第三方工具对页面进行加速。2、减少文件数量减少页面上引用的文件数量可以减少HTTP连接数许多JavaScript、CSS文件可以合并最好合并，人家财帮子都把自己的JavaScript.functions和Prototype.js合并到一个base.js文件里去了3、减少外部域名文件的引用4、优化页面元素加载顺序例如：首先加载页面最初显示的内容和与之相关的JavaScript和CSS，不需要的图片文件放到后面加载，或者引用延迟加载的js5、减少页面中inline和JavaScript的数量6、不要在table标签中嵌套table标签，不过现在基本上都用div+css了，HTML5也出来了。7、检查页面是否有js错误，或者空引用（检查页面有没有502错误），有没有js文件的重复加载

网站代码的优化也是网站优化中的一种优化措施，代码对于网站优化来说非常重要。虽然HTML代码是程序员应该精通的语言，但是对于HTML代码的优化应该是SEO专员应该精通的技能。作为一名合格的SEOer，我们不需要精通HTML代码，但我们要懂得网站代码如何优化，比如我们网站中的某些内容为重要的内容，这就需要我们为重要的内容增加附加价值，这样才能得到搜索引擎的重视，这个时候我们就可以通过HTML代码的方式将重要的内容标记，通过HTML代码标记重要内容之后搜索引擎蜘蛛在抓取你的网站时就知道什么内容应该赋予更高的权重。有时我们的网站经常会出现一些改动，每一次的改动都会存留一些无用的代码，这种无用代码过多时就会影响网站的打开速度，甚至会降低蜘蛛对网站的好感，降低网站的整体评分，这就是代码优化中的一部分，清除网站中的无用代码，提升页面的打开速度，增加蜘蛛对网站的友好度，从而增加网站的整体评分，达到优化的效果。那么，在网站优化中网站代码如何优化呢，下面我会为大家详细的介绍一下。1、H标签优化网站代码中H标签的优化措施就属于代码优化中的其中一项，在之前的文章中我也有介绍过H标签的使用，今天我为大家讲解一下H标签如何优化，h1-h6标签都叫做H标签，H1标签在H标签中是权重最好的标签，通常在网站中每个页面只允许出现一次H1标签，站在SEO优化的角度来讲，我们通常将H1标签放置在每个页面最重要的内容上，比如说我的博客最重要的是哈尔滨SEO这个关键词，所以我就将H1标签放置在哈尔滨SEO这个标题上，千万不能有同一个页面中出现多个H1标签的现象，H1标签在每个页面中只能出现一次，其他的H标签可以出现多次，但是一般只是用H1标签，如果不擅长使用H标签建议也不要随便在网站中放置，因为在网站中如果没有H标签的出现，蜘蛛就会将网站的权重分给所有的内容，不会讲权重集中在某个内容上。2、nofollow标签在站长工具不能检测出友情链接中的nofollow之前有很多没有道德的人利用nofollow标签来交换友情链接，我们都知道友情链接可以让两个网站之间相互传递权重，而在友情链接的代码中加入nofollow就相当于告诉蜘蛛不要抓取这个链接，这样就会导致你的网站不会得到对方网站的权重传递效果，因为在友情链接中虽然我们链接对方的网站不会分散自身网站的权重，但是友情链接超过一定数量之后就会分散网站的权重，所以，通过nofollow的方式就可以达到友情链接没有数量限制的效果，因为nofollow不用为对方的网站传递权重，所以可以交换很多的友情链接，但是在站长工具能够坚持出对方的网站是否为我们的友情链接添加了nofollow标签的这个功能之后就很少有人在友情链接中添加nofollow标签了，而大部分都是在robots.txt中添加nofollow用来指引蜘蛛允许抓取网站的哪些页面，不允许抓取网站的哪些页面。3、title标签通常在网站中我们都需要为网站设置标题，一些二次开发的程序在网站的后台中就可以设置网站的标题，但是对于一些自己开发的网站需要在代码中设置，而title就是标题代码，蜘蛛在抓取我们网站时是通过代码的方式来浏览，并不是我们看到网站时的可视化页面，而title标签就是用来告诉蜘蛛我们网站的标题是什么，站在SEO的角度来说我们通常在title标签中要添加我们网站的主关键词，增加网站的匹配度，title标签对于网站来说是非常重要的，所以，我们在做网站的代码优化时一定不要忽略网站的title标签设置。4、keywords标签keywords标签与title标签是在一起设置的，如果你使用的是二次开发程序，那么你可以在后台一起设置title标签以及keywords标签，keywords标签表示网站的关键词，前几天有以为同学问我，为什么有一些网站不设定keywords标签，对于这种不设置关键词的网站通常都是注重营销与推广，打造自己网站的品牌词流量，通过网站高质量的内容增加网站的相关性高的长尾关键词排名来获取大量的流量，防止网站权重的分散，如果你精通营销与推广可以不用设置网站的关键词来优化网站。5、description标签description标签通常是用来填写网站的描述信息，我们在搜索某个关键词时，看到快照下方显示的网站描述就是通过description标签来设置的，有人认为description标签对网站的关键词排名并没有多大的影响所以就不设置网站的description标签，其实我们细心观察可以发现，我们在搜索某个关键词时显示的快照下方的描述中如果出现这个关键词也会以红色字体的方式显示，但是描述中只显示一部分，不是所有的描述内容都会展现出来，所以，我们在设置网站的description标签时，在描述信息前方出现我们网站的关键词也会增加网站的关键词匹配度，增加网站的相关性信息，有利于网站关键词的排名。6、ALT标签ALT标签通常是用来添加在网站的图片上，对于搜索引擎蜘蛛来说，蜘蛛只能读取HTML代码内容与文字和数字的内容，并不能读取出网站的图片中是什么内容，加入你的图片中是自己的照片，那么你不告诉蜘蛛的话蜘蛛是不会知道这个图片中的内容是什么的，而ALT标签就是告诉蜘蛛我们图片中的内容是什么，也相当于图片的描述信息，对于图片的描述信息也可以有效的增加关键词密度，但是不要为了增加关键词密度来添加ALT标签，我们只要在ALT标签中用最简洁的语言描述图片的信息即可，最好图片的内容要与我们网站的内容相关，因为蜘蛛不但会收录网站的内容，同样也会收录网站的图片，让图片展现在百度图库中，而ALT标签就可以让图片展现在哪些分类的图片中。总结：对于网站的站内优化来说，首先我们要提升网站内容的质量，其次就是要注意网站的结构和网站的代码，不要小看网站代码的重要性，有时网站的代码设置的不得当甚至会导致网站被降权甚至挨K的情况发生，所以，我们在做网站的站内优化时一定要做好网站的代码优化措施。