1

I'm just wondering if display:none is affecting my sites seo as I have for certain keywords dropped rank in google over the past few days since implementing this into a new homepage re-design.

I am using wordpress and displaying random post images on the homepage, getting the excerpt and hiding it using display:none and when a user hovers the image it displays the excerpt as a tooltip.

I have read a few conflicting articles on this and watched Matt Cutts youtube video but that doesnt really give me an answer for the way I have implemented it.

So I am hoping someone on here can give me a bit more insight as to whether it is not good seo practice or doesn't make much difference?

Thanks

4

5 回答 5

8

Google bot 不关心 CSS display:none，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 源中可见。

你提到你已经在一个新的主页重新设计中实现了这一点，我想知道你是否给了谷歌时间来选择你网站上的变化？请记住，您可以在您的网站上进行改进，但 googlebot 会看到它们“谁知道什么时候”

于 2012-06-10T06:21:21.733 回答
2

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

于 2012-06-10T07:21:44.657 回答
1

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

于 2012-10-11T13:16:48.723 回答
0

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

爬虫显然对 JavaScript 不是很好（而且许多用户都禁用了 JS）所以可能默认显示内容然后用 JS/CSS 悬停隐藏它。

于 2012-06-10T05:50:34.627 回答
0 
.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>
于 2012-06-10T07:59:57.863 回答