我可以通过display:none;
在 css 中使用来隐藏内容。但我在许多谷歌不喜欢的网站上阅读display:none;
。由于 jQuery 动画,我真的需要这个。
现在我找到了通过 Javascript/jQuery 隐藏内容的新方法。
$(this).css({display:'none'});
这比display:none;
. 这是 Google 友好的吗?
这是小提琴
我可以通过display:none;
在 css 中使用来隐藏内容。但我在许多谷歌不喜欢的网站上阅读display:none;
。由于 jQuery 动画,我真的需要这个。
现在我找到了通过 Javascript/jQuery 隐藏内容的新方法。
$(this).css({display:'none'});
这比display:none;
. 这是 Google 友好的吗?
这是小提琴
Google 提供了一些指导方针,您可以遵循这些指导方针来确保您的网站可以安全地被抓取:
https://support.google.com/webmasters/answer/35769
请注意,Google 机器人现在确实可以理解并在网页上执行基本的 JavaScript,以查看用户实际看到的结果:
https://support.google.com/webmasters/answer/81766?hl=en
这是关于隐藏文本或链接的片段:https : //support.google.com/webmasters/answer/66353
在您的内容中隐藏文本或链接以操纵 Google 的搜索排名可能被视为具有欺骗性,并且违反了 Google 的网站管理员指南。文本(例如过多的关键字)可以通过多种方式隐藏,包括:
- 在白色背景上使用白色文本 定位图像后面的文本
- 使用 CSS 将文本放置在屏幕外 将字体大小设置为 0
- 通过仅链接一个小字符来隐藏链接 - 例如,段落中间的连字符
对我来说主要问题是,如果您将其隐藏在 css 中,然后使用 javascript 显示它,则未启用 javascript 的访问者将无法查看内容。使用$(this).css({display:'none'});
隐藏内容将确保默认情况下它会显示给那些没有启用 javascript 的人。
这个问题经常出现在试图避免一闪而过的无样式内容。http://www.learningjquery.com/2008/10/1-way-to-avoid-the-flash-of-unstyled-content提供了很好的讨论和解决方案
使用 CSS display:none 对谷歌来说非常好。在 SEO 方面,JS 方式不会为您提供任何好处。
这是一个例子:http ://seotesttool.com/blog/does-the-google-bot-index-css-hidden-divs/
但是,如果您隐藏仅用于欺骗谷歌的内容(通过这两种方法中的任何一种)就会出现问题......关键字填充,垃圾链接等。那么您可能会受到惩罚并从谷歌的索引中删除,您将不得不通过手动过程来修复您的网站并等待它被验证并重新添加。因此,只要您不计划这种方案,并且您只是对用户友好的内容进行正常的隐藏/显示,就可以了。
据我所知,display: none;
搜索蜘蛛和屏幕阅读器不会读取块内的内容。如果您使用 javascript 隐藏它(甚至通过.css()
或.hide()
方法),您将在蜘蛛抓取页面后将其隐藏。
不利的一面是,在 js 加载之前可能还会有一个闪烁,您可以在其中看到隐藏的内容。如果您希望计算机通读您的内容,请尝试使用.visuallyhidden
约定。