网站优化SEO中的代码优化应该怎么做，蜗牛学院给你做全面的总结
发布时间：2018-12-21 10:02 作者：wnqc_2018 点击：1959
网站优化SEO代码优化——蜗牛启橙
一、什么是SEO？
SEO（Search Engine Optimization）：汉译为搜索引擎优化。是一种方式：利用搜索引擎的规则提高网站在有关搜索引擎内的自然排名。目的是：为网站提供生态式的自我营销解决方案，让其在行业内占据领先地位，获得品牌收益；SEO包含站外SEO和站内SEO两方面；为了从搜索引擎中获得更多的免费流量，从网站结构、内容建设方案、用户互动传播、页面等角度进行合理规划，还会使搜索引擎中显示的网站相关信息对用户来说更具有吸引力。
二、SEO优化站内部分
1.首页head标签
SEO中<title>是非常重要的HTML标签，搜索引擎对一个网页的识别在很大程度上依靠<title>标签中的内容。尽管近年来搜索引擎也越来越重视文本内容，但是相对其他因素，<title>依然起到决定性作用。
<keywords>标签能够让搜索引擎更加迅速的识别网站内容，这样一来，<keywords>标签边成为了重中之重的标签。
<description>标签内容应该如实反映网页内容，当然最好的<description>一定要穿插关键词，如此才会有较好的排名。
在其他方面，Head标签中的无用代码应尽量精简，特别是使用下载的模板时，head中常常有大量的无用代码和版权信息。
2.内页和文章页的head标签
网站每一页的head标签中都应该有TDK，其中内页的keyword和des可以复用首页内容，但title应重新填写，也就是说每个内页的title都应该是不一样的。
文章页的TDK则应直接连接后台相应部分，每个文章页的title就是文章标题+固定标题，DK则是分别调用文章摘要和文章关键词。
3.css/js优化
（1）外部文件调用+合并
尽量将所有的css和js相关内容放在单独的外部文件进行调用，且尽量将css和js代码合并成一个文件，非特殊情况不要在页面内部编写格式和效果相关的命令。
（2）代码压缩
养成良好的代码书写习惯，尽量让代码做到精简高效，删除无用代码和想关
注释，合理利用软件对css/js等代码进行压缩。
（3）位置
如果条件允许，可以将js代码放在网页的最后引用，加快网页打开速度。
（4）不要过度依赖js特效
Js和css可以提高用户的浏览体验，但对于搜索引擎优化没有任何的作用，
只会加大网页代码量，减慢网页的打开速度，因此网站不应过度的使用css和js，应尽量减小代码体积。
（5）LazyLoad(延迟加载)技能
Lazy Load是一个用JavaScript编写的jQuery插件，它能够或者或者延迟加载长页面中的图片，在浏览器可视地域外的图片不会被载入，直到用户将页面迁移转变到它们所在的位置。
4.利用DIV+CSS分离结构网页，禁用table标签
虽然现在div+css已经很成熟了，但是很多程序员还是利用老式的table结构来划分网页，虽然table结构很方便，但是其弊端也非常明显，那就是会大大增加网页的体积，尤其是多层表格的嵌套，这种结构不但会提升体积，同时如果嵌套数太多的话就会影响到搜索引擎的抓取，影响到站点的收录。
5.H标签与strong标签
H1-H6标签，这些标签在页面中占据着重要的位置，其中H1标签可以说是除TITLE外网页的最重要的另一个标签。这里需要注意的是要慎用H1，理论上一个页面只能有一个H1标签，因为最大、最重要的分类才能使用H1，如果说页面涉及到众多关键词和分类，则不要使用H1标签。
如果是频道页，大类的栏目名称使用H1标签是合适的，再按照栏目重要性，依次使用H2、H3等等H标签。这样合理的安排，让主导层次分明，也可以引导搜索引擎查找本页面的重要部分。
如果是文章页，就要根据文章页的优化方法来使用H2，若按照最普通的页面布局，只有文章标题及正文内容，没有其他与正文同等级的信息，那么就可以对文章标题使用H2修饰，可以很清楚的告诉搜索引擎在文章页，我的文章标题就是页面的核心，所以文章页面的H2也只能出现一次。其他H标签可以根据网页栏目适当添加，但注意要合理使用，否则适得其反。
b标签和strong标签都有给文字加粗的意思，strong是web标准中xhtml的标签，strong的意思是“强调”;b是属于html的，b的意思是bold(粗体)，它们之间的搜索排名因素并无显著差异，这就和em和i的标签都是斜体是一个道理。不过strong更符合w3c标准，对于seo优化更有好处，而b标签是IE自创的，本身对优化没太大意义。
6.alt标签
《img src=“XXX.jpg” alt=“图片说明”》网页中的ALT标签是用来对图片进行说明的，这里有两方面的作用，一个是告诉搜索引擎图片的信息，另一个是在图片加载不出来或图片路径出问题的时候告诉用户，这是什么样的图片。在一个网页中，所有图片都用ALT标签肯定是不好的，最好的办法还是在网页中重点图片(大多数情况下是和网站突出目标关键词相关的图片)使用ALT标识，这样对搜索引擎爬行网页重要图片很有帮助，对于提高网站关键词权重也会很有好处的。
7.清理垃圾代码
清理垃圾代码是精简代码其中个非常重要的环节。垃圾代码是指删除后不会影响页面显示的非必要的代码，一个页面在清理了垃圾代码后，可以删除近80%的冗余代码。从而达到降低页面体积，提高页面的用户体验和搜索引擎友好性的目的。常见的垃圾代码有 空格字符、默认属性、注释语句、和空语句等。
(1)、注释语句
在制作网页的时候，我们会添加些注释语句来增强代码的可读性，但是过多的注释语句会占用大量的网页空间，而且如果注释语句中存在大量的关键词，还会被搜索引擎认为是堆砌关键词，从而对该站进行处罚。所以我们在添加注释语句时，尽量避免添加那些即使删除后也不会影响网页源代码可读性的注释语句。
(2)、默认属性
我们在使用网页制作软件时，都会产生些默认属性的代码，比如我们在网页中不添加左对齐的属性，但是页面中的内容也是左对齐的，所以代码中的左对齐属性代码可以删除。
(3)、空格字符
空格字符实在编辑代码时敲击键盘上的空格键而产生的符号，网页中每个空格都算作个字符，通常出现在每行代码的开始处、结尾处以及空行中。
(4)、空语句
空语句是指标签之间不存在任何内容的空句子。
7.面包屑导航
网站内页的顶部都应该有完善的面包屑导航，不仅方便用户的浏览，更有利于搜索引擎对于网页的收录。
8相关推荐与上下翻页
这里主要指的就是网站的产品页或文章页，页面底部要设置相关推荐模块，根据关键词动态调取相关产品或文章，如果是文章页，则必须要有上一篇和下一篇功能。
9.文章页的标签系统
需要做SEO优化的网站必须要有完善的关键词标签系统，在文章页标题下面显示文章关键词标签，点击标签则可以显示该分类下所有拥有该标签的文章列表（参考官网）。
10.图片压缩
所有上传到网站上的图片都应该经过无损压缩，目的就是减小图片的大小，加快网页的加载速度。
11.页面伪静态
理论上所有的页面地址都应该作伪静态处理。
12.301重定向
301重定向的作用有很多，而301在SEO中的作用就是网页集权。最常见需要做301重定的就是网站首页。
如果一个网站绑定带www和不带www两个域名，百度会认为这是两个不同的站点。这样不利于SEO优化，所以要做301集权，就可以有效避免权重分散。
URL网址规范化。同一个页面可能出现多个网址，搜索引擎挑选显示的URL很可能不是最适当的URL网址，SEO需要做一些工作，使搜索引擎更容易选出真正的、所谓规范化的网址。
举例来说，下面这几个URL一般来说指的是同一个文件或网页：
http://www.xslseo.com
http://www.xslseo.com/index.html
这种情况就要做301实现URL网址规范化。这种情况dede系统做的网站非常常见。
12.标准HTML代码示例
1、<!–蜗牛启橙–> 这个东西是写页面注释的，可以在这里加我的“蜗牛启橙”，但过多关键字可能被搜索引擎惩罚！
2、<html> 这个是代码开头 结尾时和</html>对应。
3、<head> 头标记结尾用</head>
4、<title>（蜗牛启橙-勤记录 懂分享）</title>兵家必争之地，很重要，字字值千金啊，各位站长狠抓，注意关键字放置，不要堆砌关键字，不然后果够你吃的。
5、<meta http-equiv=Content-Language content=zh-cn>
6、<meta http-equiv=”Content-Type” content=”text/html; charset=gb2312″>
7、<meta name=”keywords” content=” 蜗牛启橙-勤记录 懂分享”> 这个现在权重不太高了，但是只要有轻重我们也要利用。
8、<meta name=”description” content=” 蜗牛启橙-勤记录 懂分享”>这个东西是你百度搜索时候网站下面的那个所用简介，有一定作用哦！
9、<link href=”style/css.css” type=”text/css” rel=”stylesheet”>
10、</head>
11、<body>
12、<div>
13、<h1>蜗牛启橙</h1>很重要，如果不写，你比丢钱了损失还大。
14、<h2>蜗牛启橙-勤记录 懂分享</h2>
15、<h3>蜗牛启橙1</h3>
16、<h4>蜗牛启橙2</h4>
17、<h5>蜗牛启橙3</h5>
18、<h6>蜗牛启橙4</h6> 上面这些标题都是很重要的，对没有小版块的内容都要淡定哦！
19、<img src=”xxx.jpg” alt=” 蜗牛启橙”>可以增加网站的相关度。
20、<a href=”/” title=”蜗牛启橙”>蜗牛启橙</a>可以借助超链接来增加关键词出现的次数，这个词最好做成网站关键词，这样助于排名。
21、<strong>蜗牛启橙</strong>权重次于<H1>的，高于很确定的是它比<b>、<u>、<i>等标签。
22、<b>关键词强调</b><u>关键词强调</u><i>关键词强调</i>权重次于上面的
23、</div>
25、<div>
26、版权部分关键词强调，这样可以增加关键字布局，更加合理。而且这个地方放置会得到不错的权重。
27、</div>
28、</body>
29、</html>
网站建设、网站优化、微信开发、网络推广服务商蜗牛启橙声明：如发现内容存在版权问题，[email protected]，[email protected]，涉及言论、版权与本站无关。
