display:none这个样式对网站排名的影响

其中一种作弊方法就是隐藏文字，其中就可能用到display:none这个样式，可能很多开发人员会无意中使用这个样式。本来目的是为了达到其他的效果，但却无意中违反了搜索引擎所要求的规范。解决办法第一想到的就是不再使用display:none这个样式。由于搜索引擎的内部实现机制无法了解，具体对排名有多大影响无法量化，只能尽可能的按照搜索引擎所要求的规范编写代码。

具体应用如下：

1 Q:标题为图片时,为了实现好的字体效果，很多地方不得不使用图片代替普通文字。
不推荐方法:
①<div><img src=””/></div>
②<div><span style=”display:none”>标题</span></div>
推荐方法:
<div><span style=”display:block; width:1px; height:1px; overflow:hidden; font-size:0; line-height:500%; “>标题</span></div>

2 Q:实现切换效果，需要未激活的内容进行隐藏
不推荐方法:
<div id=”nr-1″>结构中的内容</div><div id=”nr-2″ style=”display:none”>结构中的内容</div><div id=”nr-3″ style=”display:none”>结构中的内容</div>
推荐方法:
html: <div id=”nr-1″>结构中的内容</div><div id=”nr-2″ class=”disn”>结构中的内容</div><div id=”nr-3″ class=”disn”>结构中的内容</div>
css: .disn{ width:1px; height:0; overflow:hidden;}