网站SEO代码优化与标签优化，SEO网页减肥

网站首页 >> SEO建站分享 >> 正文

在SEO优化中代码优化与标签优化也是内部优化内容之一，网页HTML里面的标签和代码优化一方面是给搜索引擎看的，而大部分用户看到的只是前端的界面，所以seo优化也要对一些搜索引擎不能够识别的代码（js.CSS.flash等）进行优化，不仅对搜索引擎要保持很好的识别性，还有给用户更佳的界面体验。

seo优化需要哪些网页代码跟标签呢？

一、Div+CSS

1.div指的是方框，块区，而CSS指的是DIV里面的样式表，比如调整DIV里面的框架大小，长高没背景颜色等样式，都是针对DIV来控制和展现形式的，作用是让网站页面更美观，提升用户体验度。

2.DIV里面的class可以理解为在众多的DIV里面更容易找到某人的名字，学号，方便识别。网页中也尽量减少使用CSS的调用，最好可以调用外部CSS，来增加页面打开速度，

二、JS

JS也叫javascript是一种脚本语言，属于前端开发语言，经常与html、css技术一起构成前端开发，网页代码中尽量减少使用JS的次数，来增加网页的打开速度，可以让技术人员合并下JS代码，减少JS使用次数。

三、标签

1.a标签，指的是超链接，比如：<a>超级蜘蛛池</a>

里面的href指的是跳转到的意思，最好加上另打开代码 target="_blank"，方便用户，增加粘性。

2.img标签，指的是图片比如：<img src="https://www.yrsafe.cn/image/tools/47.jpg"/>

3.alt标签，指的是针对图片的描述，因为搜索引擎不识别图片，所以我们要对图片进行ALT，比如：<img src="/image/tools/47.jpg" _blank" href="http://www.aizhanqqq.com/tags-120.html" style="color:#555">外链发布工具_超级蜘蛛工具_超级蜘蛛池"/>方便搜索引擎读取图片信息。

四、H标签的使用

每个页面H1标签最多添加一对，而且是只能一对，有多的话删除，H2，H3，H4等标签无限制，可以多对使用，他们存在着完整性，必须先有H1标签才有H2，H3，H4，H5等标签，有H2-H6的页面必须要有H1。H1标签表明该页面的主题，通常在标题里面，作用是让搜索引擎更能够识别哪些内容时重要的，哪些内容是次要的。

五、nofollow的使用

nofollow标签是用在a标签里面，比如我们只需要在源代码里面加上rel="nofollow" 或者更为正规的 rel="externalnofollow" 即可即：<a href="" rel="external nofollow" target="_blank" rel="nofollow">###</a>是告诉搜索引擎可以抓取该页面，但是不传递权重，集权的一种方法。一般用在不信任的外部链接上，友情链接不要加！

六、SEO网页减肥

网页打开速度的快慢不仅和网速有关，也和网页的代码有关系。网页的整体页面越大，加载的时间会越长，这不仅影响了搜索引擎抓取，也影响了客户浏览网页的心情。所以在做网站的时候，应尽量把一些没有必要的代码去掉，以减少网页文件的大小，让搜索引擎快速找到重要的内容。整个网页最好不要超过50K，文字内容最好在5～10K之间。

SEO网页减肥重点涉及以下几个要点：

1．CSS样式

在定义CSS样式的时候，能合并一起写的尽量要合并在一起。例如：

修改前： #bd{margin-left:40px;margin-right:40px;margin-left:40px;margin-bottow:40px;}

修改后： #bd{margin:40px;}

还有能合并成一组属性的要合并到一组属性中，每个选择器之间用逗号分隔开。例如：

修改前：

#bd{font-size:12px;color:#333;margin:10px 0px 10px 10px;}

#ab{font-size:12px;color:#333;margin:10px 0px 10px 10px;}

修改后：

#bd.#ab{font-size:12px;color:#333;margin:10px 0px 10px 10px;}

网站像ul、img、a、a:hover等一些标签，这些标签在网站上显示的样式通常都相同，所以在CSS开始的时候要将样式统一设置一下，避免在网页布局用到的时候还需要在每个ID或者Class中重复设置，使CSS增大。 CSS不要放在页面的<head></head>标签中。一个网站往往会用到许多个ID或者Class，如果放在页面上，会使整个页面加大，不利于优化，所以要把所有CSS文件单独存放在命名为CSS的外部文件中.

语法：

CSS作用的优先级：自身的style属性>页面的内部style对象>页面外部CSS文件。

2．JavaScript

（1）将网页的公共部分转换为脚本并存于JS文件里。这样可以减少文件大小，加快下载速度，同时也方便管理。不过千万不要将导航等优化的关键代码转换成JS，否则搜索引擎搜索不到。转换方式：

例如：

原来是<h1>丰胸减肥</h1> 转换成脚本为：document.write("<h1>丰胸减肥</h1>")；

（2）简化JS中的函数名称和变量。例如，Google里面的函数名称只有1个或者2个字符。

3．不要轻易使用网页减肥工具

现在网上流行许多给网页减肥的工具，不过不建议使用，毕竟都不是智能的，有的时候对网页的结构根本分辨不出来，甚至错误地去掉一些代码，例如把标签的后半部分去掉等，造成网页破版。有调整破版的时间，还不如自己按照前面介绍的网页减肥方法来操作。下面举个最简单的布局嵌套的例子。

处理前：<div>< div >< div >第一行</ div ></ div >< div >< div >第二行</ div ></ div ></ div >。

处理后：< div >< div >< div >第一行< div >< div >第二行</ div >。

处理后的</ div ></ div > 两个标签都被去掉了，造成了页面破版。