使用 CSS display:none 会对我的搜索引擎排名产生负面影响吗？答案

【问题标题】：Will using CSS display:none negatively affect my search engine ranking?使用 CSS display:none 会对我的搜索引擎排名产生负面影响吗？
【发布时间】：2011-06-21 03:28:29
【问题描述】：

假设我有通过 CSS 隐藏的合法内容，并且我使用 javascript 根据用户点击的内容选择性地显示它。此外，非 JavaScript 用户可以单击相同的链接并被带到显示所请求内容的新页面。没有隐藏的关键字或类似的东西。我有大约 15 个段落/小部分的隐藏内容，可以通过单击链接或使用 javascript 来显示。

此内容被搜索引擎标记为将关键字置于隐藏内容中的可能性有多大，从而试图人为地提高我的排名？显然这不是我想要做的——所有隐藏的内容都可以被 javascript 和非 javascript 用户查看。不隐藏内容基本上需要重新设计我网站的整个部分，我想避免这种情况。

作为记录，我已经对此进行了一些研究，我认为普遍的共识是，如果您隐藏了合法内容，则无需担心。只是想获得一些其他意见，以及通过单击某些链接可以查看我隐藏的内容这一事实是否会有所帮助。

【问题讨论】：

如果您对 SEO 视角而不是其他 JS 解决方案更感兴趣，那么应该将其移至 webmasters.stackexchange.com。

标签： javascript css seo

【解决方案1】：

我不相信 Google 等人会检查元素的可见性，因为这样做是不可行的（想象一下您可以使用的所有定位和分层技术）并且以不惩罚合法使用的方式（例如你的）。我个人从未注意到它有任何问题，也从未发现任何谷歌员工提到它。

所以我会说它很安全。

【讨论】：

感谢您的意见，我希望有人对此事件有一些个人经验（或缺乏经验）。虽然我从几个来源听说他们开始在一定程度上解析 CSS 和 javascript，但搜索引擎可以看到用户看到的内容。

【解决方案2】：

你为什么不让它为没有 JavaScript 的用户代理优雅地降级？

(function() {

    var element = document.getElementById('some-element'),
        previousDisplay;

    window.onload = function() {
       previousDisplay = element.style.display;
       element.style.display = 'none';
    };

    document.getElementById('some-buton').onclick = function() {
        element.style.display = previousDisplay;
    }

})();

这样，在加载时，您的元素将通过 JavaScript 隐藏，然后在您需要时显示。

注意：你最好在这里使用cross browser compatible onDOMReady event，否则你的浏览器会在触发onload之前下载所有资源。

【讨论】：

我同意亚历克斯。将其设置为显示是否未启用 JS 不仅有助于 SEO，而且还有助于那些出于某种原因将其全部关闭的用户。
我想过，但问题是，我想让非 JS 用户看起来一样。如果我默认它是可见的，并用 JS 隐藏它，那么没有 JS 的任何人都会看到所有通常隐藏的内容，从而使页面变得非常混乱。此外，我确实有办法让没有 javascript 的任何人都可以访问这些内容（尽管很明显，他们必须重新加载页面）。
@user599599 这一切都取决于上下文以及您隐藏的内容。

【解决方案3】：

绝对不是。

我还没有找到任何文档，但这将完全关闭，Google 以了解互联网和网页的工作方式为生，他们必须了解 display:none 或 visibilty:hidden。

顺便说一下，看看他们的主页源代码，他们非常积极地使用这两种资源。

不要害怕使用它，这很可能根本不会影响您的 SEO，或者在任何情况下，这将是一个臭名昭著的变化，特别是如果您正确地做重要的事情！

祝你好运！

【讨论】：

感谢鼓励！我遇到了一些非常矛盾的事情，但是，是的，考虑到隐藏元素的普遍性，它们显然不仅仅是在搜索结果或任何内容中阻止这样做的网站。
@user599599 没问题，很乐意提供帮助，这实际上是一个有争议的话题，根据你问的人，你会有不同的答案，如果你问我，你应该滥用这个，我认为你应该去而不是滥用！

【解决方案4】：

根据我的经验，如果您隐藏内容，谷歌和其他搜索引擎会降低您的评分。他们非常非常挑剔地向他们展示用户看到的相同内容。我开发了一个有 Flash 页面的产品，我们为 SEO 目的构建了非 Flash 页面（我们会嗅探，如果用户没有 Flash，我们会展示非 Flash 的东西）。作为我们 SEO 合规性的一部分，我们必须确保非 Flash 上的所有内容都与 Flash 完全相同。

【讨论】：

【解决方案5】：

关于这个话题有不同的答案，但隐藏元素通常被认为是一种“黑帽”搜索引擎优化 (SEO) 技术。（见this reference）谷歌和其他搜索引擎已经根据这样的结果降低了网站的排名或完全删除了网站。

您可能还想检查另外两个类似但不完全相关的 StackOverflow 问题：

【讨论】：

感谢您的回复。这就是我害怕的。我得出的大多数结果基本上都是这样说的，但是我无法找到任何关于隐藏内容到底有多少，以及哪些类型的元素（如果有的话）比其他元素更不受欢迎。例如，我想隐藏的
标签比隐藏的
更“糟糕”。

【解决方案6】：

当然...使用隐藏文本（使文本和背景颜色相同）或隐藏 div 会导致您的网站评分下降。因为这是 Blackhat SEO 技术的一部分。一旦谷歌或任何搜索引擎发现它，他们就会从索引中删除或降低您的网站的排名。

【讨论】：

【解决方案7】：

隐藏内容被视为一种黑帽 SEO 技术，如果 Google 发现任何可疑内容，他们可能会标记这些网站。过去，人们使用 CSS display: none 功能来隐藏和填充关键字。那些不正当的做法在早期带来了排名的结果，现在不是这样。随着更新的谷歌算法频繁推出，它已经变得足够复杂，可以检测任何差异或黑帽 SEO 做法。因此，如果您有任何隐藏的关键字或尝试过关键字填充的做法，那么您应该小心，因为 Google 可能会标记该网站以进行此类做法。

但是，如果您将其用于此处提到的真正目的，那么它不应影响您的 SEO 实践或其排名。您将能够采用可行的 SEO 技术并提高您的页面在 Google 的 SERP（搜索引擎结果页面）中的排名。

但是，即使有合法内容，Google 也可能会将其视为一种黑帽技术，并对您的网站进行排名。如果是这种情况，您应该非常警惕结果的变化，并且必须在为时已晚之前改变自己的方式。

【讨论】：

标签比隐藏的 更“糟糕”。

标签比隐藏的
更“糟糕”。