Seo 和 div 显示：无 [关闭]答案

【问题标题】：Seo and div display:none [closed]Seo 和 div 显示：无 [关闭]
【发布时间】：2012-06-13 13:25:40
【问题描述】：

我只是想知道 display:none 是否会影响我的网站 seo，因为我在过去几天中某些关键字在谷歌中的排名下降了，因为在新的主页重新设计中实施了这一点。

我正在使用 wordpress 并在主页上显示随机帖子图像，获取摘录并使用 display:none 隐藏它，当用户悬停图像时，它会将摘录显示为工具提示。

我已经阅读了一些关于此的相互矛盾的文章并观看了 Matt Cutts youtube 视频，但这并没有真正给我一个关于我实现它的方式的答案。

所以我希望这里有人可以让我更深入地了解这是否是不好的 seo 实践或没有太大区别？

谢谢

【问题讨论】：

我认为属于 webmasters.se。

标签： css wordpress seo hidden-field

【解决方案1】：

我并不声称自己是 SEO 专家，但一般来说，如果您试图愚弄网站爬虫（通过隐藏大量关键字），这对 SEO 不利，因为您很可能会被列入黑名单。如果您隐藏内容是因为它有助于用户界面，不应该有任何负面影响。由于它是一个自动化过程，因此通常要谨慎行事，因为例如，如果您被列入黑名单，您就不能主张将州下半部分的每个城市名称都包含在隐藏的 div 中。

爬虫显然不太适合 JavaScript（而且许多用户还是禁用了 JS）所以也许默认显示内容然后用 JS/CSS 悬停隐藏它。

【讨论】：

是的，它不是为了隐藏关键字，而是我要隐藏的帖子摘录。我不是为了改进 seo 而躲藏起来，它基本上只是为了界面目的。这就是问题所在，我知道原因是什么，但我不想被列入黑名单。我删除了 display:none 并将其添加到标题中。希望把摘录放在标题中不会让我受到惩罚。

【解决方案2】：

Google bot 不关心 CSS 显示：无，googlebot 看到的是您的 html 源代码。用 css 隐藏的内容在 html 源代码中可见。

对您的 CSS 文件进行二次检查，检查您是否有任何显示：无；在你的 CSS 上如果有的话，会对隐藏的内容（链接、关键字块等）进行某种检查。如果被发现隐藏关键字或链接，你将受到惩罚:)

其他常见的检查是你的链接的 css，像 a {display: none;} 或 a {color: #ffffff;} 这样的东西会引发一个标志。在最后一项中，检查以确定主体或任何容器的背景颜色。

Matt Cutts 不会告诉你它是如何工作的，因为它是一项艰巨的任务，到目前为止有很大的失败，因为 css 有时会变得复杂并且你需要进行大量检查。

如果有显示，则网站上只有简单的红旗：无；

附带说明，如果您的 html 上有样式块 (<style type="text/css"> .some-class {display: none;}</style>) 或带有样式的 div (<div style="display:none;">keyword</div>)，Googlebot 会更快地选择它，因为它在您的 html 源中可见。

您提到您已经在重新设计的新主页中实现了这一点，我想知道您是否给了 Google 时间来选择您网站上的更改？请记住，您可以对自己的网站进行改进，但 googlebot 会“谁知道何时”看到它们

【讨论】：

我使用的是 style="display:none" 的 div，但不是 1 个 div，总共是 21 个。我假设谷歌已经重新索引了我的网站，因为我每天添加 5-20 个帖子，并在过去一个月中注意到谷歌在前几个月更新我的网站的速度更快。所以我认为排名下降是由于首页的变化。
首页上有这么多不同的帖子也淡化了搜索引擎可以从中提取的概念。最好同步加载它们或将其预加载到 javascript 段中。
Google 不关心 disply:none。见seotesttool.com/blog/does-the-google-bot-index-css-hidden-divs。他们对此进行了测试，截至 2013 年 3 月，隐藏的内容已被编入索引。
不在乎？尝试排名显示无内容。哈哈哈
这个答案已经过时了。如今，googlebot 以视觉方式呈现页面，就像真正的网络浏览器一样。它绝对可以分辨可见内容和display: none 内容之间的区别，并且很重要。

【解决方案3】：

尽管您将display:none 样式应用于您的元素，但这与 seo 无关，因为您的元素 dom 仍然存在，而 seo 寻找的是 dom 及其内容，而不是 UI。

【讨论】：

所以你是说 display:none 对 seo 没有影响？
是的，因为 seo 会查找 dom 和该 dom 中的内容。尽管您将 dom 设置为 display:none，但您的 dom 仍然存在。所以没关系
我不这么认为。搜索引擎从用户满意度中获利，这与网站显示的内容和不显示的内容（或“隐藏”的内容！）密切相关。

【解决方案4】：

.keywords
{
    visibility:hidden;
}

<div class="keywords">
    <a href="#">keyword 1</a> 
    <a href="#">keyword 2</a> 
    <a href="#">keyword 3</a> 
    <a href="#">keyword 4</a> 
</div>

或更好：

.keywords
{
    display:none;
}

<div class="keywords">
    <a href="#">keyword 1</a> 
    <a href="#">keyword 2</a> 
    <a href="#">keyword 3</a> 
    <a href="#">keyword 4</a> 
</div>

【讨论】：

好吧，如果我在做这样的事情，那么这就是糟糕的 seo，对吗？但是在悬停时显示的
excerpt()
还不错。是吗？
@Farzin，我鼓励您也为您的答案添加解释。只是一个有效的答案，不如一个能解释它为什么有效的答案。
您想对网站访问者隐藏关键字？还是想躲开 Google 机器人？
想要对网站访问者隐藏关键字！

【解决方案5】：

我从您的问题中了解到，谷歌可能会将您的网站链接列入黑名单。由于隐藏的文本/div 被认为是黑帽 SEO 技术并且非常伤害您的网站。

【讨论】：