许多初学者认为做SEO是一件很简单的事,不需要什么专业知识就可以做好,道听途说不断地往网站填内容和到处发外链就认为这是做网站优化,其实那仅是最基本的操作,一个网站内部没有优化好,仅靠内容和外链也能优化上去,但往往要付出更高的人力成本,也有可能根本优化不上去。我们需要一个优质的网站架构才能更好的操作SEO,CSS是否足够优化影到搜索引擎的抓取和收录,前面我们通过《在做SEO过程中关键字选择策略》介绍了通过次关键字法、长尾策略等方式来设定关键词,接下来南昌网站建设公司百恒网络SEO专员介绍基本的CSS优化操作方式.
1. CSS简介
CSS (Cascading Style Sheet),也称为层叠样式表。采用CSS技术,可以有效地对页面的布局、字体、颜色、背景等进行精准的控制。
CSS使得网页中显示描述与文档结构彻底分离,避免了单独使用HTML标签而引起的文档结构与显示格式描述之间的混乱,提高代码的可读性。CSS从整体上对页面布局进行控制,使用相同的样式文件或者相同名称的样式表可以对相同格式的内容进行控制,节省大量的代码。但是,目前搜索引擎并不解析CSS内容。如果页面中每一个样式都使用CSS进行控制,则搜索引擎就识别不了页面中相关内容的样式,也就不能根据这些内容的样式判断页面的相关性。
如下所示,方式1及方式2的目的都是为“搜索引擎优化”增加粗体标记。方式1是通过调用CSS中的b样式实现的,而方式2中则直接采用粗体标签。由于搜索引擎并不解析样式表里的内容,所以也就不能识别方式1中的内容是否采用了粗体标记;而对于方式2则可以轻易识别,从而给方式2的页面赋予相应的权重。
方式1:
搜索引擎优化
方式2:
搜索引擎优化
样式表内容: <
style type="text/css">
2. CSS优化
CSS优化主要是改变CSS的调用方式以及避免使用CSS为重要内容定义样式,以达到精简页面代码及提高页面相关性的目的。
通过改变CSS的调用方式及使用CSS对相同样式的内容进行控制,可以节省大量的代码。
避免使用CSS为重要的内容定义样式。页面中重要内容的样式(尤其是主辅关键字)必须使用HTML标签进行标注,这样才能达到突出页面中的主辅关键字从而提高页面相关性的目的。如粗体、斜体、下划线、标题、文字颜色、文字大小等。
3. CSS调用方式
CSS调用方式分页面内部调用及外部调用两种,其中内部调用又分为头部调用及主体调用。
头部调用
页面头部调用就是把需要使用的CSS样式内容直接放置在页面的头部中(即区域)。如果样式内容极少则影响不大,否则不但会大大增加页面的体积,还会占用顶部的重要位置,给页面带来极大的负面影响。如下代码所示:
主体调用
页面主体调用就是在页面主体1需要样式控制的内容中添加相应CSS样式。这种CSS调用方式既不能发挥CSS的优势(即对于相同样式的内容使用同一个样式进行控制),又会大大增加页面代码量。如下所示:
,就是使用名称为background的样式对段
落
页面主体是指位于间的内容。
4. DIV+CSS
(1).使用DIV+CSS方式制作页面,一方面可以防止垃圾代码的产生,另一方面可以减少重复代码2。
(2).使用DIV+CSS的方式制作页面,可以减少50%~80%的HTML代码。
使用DIV+CSS方式制作的页面,不管对于搜索引擎还是普通用户都是非常友好的。对于搜索引擎来说,DIV+CSS制作的页面代码简单、清晰,占用存储空间小;而对于普通用户来说,在下载页面的时候,DIV+CSS方式是以为单位,其内容远少于表格,页面打开时自然也会更流畅。
但是,使用DIV+CSS方式制作页面也有缺点。第一,在制作页面的时候还要调整其他多个浏览器的兼容性,例如IE6、IE7及Firefox等;第二,搜索引擎并不解析CSS文件里的内容,对于那些需要被突出的关键字或者内容,最好采用HTML标签进行标注。例如,对于页面中主、辅关键字的加粗、字体颜色、标题标签