谷歌会索引带有隐藏div的页面吗？
我开始重新设计和开发一个包含大量文本的网站，并且我正在考虑如何组织网站上的信息，使其看起来更干净。 在网站的某些部分，我想实现一个 jquery 切换效果，其中某些内容放置在隐藏的 div 中，并且该内容将根据用户的 onclick 事件显示或隐藏。
这种组织内容的技术会极大地损害网站的搜索引擎优化吗？ 谷歌什么时候会开始将其视为垃圾邮件并删除该网站的索引？
//更新-找到了一些答案。
我想澄清一下，作为对下面一些答案的回应，隐藏 div 的目的是为了组织目的在显示/隐藏内容之间切换，其中任何隐藏文本最终都会显示给用户。
然而，经过一番深入研究，谷歌的 Matt Cutts 确实说了很多只要您不使用关键字填充隐藏文本并通过尝试欺骗谷歌机器人来滥用系统，通常应该没问题。 他还给出了一个有趣的例子，说明关键字堆砌出了问题。
I am starting to redesign and develop a site that contains a lot of text and I am thinking of ways to organize the information on the site so that it looks cleaner. On some parts of the site I would like to implement a jquery toggle effect where some content is placed in a hidden div and that content will show or hide depending on a user's onclick event.
Would this technique of organizing content greatly harm the SEO of the site? At what point would google start viewing this as spam and drop the site from being indexed all together?
//Update - found some answers.
I guess to clarify, as a response to some answers below, the purpose of the hidden divs would be to toggle between showing/hiding the content for organizational purpose where any hidden text would eventually be shown to the user.
However, after much digging around, Matt Cutts from google does pretty much say that as long as you are not keyword stuffing your hidden text and abusing the system by trying to trick the googlebot, you should generally be fine. He also gives a funny example of keyword stuffing gone wrong.
如果你对这篇内容有疑问，欢迎到本站社区发帖提问 参与讨论，获取更多帮助，或者扫码二维码加入 Web 技术交流群。
绑定邮箱获取回复消息
由于您还没有绑定你的真实邮箱，如果其他用户或者作者回复了您的评论，将不能在第一时间通知您！
发布评论
评论（8）
显然是。
没有什么能逃过索伦的法眼。
Aparently yes.
Nothing escapes the eye of sauron.
它会被索引，但如果您出于搜索引擎优化的原因隐藏/显示内容，谷歌可能会不悦。 换句话说，谷歌看到的应该是用户点击链接时看到的。
It will be indexed but can be frowned upon by Google if you are hiding/showing content for SEO reasons. In other words, what Google sees should be what the user sees when clicking the link.
Poe 使用“舞台外”div（负位置）的想法被广泛使用，并且对于 Google 机器人来说就像带有 display:hidden 或visibility:none 的 div 一样众所周知。
操作方法如下：
让所有对象在 HTML 代码中完全显示、完全可见并位于舞台上，正如 Google 所希望的那样...但是然后...让您的 javascript onload 事件应用您想要的定位浏览器客户端。
结果...完美的 SEO，并为访问者提供完美的体验。
Poe's idea of using an "off stage" div (negative position) is widely used and is as well known to the Google bot as a div with display:hidden or visibility:none.
Here's how to do it:
Have all of your objects totally displayed and completely visible and right on stage in your HTML code, just as Google wants.... but THEN... have your javascript onload event apply the positioning that you want in the browser client.
The result... perfect SEO, and a perfect experience for the visitor.
只要隐藏内容与页面相关，它就不应该看起来是垃圾邮件。
我已经在页面上放置了隐藏文本，切换了可见文本，并且当使用图形作为标题时，我有一个用于 Google 的 CSS 隐藏 H1 标题。
As long as the hidden content is relevant to the page it should not appear to be spam.
I have put hidden text on pages, toggled visible text and when using a graphic for a heading I have a CSS hidden H1 heading for Google.
这绝对没问题，因为我已经这样做过很多次了，没有任何 SEO 惩罚。
It's definitely OK, as I've done it many times without any SEO penalties.
我不会隐藏它。 如果人们不想阅读，可以跳过。 当我隐藏文本时，Googlebot 似乎看不到它，也看不到常规 html 中的文本。
I wouldn't hide it. If people don't want to read it they can skip over. When I've hidden text it doesn't seem to be seen by the Googlebot as well as text within regular html.
我在这里找到了最好且令人满意的结果。
隐藏文本和链接
在内容中隐藏文本或链接以操纵 Google 的搜索排名可能会被视为欺骗行为，并且违反了 Google 的网站站长指南。 文本（例如过多的关键字）可以通过多种方式隐藏，包括：
在白色背景上使用白色文本
定位图像后面的文本
使用 CSS 将文本定位到屏幕外
将字体大小设置为 0
通过仅链接一个小字符来隐藏链接，例如段落中间的连字符
在评估您的网站以查看其是否包含隐藏文本或链接时，请查找网站访问者不易查看的任何内容。 是否有任何文本或链接仅供搜索引擎而非访问者使用？
然而，并非所有隐藏文本都被视为具有欺骗性。 例如，如果您的网站包含搜索引擎难以访问的技术（例如 JavaScript、图像或 Flash 文件），则对这些项目使用描述性文本可以提高网站的可访问性。 请记住，许多使用屏幕阅读器、移动浏览器、无插件浏览器和慢速连接的人类访问者也将无法查看该内容，并且也将从描述性文本中受益。 您可以通过关闭浏览器中的 JavaScript、Flash 和图像，或使用 Lynx 等纯文本浏览器来测试网站的可访问性。 有关使网站易于访问的一些提示包括：
https://support.google.com /webmasters/answer/66353?hl=zh-CN
The best and satisfactory result, i found here.
Hidden text and links
Hiding text or links in your content to manipulate Google’s search rankings can be seen as deceptive and is a violation of Google’s Webmaster Guidelines. Text (such as excessive keywords) can be hidden in several ways, including:
Using white text on a white background
Locating text behind an image
Using CSS to position text off-screen
Setting the font size to 0
Hiding a link by only linking one small character—for example, a hyphen in the middle of a paragraph
When evaluating your site to see if it includes hidden text or links, look for anything that's not easily viewable by visitors of your site. Are any text or links there solely for search engines rather than visitors?
However, not all hidden text is considered deceptive. For example, if your site includes technologies that search engines have difficulty accessing, like JavaScript, images, or Flash files, using descriptive text for these items can improve the accessibility of your site. Remember that many human visitors using screen readers, mobile browsers, browsers without plug-ins, and slow connections will not be able to view that content either and will benefit from the descriptive text as well. You can test your site’s accessibility by turning off JavaScript, Flash, and images in your browser, or by using a text-only browser such as Lynx. Some tips on making your site accessible include:
https://support.google.com/webmasters/answer/66353?hl=en
也许隐藏你的内容对搜索引擎优化不利，但也许你不必隐藏它。
不使用“显示：隐藏”，只需使用创意定位。
使用“left：7680px”或“margin-top：-7680px”将“隐藏”内容放置在距屏幕7680像素的位置，
然后使用java脚本根据需要更改内容的位置。
perhaps hiding your content is bad for SEO, but maybe you dont have to hide it.
Instead of using "display:hidden" just use creative positioning.
place your "hidden" content say 7680 pixels off the screen using "left: 7680px" or "margin-top: -7680px"
Then use your java script to change the positioning of the content as you wish.