Question

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

对我而言，感觉有点像黑客，我担心它会对我的搜索引擎优化产生负面影响。

这仍然是最好的方法吗？

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 Google抓取工具未发现您已将文字从页面的可见部分移开，它仍然可以找到您使用text-indent隐藏的文字。这不应该伤害SEO。此外，如果是这种情况，使用text-indent用于此目的不是常见的做法。

Answer 2

我建议你使用两种方法，它们都不是文本缩进（这是一种过时的方法）。第一种方法是删除文字，而不是为你的主播添加标题，如下所示：

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

第二种方法是在此锚标记中添加图像：

<a href="index.php" id="logo"><img src="path/to/image" alt="My Website"/></a>

这两种方式比文本缩进要好得多，特别是因为几个月前谷歌宣布它彻底改变了索引网站的方式，以防止咬合链接和其他形式的欺诈，这意味着文本缩进不会看起来有利的是，也许不是从一开始，而是试图让人们摆脱它。

Answer 3

使用text-indent:-9999px;还有另一个好处，当使用opera mini并且可能是其他移动浏览器时，它不会显示背景图像而只显示文本。向opera mini用户显示文本要好得多，而不是一个不可读的非常小的徽标。

Answer 4

这是我经常使用的一个技巧。它根本不应该是心脏病

<a href="">&nbsp;</a> - now is visible but without showing any chars.