CSS和SEO问题

Question

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

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

隐藏<span>并改为使用背景图片。

我的问题是：

这种导航形式对SEO有利吗？隐藏被搜索引擎视为垃圾邮件的<span>。搜索引擎甚至会选择这种形式的菜单吗？

请帮助

Answer 1

许多/大多数/（所有？）搜索引擎在他们知道您隐藏<span>的程度上不会理解CSS。对那些人来说，你很好。

对于任何足够聪明的人来理解你的CSS，他们也会理解为什么人们会这样做，并且会认识到你在做什么。所以对于那些你也很好。

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

Answer 2

您可以为text-indent或<li>元素使用<a> 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;
}

Answer 3

如果您只是想隐藏它们 display: none; 那么你会想看看Stack Overflow认为与你最相关的问题：Google SEO and hidden elements。

摘要：Google忽略了任何可以确定对人类不可见的东西。