css - 使用 css 隐藏文本 : text-indent

Question

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

对我来说，这有点像 hack，我担心它会对我的 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

AFAIK 谷歌抓取工具没有看到您已将文本从页面的可见 部分移开，它仍然可以找到您用 text-indent 隐藏的文本.这不应该伤害 SEO。此外，如果是这种情况，请使用 text-indent出于这个目的不会是一种常见的做法。