你好,欢迎访问我的博客!登录 读者墙 文章归档 免责声明 投稿本站 本站主题
当前位置:首页 - 笔记 - Web前端 - 正文 君子好学,自强不息!

如何优化精简网站代码

2017-01-31Web前端墨初758°c
A+ A-

简单而言,网页的代码优化,就是代码精简和标签优化的结合体。

虽然搜索引擎力争和来访用户行为一致,但它毕竟是机器程序,访问页面的时候针对的是网页的源代码。为更好地进行搜索引擎优化及更好地支持蜘蛛的抓取和爬行,需要对网页代码进行精简、优化以及对网页代码中的标签进行适当的优化。

第一、代码精简

代码精简是指清除或者简化页面中的代码,达到降低页面体积,提高页面加载速度,从而提升用户体验,提高搜索引擎友好度的目的。

不论一般的CMS系统,还是自己研发的网站程序,代码精简都非常必要。因为现在的程序开发往往都力争“无所不包”,恨不得在一个脚本系统中加入所有的功能,而对网站、用户、搜索引擎而言,这些功能可能并不需要,所以需要进行适当的精简。页面代码的精简通常可以分为以下几个方面:

1、垃圾代码清理;

2、HTML标签转换;

3、CSS优化;

4、JS优化;

下面简单介绍上述各方面的典型例子

1、常见的垃圾

代码一般包括各种网页制作软件在制作网页时默认生成的无用代码,比如无意义的空格、默认属性、注释语句和空语句等。

“HTML标签转换”:从代码精简的角度考虑,将原本的长标签替换成拥有同样功能、搜索引擎认为作用一致的短标签,比如“<strong>”和“<b>”的作用都是加粗,但是“<strong>”比“<b>”多5个字符。如果网页上有很多个加粗的标签,明显用“<b>”替换“<strong>”可以起到代码精简的作用。

“CSS优化”:CSS是cascadingstylesheet的缩写,即层叠样式表。它是目前最常用的控制页面布局、字体、颜色、背景的技术。CSS优化主要是改变CSS的调用方式、采用DIV+CSS的方式进行页面制作,以防止垃圾代码的产生,减少重复代码。

“JS优化”:所谓JS,就是&#106avascript的简称。在搜索引擎眼中,到目前为止仍然不解析JS生成的页面或者内容,也就是说JS对搜索引擎来说是不友好的,如果将内容放置到JS中,是无法被搜索引擎抓取的。JS优化主要是为了避免JS代码占用页面空间及重要位置,以及放置一些不希望搜索引擎看到的内容。

上面是一些典型的代码精简的例子,考虑到技术门槛,并未做过多地深入讲解。就目前来看,主流的CMS系统往往都需要进行代码的精简,根据不同情况,搜索引擎优化者应该进行适当的学习和调整。

2.<title>标签优化

<title>标签页称为标题标签,它和<keywords>、<description>标签一起构成网页的头部三大标签。

标题标签内容是对网页主题的概括,相当于一篇文章的题目。一般情况下,打开一个网站,在任意页面选择“查看源文件”,都可以看到页面中的<title>标签,而这个标签中的内容,,对用户来说,就显示在浏览器的顶部。

在整个站内搜索引擎优化技术当中,标题标签是最重要的,它对页面内容产生决定性影响,绝大多数搜索引擎都会提取网页标题中的内容作为搜索结果展现给用户。

在标题标签优化中,需要注意以下几个细节:

a、“唯一的标题”:在单网页优化中,所有网页都应该有适合自己的独特的标题。很多网站因为脚本程序的默认设置,或者是内容建设者的马虎,往往会造成网页内容不同,而标题相同的情况,这在搜索引擎优化中是应该杜绝的。

b、“标题长度”:为符合搜索引擎展示网页的需求,~般要求标题长度在25~30个字之间较为合适。如果太短,无法很清楚地表达出页面的内容;如果太长,则搜索引擎返回的查询结果中就无法完全显示。

c、“关键词分布”:在网页的标题中,尽量出现针对这个网页内容主题的关键字、关键词,但是需要自然,要符合用户阅读习惯,同时不要生硬地进行关键词堆砌。

d、“标题吸引力”:上一篇《这样优化标题,更吸引人》讲过,一个好的标题,应该对用户产生足够的吸引力,以方便网站在搜索结果中展现的时候,吸引更多用户进行点击。如果标题没有足够的吸引力,排名再好也不会让用户感兴趣,获得的流量自然也不会多。

e、“标题构成”:对单网页来说,一般情况下,标题顺序应该是“本页内容主题’’+“栏目名”+“网站名(品牌)”,这种标题构成格式是最常见,也是最符合用户习惯和搜索引擎喜好的标题构成方式。

3.<keywords>标签优化

<keywords>标签也就是网页的关键字标签,主要作用是告诉搜索引擎,此页面的主要内容要点、关键词。

对单网页来说,<keywords>标签应该按照关键词的重要性顺序,有针对性地罗列几个真实的关键词。也就是说,这里罗列的关键词应该是整个网页的主要内容凝练,不应该伪造或者堆砌关键词。

4.<description>标签优化

<description>标签也就是描述标签,主要是对当前网页内容的概括,是相对简单的页面介绍。

和<keywords>标签一样,因为早期很多人利用<description>标签堆砌关键词,从而达到作弊的目的,所以现在的一些搜索引擎已经表示减弱或者完全不将<description>标签作为排名算法因素。

不过,同<keywords>标签不同的是,很多搜索引擎会将<description>标签的内容,作为搜索结果展现中的描述,呈现给用户,所以从提高用户体验、吸引眼球的角度而言,<description>标签应该进行有针对性的优化:

a、<description>标签长度:在Google中,它有时会截取描述标签中的112个中文字符长度的内容,作为搜索结果中的描述,所以一般情况下,描述标签不应该太长、太短,以80~110个中文字符长度为宜:

b、关键词分布与组合:在<description>标签中,应该恰当地出现关键词,并且在自然、通顺、归纳网页内容的前提下,尽量进行关键词组合,以利于搜索引擎挖掘更多的长尾关键词。

5.<h>标签优化

对单网页来说,头部三大标签优化完成之后,整个网页的代码优化就大致完成一半,其余一些重要的权重标签优化占到另外的一半,比如<h>、<b>等。

<h>标签是所有权重标签中最重要的标签,它一共有6种样式,即<h1>~<h6>,这些标签在影响页面相关性方面逐级递减。

在实际的页面优化中,优化者应该将页面中最重要的内容,加上<hl>标签,比如单网页内容区域中的标题;将网页中的主要段落标题、二级分类加上<h2>标签。

需要注意的是,对内容单网页来说,不建议采用过多的<h>标签进行标记。通常情况下,<hl>出现1次,<h2>出现3、4次就足够了。<h3>可能偶尔出现在分类较细的网站首页,但是<h4>以后的<h>标签一般就没有运用的必要。

6.其他标签优化

除上述讲解的几个常用标签以外,还有一些其他的标签,也可以适当地进行优化,比如:

a、<font>标签:用于字体属性的定义。

b、<b>标签:粗体属性定义。,

c、<i>标签:斜体属性定义。

d、<u>标签:下划线属性定义。

这些标签有各自的作用,在“自然”的前提下,可以适当的使用,以便让网页更有层次感,更能突出页面内容重要性分级——但是这些标签一定不要在每一个单网页中都频繁出现,或者在任何一个标签中都加入几个关键词,这样的优化会造成关键词堆砌或者优化过度,往往适得其反。

第二、URL优化

URL优化是指通过对URL各组成部分进行适当的调整,以提高URL的搜索引擎友好度,提高用户的记忆、理解、输入的方便性.进而提高用户体验。

URL优化包括三大部分内容:

1.对域名、目录、文件的命名

好的URL命名方式,应该能让用户通过URL即可很清楚地明白自己身处的网站位置。

2.URL中分隔符的使用

在URL中,很多看起来都是起分隔作用的符号其实意义是不一样的,比如斜杠“/”是约定俗成的分隔符,用于URL中目录之间或者目录与文件名之间的分隔,而不能作为文件名中两个词语的分隔。

通常情况下,在CMS系统中的URL分隔符都有比较好的定义规范,不建议搜索引擎优化人员进行分隔符的修改。

3.URL长度和关键词控制

URL长度为用户体验考虑,当然是越短越有意义、越容易记忆越好,但是在搜索引擎优化中,在URL中适当地包含关键词是非常好的一种优化细节,通过关键词的包含,用户、搜索引擎都可以很方便地了解其含义。

这三部分之间相互制约、相互影响,最好的优化结果就是充分协调上述三个部分。

第三、关键词布局与密度

在任何一个单网页中,关键词的布局和密度都是比较重要的。换句话说,如果关键词布局设计得好,密度控制比较自然,那这个页面的优化相对而言就比较成功。

1.关键词密度

关键词密度每个搜索引擎的标准都不一样,有的控制很严,一般需要控制在2%~8%之内:有的根本不在乎,单页面的关键词密度30%也不会影响到排名。要检查某个网页的关键词密度,可以采用站长站上的关键词密度检测工具。

通常情况下,对搜索引擎优化者而言,推荐的关键词密度仍然是2%~8%,但是这并不是重点,重点是关键词出现的布局和网页内容的自然。

2.关键词布局

关键词的布局是优化细节中比较重要的一个部分,好的关键词布局,应该在网页标题、正文第一段、正文末尾、URL和链接等位置合理地出现关键词。

但是,如果搜索引擎优化者死记硬背这一点,在所有的地方都试图加入关键词的话,往往就意味着优化过度。切记以自然为主,不用刻意进行关键词堆砌。

第四、导入与导出链接

对单网页来说,导入链接决定这个网页的权重,导出链接决定这个网页给其他网页传递的权重。

在单网页优化当中,导入链接可以包含站内的导入连接和站外的导入链接两部分;导出链接也同样分为导出到站内的链接和导出到站外的链接两部分。

对单网页的导入与导出链接而言,应该尽量遵循以下的原则:

a、单网页的站内导入链接应该尽量多:也就是尽量在网站的内容链接中,形成更多指向网页的链接。

b、单网页的站外导入链接应该尽量多:尽量在其他网站上,建设指向此单网页的外部导入链接。

c、单网页的导出链接必须要有相关性:不管是单网页的站内导出链接还是站外导出链接,都应该有密切的内容相关性。只有有相关性的导出链接,才能为用户提供更好的用户体验,也才能更利于搜索引擎的排名。

对搜索引擎优化新手而言,导入/导出链接的建设相对单网页的其他优化细节而言更不容易理解,其实记住以下这句话不但可以很好地判断如何建设导入、导出链接,还能判断其他的优化细节是否必要。

提醒:搜索引擎优化者应该站在普通网站访问者的角度来审视网站,如果自己感觉需要的功能,则SEO就应该增加、扩展;如果自己都感觉不需要、不舒服、没意义的功能,则SEO应该修改、删除。

  选择打赏方式
微信赞助

打赏

QQ钱包

打赏

支付宝赞助

打赏

  选择分享方式
  移步手机端
QR:  如何优化精简网站代码

1、打开你手机的二维码扫描APP
2、扫描左则的二维码
3、点击扫描获得的网址
4、可以在手机端阅读此文章
标签:

发表评论

必填

选填

选填

◎欢迎参与讨论,请在这里发表您的看法、交流您的观点。


宝宝计划客户端
时间:2017-02-01 15:29:10

没有代码基础如何优化代码呢?

  登录