咨询邮箱 咨询邮箱:515384734@qq.com 咨询热线 咨询热线:13422874072
您的位置:首页 > seo培训 > >
基于SEO的代码优化策略
发表日期:2015-11-27    文章编辑:admin

随着互联网技术的发展,搜索引擎成为网站推广的重要途径之一。据统计,中小网站的80%-90%甚至以上的流量都来自搜索引擎。然而,一般的网络公司因缺乏专业的营销知识和理念,仅从技术的角度出发建设网站,忽略了搜索引擎的收录和检索规则,从而达不到网站推广的目的。所以企业网站要想在网站推广中取得成功,网站设计阶段的代码优化是一项必不可少的工作。

一、代码优化简介

代码优化是搜索引擎优化(SEO)的重要组成部分,它通过对网页中的HTML源代码进行必要的调整来提升页面的友好性,从而提高蜘蛛对网页的抓取效率。页面经过代码优化后,一方面,可以清除或者简化页面中的冗余代码,降低页面体积,加快页面的下载速度,从而提升页面的用户体验以及搜索引擎友好性;另一方面,有利于突出页面的主题,提高页面的相关性。

二、代码优化的策略

代码优化的策略主要包括:头部优化策略、代码精简策略、权重标签策略以及图片、Flash优化策略。

1、头部优化策略

头部优化是网站搜索引擎优化里面最重要的内容,包括对网页标题(Title)、网页MATA标签的优化。

(1)网页标题(Title)

网页标题是浏览器窗口标题栏左端出现的文字,其HTML代码格式是:

。优化网页标题时,标题的的长度要控制在40个字符以内,以20到30个汉字为最佳;关键字的布局要突出页面主题,越重要的关键字放在越靠前的位置;主关键字的词频要安排合理,做到主关键字出现3次以内,每个辅关键字只出现1次。

(2)MATA标签

MATA标签的优化主要针对Keywords标签和Description标签进行优化。

Keywords标签是一个隐藏的标签,用来表达网页的关键字。设计Keywords标签时,要精心挑选几个核心关键字及其组合(以3-5个为宜,最好不要超过15个),不同的关键词之间用半角逗号隔开,但要尽量避免各个页面都使用相同的Keywords。

Description标签是对网页内容的概括。设计Description标签时,可用几句简炼的自然语句加以描述,但描述内容要与网页标题及主体内容有高度相关性,字数控制在200个字符以内,关键字重复出现三四次即可,但要尽量避免各个页面都使用相同的Description。

2、代码精简策略

页面代码的精简包括:垃圾代码清理、CSS优化、JS优化以及表格优化。

垃圾代码一般由页面制作软件产生,常见的包括空格、默认属性、注释语句及空语句。对于每行代码开始和结尾处的空格字符,可使用Dreamweaver或EditPlus等软件进行清理,大概可以删除70%左右的垃圾代码。对于默认属性代码,如左对齐属性等,可利用Dreamweaver的替换功能来清理完成。对于注释语句,可将不影响网页源代码可读性的注释语句删除。对于代码中的空语句,可使用网页制作软件提供的特定功能,例如Dreamweaver的“清理HTML/XHTML”功能来清理。此外,用手工编写HTML代码可以防止垃圾代码的产生。

CSS,即层叠样式表,用CSS技术可以有效地对页面进行精准控制。但目前搜索引擎并不解析CSS的内容,所以尽量不将CSS分散在HTML标记里,而是将其封装到外部调用文件。这样可以有效地减少页面代码量,不占用页面顶部的重要位置,有利于搜索引擎抓取页面相对重要内容。此外,尽量采用DIV+CSS布局页面,DIV+CSS不但可以使网页代码简洁、改版方便,而且对于用户和搜索引擎都非常友好。

JS优化是为了避免JS代码占用页面重要位置及空间。搜索引擎并不解析JS里的内容,JS的执行效率也远远低于HTML,所以尽量少用JS,要将JS代码全部封装到外部调用文件。这样既不会占用页面重要位置,又可精简大量代码,加快页面显示速度。

表格优化主要是解决表格间的嵌套问题,让表格间保持独立。浏览器在读取网页代码的时候,必须读完一个完整的table才会显示出来,因此要避免将一些小的表格嵌套在大的表格中间,以减少表格层次,从而加快表格内容的显示速度,提高用户体验。

3、权重标签策略

在搜索引擎优化中,用来突出内容的一些特殊标签称为权重标签,常见的有:<strong>,<em>,<b>,<i>,<big>。

<strong>标签在浏览器中的表现为加粗,将<strong>应用到想要强调的文本或者关键词中,其内容就会得到搜索引擎的重视。

<em>标签在浏览器中表现为斜体,表示要强调主体内容,引起用户关注。它在权重标签中的重要程度仅次于<strong>。

<b>标签在浏览器中表现为加粗,在使用过程中,<b>标签慢慢被<strong>标签替代了,但如果网站是用table来搭建的,可使用<b>标签优化。

<i>标签在浏览器中的显示效果为斜体,它往往被用来标注内容,突出内容要点。合理利用斜体标签可以突出内容的重点,但是不能刻意去针对关键词,否则会给网站的优化带来相反的效果。

<big>标签是HTML中比较老的一个标签,在CSS中基本被淘汰了。但它在搜索引擎中仍然是一个权重标签,能够引起搜索引擎的重视,突出关键词,增加关键词的权重。

此外,适当使用Headline标签例如<h1>、<h2>、<h3>、<h4>、<h5>和<h6>,<h1>代表最重要的,<h6>代表最不重要的,因此,可根据这个递减规律,适当安排关键词,向搜索引擎传递它们包含的内容在整个页面的重要程度。

4、图片、Flash优化策略

一般情况下,搜索引擎只识别文本内容,对图片和Flash文件是几乎是视而不见的。因此网页设计中应尽量避免使用大图片,更不要使用纯图像来制作。

对于网站图片的优化,需要做到以下几点:第一,在保持图像质量基础上压缩图片文件的大小;第二,在图片<img>标签的ALT属性中添加关键字文本,使搜索引擎能通过该属性抓取图片的信息;第三,使用链接来链接图片。

对于Flash优化,有两种途径:第一,为纯图像网页做一个辅助HTML版本。这样既可以保持动态美观效果,又可以让搜索引擎通过HTML版本的网页来发现网站;第二,将Flash内嵌于HTML文件中。这样既不会削弱用户浏览的视觉效果,又可以使搜索引擎从HTML代码中抓取到必要的信息。

三、结束语

基于SEO的代码优化是一项复杂、精细的工作,它与网站在搜索引擎里的收录及排名表现息息相关。本文从网页头部、垃圾代码、权重标签、图片与Flash等方面进行全方位的优化分析,以使得网站能在搜索引擎优化中获得更好的表现。