多语言展示
当前在线:1188今日阅读:176今日分享:34

SEO新手必看基础代码:[9]代码优化(2)

由于题目限制,这章节主要讲述的是HTML标签转换和CSS优化。代码优化就是对网页中的HTML源代码做简单的调整,以提高页面的友好性。页面经过代码优化后,一方面可以有效精简页面中的冗余代码,加快页面的显示速度,同时也降低页面占用搜索引擎服务器的存储空间,从面提高页面的用户体验及搜索引擎友好性。另一方面还可以有效的突出页面主题,提高页面的相关性。
方法/步骤
1

HTML标签转换 HTML标签转换主要是使用短标签替换在网页中实现同样效果的长标签。例如,都是对字体加粗,但是却比多出了五个字符。如果一个页面上有上面个加粗标签,则会产生不少的冗余代码。在HTML语言中,多种相同的样式可以使用不同的标签实现,如表:

2

CSS优化CSS简介CSS(Cascading  Style  Sheet)称为层叠样式表。采用CSS技术,可以有效地对页面的布局、字体、颜色、背景等进行精准的控制。CSS使得网页中显示描述与文档结构彻底分离,避免了单独使用HTML标签而引起的文档结构显示描述之间的混乱,提高代码的可读性。CSS从整体上对页面布局进行控制,使用相同的样式文件或者相同名称的样式表可以对相同格式的内容进行控制,节省大量的代码。但是目前搜索引擎并不解析CSS内容。如果页面中每一个样式都使用CSS进行控制,则搜索引擎就识别不了页面中相关内容的样式,也就不能根据这些内容的样式判断页面的相关性。如下所示,方式1及方式2的目的都是为“搜索引擎优化”增加“粗体”标记。方式1是通过调用CSS中的“b”样式实现的;而方式2则直接采用粗体标签.由于搜索引擎不解析样式表的内容,所以也就不能识别方式1中的内容是否采用了“粗体”标记;而对于方式2则可以轻易识别,从而给方式2的页面赋予相应的权重。方式1:搜索引擎优化

方式2:

搜索引擎优化

样式表内容:pe=”ext/css”     

3

CSS优化CSS优化主要是改变CSS的调用方式以及避免使用CSS为重要内容定义样式,以达到精简页面代码及提高页面相关性的目的。(1)通过改变CSS的调用方式及使用CSS对相同样式的内容进行控制,可以节省大量的代码。(2)避免使用CSS为重要的内容定义样式。页面中重要内容的样式(尤其是主辅关键字)必须使用HTML标签进行标注,这样才能达到突出页面中的主辅关键字,提高页面相关性的目的。如粗体、斜体、下划线、标题

、文字颜色、文字大小等。(3)CSS调用方式CSS调用方式分页面部分调用及外部调用,其中内部调用又分为头部调用及主体调用。①头部调用页面头部调用就是把需要调用就是把使用CSS样式内容直接放置在页面的头部中(即区域)。如果样式内容及少则影响不大,否则不但大大增加页面体积,还占用顶部的重要位置,给页面带来极大的负面影响。②主体调用页面主本调用就是在页面主体(页面主体是指位于间的内容)需要样式控制的内容中添加相应CSS样式。这种CSS调用方式既不能发挥CSS样式表的优势(即对于相同样式的内容使同一个样式控制),又大大增加页面的代码量。        北京旅游 

    ③外部调用把CSS样式内容放到外部文件夹中,使得CSS样式与页面彻底分离,可以有效减少页面代码量,而且还不会占用页面顶部的重要位置,让搜索引擎可以优先发现页面中相对重要的内容。但是,同时要避免使用CSS为重要内容定义样式,例如网页中的主辅关键字。