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

作者: admin 分类: SEO 发布时间: 2017-04-26 03:00

其中一种作弊方法就是隐藏文字,其中就可能用到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;}

如果觉得我的文章对您有用,请随意打赏。您的支持将鼓励我继续创作!

发表评论

电子邮件地址不会被公开。 必填项已用*标注