檬味博客 » 问答 » 如何在网页代码中做优化

如何在网页代码中做优化

一、用好html标签重定义，精简代码!Html标签重定义比Class要节省页面代码。html里常见的标签有span、u、i、small、big、cite等，我们都可以用到页面中，然后在Css文件重定义样式。例如：如果是需要三个div才达到的效果，用 i、span、p三个标签就能很简洁达到，根本不用class和div。二、标签使用要让搜索...
如何在网页代码中做优化
　　一、用好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。2015-01-12
在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一般出现较少。值得注意的是在页面中和的区别，对关键字起到强调作用，而仅仅是加粗的作用。2015-01-12
mengvlog 阅读 421 次 更新于 2025-09-07 21:34:29 我来答关注问题0
2 个回答檬味博客专题活动
  • dgwlgs8 如何在网页代码中做优化

    一、用好html标签重定义，精简代码!Html标签重定义比Class要节省页面代码。html里常见的标签有span、u、i、small、big、cite等，我们都可以用到页面中，然后在Css文件重定义样式。例如：如果是需要三个div才达到的效果，用 i、span、p三个标签就能很简洁达到，根本不用class和div。二、标签使用要让搜索...

  • 信必鑫服务平台 如何在网页代码中做优化?

    清除空白行有一种简单快捷的方法：可以将代码转至html代码编\x0d\x0a辑的模式按ctrl+A全选代码使用组合键shift+Tab删除。\x0d\x0a\x0d\x0a(2)采用div+css排版。Div+css样式可以精简很多样式，将设计网页模版的部分脱离出来，放在一个独立的文件夹中，对于网站的维护\x0d\x0a和更改都相当的...

  • 猪八戒网 网站代码优化操作流程,如何给网站做代码优化

    5、清除页面中多余的代码，比如注释代码，减少页面代码的容量。6、缓存静态资源 通过设置浏览器缓存，将css、js等不太经常更新的文件缓存在浏览器端，这样同一访客再次访问你的网站的时候，浏览器就可以从浏览器的缓存中获取css、js等，在一定程度上加快了网站的打开速度，而不必每次都从你的服务器读取，...

  • 猪八戒网 找公司做了一个网站,我怎么才能自己修改,优化网页的代码

    那么，在网站优化中网站代码如何优化呢，下面我会为大家详细的介绍一下。1、H标签优化 网站代码中H标签的优化措施就属于代码优化中的其中一项，在之前的文章中我也有介绍过H标签的使用，今天我为大家讲解一下H标签如何优化，h1-h6标签都叫做H标签，H1标签在H标签中是权重最好的标签，通常在网站中每个...

  • 墨点青莲 如何让网站代码产生更好的优化效果

    五、CSS优化。把CSS样式写在网页的head头部标签里面，如果页面体积大的时候，可以把CSS写在文件里采取调用的方式。六、CSS代码缩写。在CSS里面有不少可以缩写的属性，包括margin，padding，border，font，background和颜色值等。七、代码压缩。当你决定把网站项目部署到网络上，那你就要考虑对CSS进行压缩，...

其他CSS类似问题

檬味博客在线解答立即免费咨询

CSS相关话题

Copyright © 2023 WWW.MENGVLOG.COM - 檬味博客
返回顶部