使用 css 隐藏文本：text-indent

Question

我的网站顶部有一个公司徽标，它链接回主页。我正在使用text-indent: -9999px;这似乎是常见的做法来隐藏链接文本。

对我来说，这感觉有点像黑客，我担心它会对我的 SEO 产生负面影响。

这仍然是最好的方法吗？

HTML：

<a href="index.php" id="logo">My Website</a>

CSS：

#logo {
  display: block;
  width: 100px;
  height: 100px;
  overflow: hidden;
  background: url('logo.png');
  text-indent: -9999px;
}

Answer 1

据我所知，谷歌爬虫没有看到您已将文本从页面的可见部分移开，它仍然可以找到您隐藏的文本text-indent。这不应该损害搜索引擎优化。而且，如果是这样的话，text-indent出于这个目的而使用就不会是一种常见的做法。