CSS 和 SEO 问题答案

【问题标题】：CSS and SEO QuestionCSS 和 SEO 问题
【发布时间】：2009-10-13 17:49:04
【问题描述】：

我目前正在为客户构建一个网站，我在菜单中使用 CSS（不是 javascript）。对于翻转，有一个包含常规状态和翻转的背景图像。

示例代码为：<a id="foo" href="bar.php" >BAR</a>

我隐藏了 并使用了背景图片。

我的问题是：

这种形式的导航对 SEO 有好处吗？隐藏被搜索引擎视为垃圾邮件的。搜索引擎会接受这种形式的菜单吗？

请帮忙

【问题讨论】：

标签： css seo

【解决方案1】：

许多/大多数/（全部？）搜索引擎无法理解 CSS，因为他们知道您隐藏了 。对于那些，你很好。

对于任何足以理解您的 CSS 的人来说，他们也会理解人们这样做的原因，并且会认出您在做什么。所以对于那些你也很好。

许多类似这样的问题都可以归结为“搜索引擎是否足够聪明，足以误解我在做什么？”答案是否定的，因为这不符合他们的利益。作为搜索引擎的作者，如果不添加可靠的启发式方法来区分其正常使用和滥用之间的区别，您就不会添加对注意到 CSS 隐藏的支持。

【讨论】：

【解决方案2】：

您可以为您的<li> 或<a> 元素使用text-indent css 属性。这样您就不必通过 css 隐藏它。所以你会有这样的东西

<ul>
  <li><a id="foobar">foobar</a></li>
</ul>

那么你可以有以下css：

li a {
  display: block;
  text-indent: -1000px;
  width: 20px;
  height: 20px;
  background: transparent url('/image/path.png') no-repeat;
}

【讨论】：

【解决方案3】：

如果您只是想使用 display: none; 那么您将需要查看 Stack Overflow 认为与您的问题最相关的问题：Google SEO and hidden elements。

总结：Google 会忽略任何它可以确定为人类不可见的东西。

【讨论】：