网站优化中不可忽略的CSS样式 SEO干货 安仔SEO优化网
轻松走上SEO巅峰,从这里开始
为SEOer免费提供最有效的SEO优化知识,期待将来的SEO界是精英的对决!
当前位置:安仔SEO优化网 > SEO培训 > SEO干货 > 浏览文章
SEO干货

网站优化中不可忽略的CSS样式

Tags:网站,优化,不可,忽略,样式Time:2015-01-04Contents:SEO干货Browse:210Type:原创

对SEO优化人员而言,百度可以读懂CSS样式表已是事实。但是百度对CSS样式表的识别能力究竟如何?没人知道,因此建设的网站要兼容各个浏览器。

兼容各个浏览器未必每个都要测试,主要检测IE6、IE7(或IE7以上版本)、火狐(或者谷歌)、360浏览器(有兼容急速模式的浏览器如搜狗浏览器),只要这些浏览器兼容了别的也会兼容。很多建站人员认为IE6很邪恶,但对SEO建站而言,IE6是检测错误的神器,很多小毛病都会在IE6中体现出来,特别是SEO建站人员坏习惯。因此,SEO优化人员所建设的网站IE6必须兼容。

注意:html5和css3的代码百度是识别的,但是IE6不识别。对于这样的网站可以将IE6忽略掉。安仔建议,html5+css3最好用在手机站上,用于PC站会对网站优化产生混乱。


网站优化中不可忽略的CSS样式

百度审核一个网站的美观,就像选美大赛那样,会从不同的角度观察您的网站,这也正是网站做好兼容的主要因素。但是,有些CSS样式是不能轻易使用的,就像选美似的有些装饰品是不能带的。因此,那些不可带的样式在网站优化时,最好清除掉。

1、隐藏(display:none;)

如果网站上很多标签使用了隐藏属性,意味着很多内容客户是看不到的,既然客户看不到为什么要写呢?考察百度蜘蛛的消化能力吗?

可能部分SEO优化人员会说点击某个事件客户就能看到,但是不要忘了百度不能读js啊,那些华丽的效果百度不会看,也没有功夫去看啊!因此,不要让百度检测到过多的隐藏标签,如果非要加的话,去除js后那些隐藏的内容可以正常展示出来(不要掩盖其他版块,布局不乱),至于怎么实现就看你的了。

2、溢出隐藏(overflow:hidden;)

溢出隐藏(overflow结合height使用)多数出现在建站后期,为做到兼容“迫不得已”才使用的。要知道一旦使用了他,那些溢出的内容客户是看不到的,客户看不到的内容百度蜘蛛就不会重视,如果内容过多,就有“戏耍”百度蜘蛛的嫌疑,玩弄百度蜘蛛后果可想而知。其实对于SEO建站高手而言,不使用它也可以解决。

除了overflow:hidden外,高度尽可能的不要使用,一旦使用该板块就失去了扩展性。如果真的用内容超出你设定的高度的话,那么意味着设定的高度失效;如果设定的高度过大,没有足够的内容去填充,那么显然设定的高度不合理。这样会冒“画蛇添足”的风险的样式不加也罢,别没事给百度找麻烦。

3、定位样式超过边界

说下SEO灰冒常用的一段样式{position:absolute;top:9999px;left:9999px;},这段代码经常放在js里面。这样内容客户看不到,反而百度能看到,因为百度不读js。问题是现在百度可以读懂简单的js了。特别是这样的代码,如果不经过加密处理的话,百度很容易检测到的。

这样的代码一旦被百度发现,他将会影响到整个布局的美观。就像一个美女,突然有了胡子。使用定位时要特别注意,不要把定位的参照物放在浏览器上,要放在div上。百度是机器不是浏览器,试问没有浏览器的话,相对谁定位呢?在此,建议SEO建站人员最好别用定位布局网站。

总之,SEO从优化网站代码做起,那些不可以用浏览器检测到的代码,只能靠实践去发现。html、css密不可分,在优化html代码的同时,不要忘记优化CSS样式,特别是以上经常忽略掉的CSS样式。

《网站优化中不可忽略的CSS样式》为安仔SEO优化网原创文章,转载请注明出处!