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

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

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

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

我的问题是:

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

请帮忙

【问题讨论】:

  • 我不认为这会是个问题...

标签: css seo


【解决方案1】:

许多/大多数/(全部?)搜索引擎无法理解 CSS,因为他们知道您隐藏了 <span>。对于那些,你很好。

对于任何足以理解您的 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 会忽略任何它可以确定为人类不可见的东西。

      【讨论】:

        猜你喜欢
        • 2011-01-09
        • 1970-01-01
        • 1970-01-01
        • 2011-05-03
        • 1970-01-01
        • 2015-05-01
        • 1970-01-01
        • 1970-01-01
        • 1970-01-01
        相关资源
        最近更新 更多