如何在网页代码中做优化

Question

如题所述

Answer 1

　　一、用好html标签重定义，精简代码!
　　Html标签重定义比Class要节省页面代码。html里常见的标签有span、u、i、small、big、cite等，我们都可以用到页面中，然后在Css文件重定义样式。例如：如果是需要三个div才达到的效果，用 i、span、p三个标签就能很简洁达到，根本不用class和div。
　　二、标签使用要让搜索引擎易于理解。
　　h1只能用于页面主标题，一个页面只能有一个，有的模板默认把logo链接或文字链接设置成h1，这是非常错误的，h1应该只给标题纯文字;h2用于次一级重要的标题;h3可在列表页用于文章标题。 h2和h3根据需要适量使用，不能太多。
　　h标签后面可以跟着p或ul，p是对h进行完善描述，ul是调用相关文章，这两个都有助于搜索引擎理解。
　　在文章内容页，strong用于段落小标题，段落用p，这样不但看上去比较美观，搜索引擎也会明白。
　　三、想样式美观而且代码精简，请用好background。

Answer 2

在SEO优化中，我们不仅要对关键字进行优化，代码优化也是必不可少的。

下面一些见解

网页代码优化的原因：

(1) 可以减少网页的体积，加快网页的下载速度;

(2) 提高蜘蛛对信息的抓取的速度和准确性

(3) 有利于减少错误的代码，提高页面的对蜘蛛的友好性

(4) 便于管理人员维护，提高工作效率

(5) 减少网页的噪音，突出页面的主题

那我们怎样对网页代码进行优化?

(1)对网页中存在多余的代码，我们要学会清除垃圾代码。网页中一般存在的垃圾代码会有空格符、空标签块、多余的嵌套标签、不必要的注释等。
如：在每行的开始或结尾都存在着大量的空格符，我们需要把这些冗余代码删除，还有空白行。清除空白行有一种简单快捷的方法：可以将代码转至html代码编
辑的模式按ctrl+A全选代码使用组合键shift+Tab删除。

(2)采用div+css排版。Div+css样式可以精简很多样式，将设计网页模版的部分脱离出来，放在一个独立的文件夹中，对于网站的维护
和更改都相当的方便。且可以提高页面的浏览速度，增加客户访问的友好性。在css进行布局时，要有良好的命名习惯，适当的代码注释。

(3)引用js文件，并不是页面的特效越多越好(先css后js)。

(4)对于图片的优化，网站的图片不是越多越好，但要有图片，要完善图片的ALT属性，最好使用带有目标关键词的描述。

(5)对于错误的代码，我们可以利用3w工具进行检查。

对于页面标签的优化，H1定义为正文标题，即一级标题，它具有唯一性。H2为二级标题，主要出现在正文的文章标题上。H3为三级标题，一般出现在页面的侧边栏，H4-H6一般出现较少。值得注意的是在页面中和的区别，对关键字起到强调作用，而仅仅是加粗的作用。本回答被网友采纳