网站代码优化主要是对已开发完成的网站代码进行调整，主要是因为很多网站的建设没有采用w3c标准，页面代码使用不规范，从而导致搜索引擎对网站代码的识别度不好，接下来小编为你详细分享网站代码 SEO优化 技巧及注意事项。
一、什么是网站代码优化
网站代码优化是指通过对网站页面的代码进行调整，使其更符合搜索引擎的抓取和识别规则，从而提升网站页面的抓取和自然排名。网站代码优化主要目标是提升页面在搜索引擎的排名。
二、网站代码优化的技巧
1、html优化
(1)、title标签
在浏览一个网页时，通过浏览器顶端显示条出现的信息就是title标签的内容，又称之为" 网页标题 "。title标签可直观的告诉用户此网页讲述的内容性质，让搜索引擎、用户更容易了解文档内容，同时网站上的每个页面的title都是独一无二的，title标签大约有 9 个单词，但在 6 到 12 之间，首先放置最重要的关键字，然后按重要性顺序排列其他关键字（如果有空格）。一个主题明确的title可以帮助用户更方便地从搜索结果中判断你网页上内容是否符合它的需求。
详细介绍请查看： 网页标题
(2)、Description标签
Description标签是title标签很好的补充，是对网页内容的精练概括，让用户更好的了解全文，这个对 搜索引擎优化 很有帮助，一个好的description会帮助用户更方便的从搜索结果中判断你的网页内容是否和需求相符。Description标签一定要和标题结合起来，尤其要突出要推广的关键词，尽可能组合关键字和短语。Description标签大约 24 个单词或 160 个带空格的字符，尝试在前 156 个字符中包含所有高优先级关键字以确保安全。
(3)、Keywords标签
Keywords标签就是页面主要关键词的提炼，一般使用短语或者短语组合，每个页面使用3-5个关键词即可。很多文章说对SEO的作用降低了，从优化猩SEO实际操作来看，Keywords还是很有用的，比如原来占的分值是10分，现在可能降到5分，所以不要忽视keywords标签在网站排名中的作用。
(4)、H标签
html中的h标签一共有六个，分别是h1/h2/h3/h4/h5/h6，分别代表不同的级别，称之为一级标题、二级标题……其中，一级标题具备更多的权重。关于h标签的使用，需要根据实际情况来使用，不可任意滥用。如一篇文章，不可能出现多个一级标题，所以h1，在同一个页面中只能出现一次，而h2等则可以出现多次，根据你需要表现的内容的重要程度，分别使用不同的h标签即可。特别注意，h标签中最好出现关键字！还有就是，随其自然，万不可刻意地用h标签来处理某些关键字！
(5)、strong属性
strong被认为是"加强"，em被认为是"强调"，也就是说这两个标签是有特殊含义的，这对于 网站优化 至关重要。多数时候，在优化网站时会对关键字进行突出，这时使用strong或em就比使用B或者I好很多，特别谨记！
(6)、alt和title属性
alt是图像中的注释，title是图像或链接的标题，这两者对于优化，尤其是图像的优化至关重要，但也不要滥用！一般在插入图像时，我们在alt中设置图像的描述内容，其中可以包含关键字但不要故意堆砌，title则当作图像标题来处理。特别需要注意的是，这些内容是不可以重复的！也就是说，当你的页面中有多张图像，你不能每张图像的描述和标题都设置成一样的，这样很容易被搜索引擎惩罚！
title属性在a标签中也有所使用，告知搜索引擎链接的内容。
(7)、nofollow属性
nofollow属性是HTML页面中A标签的属性值。它的出现为网站管理员提供了一种方式，即告诉搜索引擎"不要追踪此网页上的链接"或"不要追踪此特定链接，只要加入了这个 nofollow标签 的链接，爬虫就不会进行抓取，通过nofollow标签减少网站链接权重的传递。
详细介绍请查看：
(8)、Iframe框架的合理使用
2、css优化
于网站排名优化来说，css的几乎没有任何影响，但往大的方向如网站优化来说，样式表css的优化就至关重要了，其主要作用即是提高网页的响应速度。
(1)、外链css
css的使用有多种方式，一是嵌入式，即在html标签中直接定义样式表，如下所示:<p>Outside now its raining,and tears are falling from my eyes…</p>
还有一种是直接定义在页面头部的如下：<styletype="text/css">p{ background:#f1f1f1; color:#333; line-height:20px;} </style>
这两种方式都是把css写在当前html中，这样会造成hml文档变大，降低网页的响应速度，所以我们需要外链css，将所有与本页面相关的样式写入到该样式表中：<href="style/common.css"rel="stylesheet"type="text/css"/>
(2)、精简css
对于这一点需要一定的css能力才可以做到了。所谓精简，指的是用尽可能少的样式代码实现整个网页的样式效果，需要充分利用css的继承和综合使用，举一个简单的例子来说明。如页面中的链接，全部不需要下划线、大部分为12像素，但链接的颜色并不相同，个别的字体效果也不相同，我们就可以这样来写：
a{ text-decoration:none; font-size:12px;}/*定义通用a样式*/
a.a_red{ color:#e00;}
a.a_blue{ color:#009;}
a.a_menu{ color:#fff; font-size:14px; font-weight:bold;}/*针对特殊a标签只指定特殊样式*/
因为css的继承作用，a_red和a_blue都具备没有下划线、12像素这一样式，而a_menu同样具备没有下划线，但因指定了大小，就不再继承12像素的指定而使用14像素……
(3)、整合css
一般情况下，前端制作人员喜欢把通用样式写成一个文件，把专用样式写成另一个文件，以便各个页面调用。比如把页面通用样式（包括通用的布局样式、文字样式等）写在common.css中，而把专用的写在另一个样式表中。如首页，我们就需要调用common.css和index.css两个样式表文件。这样做，对于前端来说是正确的。但对于优化，却不太好。多一个文件调用就需要多一次请求，当然也会多耗费一点时间。所以，在网站制作完成后，需要把页面的所有样式合并到一起，以提高网页的响应速度！但需注意，合并css不利于网站后期整改，权衡利弊各取所需，具体是否合并还需根据你的实际情况而定。
(4)、压缩css
压缩css其实很简单，就是去掉多余的空格和换行。实现起来也非常的简单，网上有很多工具，请自行搜索"css压缩"即可找到很多在线压缩工具。同上面一点，压缩后的css不便于后期整改，需要自己权衡取舍。
3、 Javascript 优化
javascript代码对于网站排名优化同样没有多大影响，但从网站优化的角度来看却是至关重要的一步优化操作，优良的javascript代码可以大幅度提升网页的响应速度！
(1)、外链js代码
js代码尽量使用头部插入和外部调用的方式，不要写在页面上，使hmtl代码看起来更加简洁，调用方式主要以下两种：
头部插入：<script>...</script>
外链调用：<SCRIPT language=javascript type=text/javascript src="jquery-1.7.2.min.js"></SCRIPT>
(2)、精简js代码
这一点需要更为专业的js技术才能做到，尽可能根据需要实现的效果编写js，而不用从网上找一段代码直接拿来用，网上的代码很多功能很全，从而质量很大，而其中的很多功能对于我们要实现的效果是没有任何用处的，所以建议精简js代码，从而提高网页的响应速度。
(3)、压缩js代码
对于这点，网上也有很多的工具，请百度查询"js压缩工具"即可。
(4)、置底js
一般情况下，我们都是把js放到head之间的，这种方式在页面加载时即会加载，当然也就会导致响应速度的降低，百度站长平台建议把js放到页面最底部，也就是</html>之外。等html加载完毕之后才加载js代码，当然，有部分特殊功能的js代码是没有办法放到页面底部的，具体请根据实际情况操作。
三、网站代码优化的注意事项
1、使用DIV+CSS布局网页。现在依然有很多站长在制作网站的时候采用table的布局方式，可能考虑到网页的兼容性和布局的简易性。但table布局的弊端却是显而易见的。采用代码更加简练的div+css布局方式，效果更显著。
2、删除注释代码，注释代码对于搜索引擎来说，是非常嘈杂的，无法识别和抓取的，网站SEO代码优化的方法是删除。
3、使用外部调用文件，如大段的JS和CSS，都需要使用代码外部调用来显示，写在页面的后位置，不要与页面中的文本元素混淆，以免搜索引擎识别页面上的文本。
4、针对js图像特效等，可能会影响网站关键字排名的！有的特效图像的路径、说明等都是写入到js中的，这种特效尽量不要使用。
总结
优化猩SEO：网站代码优化主要围绕title标签、Description标签、Keywords标签、H标签、alt属性、nofollow属性，如果要优化CSS、Javascript的话，整个网站代码优化的工作量就会比较复杂。
参考链接：
代码优化_百度百科
修改于2023-07-04
网站代码优化
在网站优化过程中，大多数时间都在做网站外部链接，很少有人在意网站的代码优化。 我以前是做网站设计的，后来转到SEO，在学了1年后，发现搜索引擎不仅喜欢外链，他也喜欢优秀的代码。 那么什么样的代码算得上是优秀呢？简单而言，就是让蜘蛛在来到你的网站时，能很轻松的读懂你的网站。 我观察了很多SEO学习者的网站，发现不少学习者为了提高蜘蛛的亲和力，界面上很多东西都乱乱的，毫无章法，虽然这样的站也许会暂时的让蜘蛛喜欢，但是时间一定不会长久的。 我在很多自己的文章中曾经说过以用户为中心的设计，这一点是非常重要的，想象一下，蜘蛛每天都会来到你的网站，每天都会感受到你刻意为他打造的环境，时间长了，更新频繁了，就会引起人工注意，当搜索引擎的工作人员打开你的站，看到的是很不舒服的布局，降权就成为必然了。 前段时间我有说过一个案例，以绝对定位的方式改变网页布局，让关键词的位置处于界面最合理的位置，并且让它在最有利于排名的位置出现。 在没有DIV+CSS技术的时候，这样的方式几乎是不可能的，但是拥有了DIV技术，完全就可以实现这样的布局。 前段时间做了一个页面，我使用了DIV技术，将网页LOGO包含在CSS当中，然后用H1对关键词包括，并且做了H1的CSS修饰，这样下来，其实用户看到的是图片LOGO，而LOGO上很正常的显示了ALT，这里的ALT实际上就是你的刚才用H1包含的关键词。 查看代码的时候，在源代码中找不到LOGO，而是只有用H1包含的关键词信息。 实践证明，这个站的排名升的很快，而且并没有被降权，因此可以说，代码优化在网站优化中是非常有效的手段。
网站优化都包含哪些内容？如何做好一个网站的优化？
网页的优化工作是由很多方面的优化组成的，作为一名优秀的网页优化工作人员必须具备多方面的知识，不仅仅要掌握网站设计制作技术（包括网站架构设计、网页设计以及制作页面编写代码等等）；还要掌握很多计算机其他方面的知识(包括电子商务、人机交互、易用性和一些相关的软件知识等等)；甚至需要掌握心理学、商业运作等相关知识。 我认为网页的优化应该是由两个方面组成的：1.技术优化，2.人文优化（这个分类只是我总结的，没有人给出过具体定义）。 技术优化指的是代码的优化、目录结构的优化和针对搜索引擎的优化等等针对技术方面的优化工作，一般都是看不见摸不着的但是会给用户带来不少方便也会给网站带来更大的效益，技术优化有一定的模式而且需要优化的东西也比较固定相对简单一些只是时间问题；人文优化指的是交互性优化、易用性优化等等针对用户使用方面的优化工作，这一部分是网站用户看得见摸的着的东西，人文优化是最花经历最困难的因为我们要猜测使用者的心理。 下面我就分别对这两个方面进行解释。 1．技术优化：技术优化主要分为代码优化、目录结构优化和针对搜索引擎的优化三个部分。 这一部分的优化工作主要是由网站开发人员测试提出方案完成的，而且有一定的规则，所以相对要简单一些只是时间问题。 （1）代码优化：代码优化主要解决的问题就是页面浏览速度和适应性的问题。 文字和图片是构成页面的两个主要因素，所以我们的优化也要从文字和图片开始。 文字我们在制作页面的时候基本上都是定义好的一般使用宋体和12px，随着代码的标准化字体的样式大小等等的指定应该使用css样式表来完成，而现在被广泛应用的<h1></h1>、<font size=×× color=××></font>等等标签都是不标准的，也会慢慢被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）针对搜索引擎的优化：搜索引擎优化是很多人都知道的一种优化项目，也是完整的优化工作必不可少的一个步骤。 “关键字”在搜索引擎这个话题里是一个核心的字眼，几乎所有的针对搜索引擎优化问题都是围绕着“关键字”展开的。 有很多人盲目的追求在网页中处处体现关键字，觉得这样就会更容易被搜索引擎搜到，其实这样做并不一定合适。 比如前一阵子流行过的“鬼影秘笈”，方法就是用和网页背景相同的颜色在页面中隐藏了很多关键字，很多人现在还在用这个方法，但是随着搜索引擎功能越来越强大这个方法已经不那么好用了，甚至会起到反作用。 (这种做法会被搜索引擎惩罚，有专门的举报系统)“关键字”的体现要合理，比如我们可以制作一个“网站导航”的页面，网站导航页面会淋漓尽致的体现各个关键字，这个页面不但方便用户使用也会更容易的被搜索引擎找到起到事半功倍的作用。 随着搜索引擎都有了图片搜索功能，网页里边的图片也是体现关键词的好地方，在页面里边加入图片后千万别忘记给图片起一个 “名字”（如：<IMG SRC= BORDER=0 ALT=图片名称>）我们给图片的名称就可以是关键字。 域名里边含有关键字也很重要，但是不宜过多，一般一个或者两个最重要的就可以了，如果过多就会影响网站在搜索引擎的排名而且不方便用户记忆。 子页面的名称也是一样，现在很多网站的子页面名称就是关键字的堆砌，其实这样会降低每个关键词的出现机率，结果每个关键词都被打了折扣甚至被忽略适得其反。 在子页面的命名上也有很大的学问，几个关键词构成了子页面的名称，但是这几个关键词用什么连接呢？如果用分隔符断开关键字那么搜索引擎不会认为他们是一个一个的词而会当他们是一个词处理，但是有的分隔符搜索引擎同样认不出来，比如“_”和“-”在 google里边下划线“_”就不被接受，所以建议大家使用“-”和空格（空格码：％20），一般所有的搜索引擎都会接受。 千万不要用中文给页面命名，页面名称、图片名称等等都要用英文字母（如：“”或者“图片”一定要写成“”“” 等等）。 现在很多网页虽然很好看但是并不实用，我们就拿现在很流行的跳转页面来说吧！现在很多企业网站都流行做一个跳转页面，或者是一段动感的flash或者是一张漂亮的图片，他们认为这样很漂亮特别能够体现公司的形象，其实他们并不知道这样做非常影响搜索引擎搜索你的网站
什么是seo？
网站优化是指在搜索引擎许可的优化原则下，通过对网站中代码、链接和文字描述的重组优化，甚至包括对网站结构的一些调整，以及后期对该优化网站进行合理的反向链接操作；最终实现被优化的网站在搜索引擎的检索结果中得到排名提升。 网站优化包括网站自身的优化和针对搜索引擎的优化，它是网站整体资源的合理配置，针对整个网站进行合理优化操作，从而提高网站整体素质，网站优化不等于seo，但是包含seo.网站优化所坚持的原则就是：以用户体验为核心，迎合搜索引擎喜好.网站优化是一个长期的过程，包括网站的运营，网站的推广，网站的营销，总之网站的发展是离不开网站优化的，网站优化贯穿整个网站的发展，在网站的发展中起着举足轻重的作用。