【问题标题】:Will using CSS to hide in-line text for screen-readers affect SEO?使用 CSS 为屏幕阅读器隐藏内嵌文本会影响 SEO 吗?
【发布时间】:2012-11-26 13:41:12
【问题描述】:

我真的很喜欢一种做法,因为它对可访问性和使用屏幕阅读器的人来说非常有用,但我想知道 Google 是否可以考虑这种“试图愚弄他”并将我列入黑名单为了这?这是我的例子:当我创建一个作为公司名称的徽标时,我真的很喜欢这样做:

<h1>
  <a href="index.php">
    <img src="my_cool_logo.png" alt="Coolness Inc Logo" />
    COOLNESS INC
  </a>
</h1>

然后,我会在我的 CSS 中使用 text-indent: -9999px; 将文本推出屏幕,但使用屏幕阅读器的人将能够阅读它......你觉得呢?不好或好的做法,我会因此被列入黑名单吗?

【问题讨论】:

  • 这不是'alt'的用途吗?

标签: html seo web-crawler googlebot text-indent


【解决方案1】:

在这种情况下,您不需要添加和隐藏文本,因为这就是 alt 属性的用途。屏幕阅读器会读取公司名称两次。

但是,您应该更改alt 属性的内容。 “Coolness Inc 徽标”不是图片内容的描述。您应该改用“Coolness Inc”(不带“徽标”)。

在其他情况下,可能会使用这种文本隐藏技术(或类似的技术,例如使用clip),但您不应误用它。如果您只是将它用于几个小句子(帮助文本、图像替换等),那么任何搜索引擎都不应该有惩罚的理由。

【讨论】:

    【解决方案2】:

    简答:是的,这不是一个好习惯。

    长答案: 屏幕阅读器会读取ALT 标签;因为这主要是标签中包含ALT 属性的原因。 See more.

    到目前为止,Googlebot 不解析 CSS 和 Javascript。它可能开始提取所有相关文件并研究页面呈现的日子可能不远了。我发现了一篇有趣的文章 (When Google understands CSS files)刚才讨论了这种可能性。所以你不是唯一一个这样想的人.. :)

    Google 可以开始像浏览器一样简单地查询网站 然后解析对象模型。谷歌时您的网页排名如何 真的“看着”他们?

    垃圾邮件发送者通常会在 HTML 中放置许多热门关键字,以帮助提高他们的搜索排名,但通过 CSS 巧妙地向用户隐藏这些关键字转储。 Googlebot 足够聪明,可以检测到此类转储并对此类网站进行处罚。 所以是的,Googlebot 可以在一定程度上理解 CSS(我绝不打算质疑 Google 和Googlebot 的功能 :) )

    所以我会很累,不要过度。

    【讨论】:

    • 所以如果我明白我不应该这样做吗? Alt标签对盲人来说足够访问了吗?
    • @YannChabot 是的,ALT 就足够了。有很多文章涵盖了网页设计的这些方面。就个人而言,应该更多地关注可访问性而不是 SEO,因为一个会照顾另一个..
    猜你喜欢
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2020-09-18
    • 1970-01-01
    • 2017-11-23
    相关资源
    最近更新 更多