使用CSS隐藏屏幕阅读器的内嵌文本是否会影响SEO？

Question

有一种我非常喜欢的做法，因为它非常适合可访问性和使用屏幕阅读器的人，但我想知道Google是否可以认为这是''试图欺骗他'并将我列入黑名单为了这？这是我的例子：当我创建一个公司名称的徽标时，我真的很喜欢这样做：

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

然后，我会在我的CSS中text-indent: -9999px;将文本推出屏幕，但是有屏幕阅读器的人可以阅读它...你怎么看？糟糕或良好的做法，我可以被列入黑名单吗？

Answer 1

简短回答：是的，这不是一个好习惯。

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

到目前为止，Googlebot并没有解析CSS和Javascript ..这一天可能不会开始拉动所有相关文件并研究页面的渲染。我发现了一篇有趣的文章（{{3}前一段时间讨论了这种可能性。所以你并不是唯一一个以这种方式思考的人.. :)

  

Google可以像浏览器一样简单地查询网站   然后解析对象模型。您的网页在Google上的排名如何？   实际上“看着”他们？

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

所以我会厌倦而不会过度..

Answer 2

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

但是，您应该更改alt属性的内容。 “Coolness Inc Logo”不图像内容的描述。你应该使用“Coolness Inc”（不带“Logo”）。

在其他情况下，可能会使用此文本隐藏技术（或类似的技术，如使用clip），但您不应该滥用它。如果您只是将它用于一些小句子（帮助文本，图像替换等），那么任何搜索引擎都不应该有理由进行惩罚。