代码优化就是对网页中的HTML源代码做简单的调整，以提高页面的友好性。页面经过代码优化后，一方面可以有效精简页面中的冗余代码，加快页面的显示速度，同时也降低页面占用搜索引擎服务器的存储空间，从面提高页面的用户体验及搜索引擎友好性。另一方面还可以有效的突出页面主题，提高页面的相关性。
代码优化的主要工作包括精简代码，头部优化及权重标签使用。在这几个环节中，精简代码是最基础、最根本的。
一、精简代码
精简代码是指清除或者简化页面中的代码，从而达到降低页面体积、提高页面的用户体验及搜索引擎友好性的目的。
页面代码的精简包括四大环节：清理垃圾代码、HTML标签转换、CSS优化、JavaScript优化。其中，清理垃圾代码又是精简代码中最重要、最基础的。
二、清理垃圾代码
清理垃圾代码是指删除页面中的冗余代码。一个页面经过垃圾代码清理后，可以删除接近%80的冗余代码。然而什么是冗余代码呢?
垃圾代码指删除后不会影响页面正常显示的非必要代码。这些代码占据的庞大的空间，还占用搜索引擎巨大的存储空间，增加搜索引擎分析数据的时间。然而这些垃圾代码是如何产生的呢?
三、代码优化
1、H标签优化
一个页面最多只能有一个h1标签，h2标签10个以内，h3，h4不限制，写代码的时候，也要层层下来，先h1再h2，h3，h4，h1一般作用于logo或首页头条文章标题h2一般作用于频道分类。或者栏目，h3一般作用于更小的栏目标题或者文章标题，产品名称标题，h4一般作用于文章标题，产品名称标题。
2、keywords标签
keywords 标签也就是页面关键词，此标签里加入网站主要关键词，不过该标签里的关键词并不参与排名，但是我们可以适当通过它来调整一些词的密度，当然不设置也不会有什么影响。
3、title标签
先说title属性，他一般作用于链接a标签，起到对该链接的一个说明，对搜索引擎比较友好。有的对于img标签也加了title属性说明，这里我并不建议这样做，在title属性里加入关键词有利于调整关键词的密度，达到一个标准，也有利于关键词的排名，还有个就是页面顶部的title标签，也就是一个页面的标题，在标题里加入我们需要的关键词，能有效提升我们的关键词排名。
4、nofollow标签
nofollow的添加表示让蜘蛛不要追踪该链接，一般用于权重的集中。还有友情链接要防止别人添加了nofollow，如果别人添加了此标签，你这边要及时处理你们之间的友情链接了。
5、alt标签
alt标签一般只作用于img标签，起到对图片做文字说明的作用，对搜索引擎很友好，有时候图片打不开alt就会有文字显示出来，让你知道图的大概内容，对用户体验也很有帮助。
注意事项：
1、 使用搜索引擎可以抓取的DIV+CSS撰写源代码，比如在定义文字字体、颜色、尺寸、排版等方面，但如果使用了DIV+CSS定义了这些内容就不要使用style或font再次定义了，防止代码冗余
2、 使用外部调用文件，如大段的JS，无用的CSS，都需要使用代码外置调用展现，并最好是写在页面的最后位置，不要与页面中的文字元素进行混淆，防止搜索引擎识别页面文字困难
3、 较少或删除注释代码，注释代码对于搜索引擎来说，就是很噪声，无法被识别及抓取，最好的办法是删除
减少表格，虽然现在网站很少使用表格做页面了，但是有的时候也会使用，只要不使用多层嵌套表格和产生无用的代码就好了。
<title>网页标题</title><meta name="keywords" content="网页关键词“ />
<meta name="description" content="网站描述“ />
<h1>标签是定义一个标题</h1>
<h2>标签是定义一个标题</h2>
<h3>标签是定义一个标题</h3>
......
<h6>标签是定义一个标题</h6>
<img src="xxx.jpg" alt="图片说明">
<a href="/" title="链接说明">链接词</a>
<strong>关键词强调</strong>
<u>关键词强调</u>
<em>关键词强调</em>
以上标签中比较重要的标签有title标签、H标签、强调标签。
一、title：标题的布局一般我们会采用完整匹配和分词匹配，很少用到绝对匹配的形式。很多人会经常采用“排字”的形式去描写标题，比如这样的标题“启蒙网络-泰安网络公司-泰安网站建设-泰安网站优化”，采用这种标题写法的人正想使用完整匹配的形式去布局关键词。除了标题的可读性差以外，你还能看出这个标题中出现一个问题吗?
二、 Keywords：目前本被大多数搜索引擎抛弃，不再作为搜索排名的因素。
三、 Description：该标签对网站有一个简单的自我介绍，还是为用户提供信息阅读的重要标签。
四、<h1>-<h6>标签：其中<h1>权重最高，搜索引擎会认为这个标题是网页中最重要的信息，<h2>-<h6>标签是属于页面的相关性主题标签，除了<h1>外其他标签可以多次使用。
五、<alt>标签：网站图片描述，加入网站关键词，可以搜索引擎意识到这个图片的重要性。
六、<strong>标签：此标签代表语气加重，在网站优化中常常把一些重要的关键词放在此关键词内，是搜索引擎知道这个页面的关键词是什么，进而加强关键词优化效果。
七、Strong Em U标签：这三个标签的作用差别不大，都是对于网页的关键词起到加强的作用，直至现在，仍然有很多人误以为<b>、<i>等标签的使用也可以达到同样的效果。
html 注：超文本标记语言，“超文本”指页面内可以含图片、链接、视频、程序等非文字元素。 正确写法： <html>开始</html>结束.head标签
H标签文章标题标签，h1用于网站文章的标题，h1标签在一个网页中只能出现一次。
正确写法： <h1></h1><h2></h2><h3></h3><h4></h4><h5></h5><h6></h6>
title：标题标签
写法：<title>0基础学习SEO</title>
keywords:关键词 写法：<meta name=”keywords” content=”seo学习”/>
Description:描述标签, 写法：<meta name=”description” content=”内容描述”/>
a标签
欢迎分享，转载请注明来源：夏雨云
微信扫一扫
支付宝扫一扫
评论列表（0条）