html - 谷歌如何看待没有文本、只有背景的链接？

Question

像这个:

<a href="/" id="logo"></a>

或者我应该这样做并将字体大小更改为零:

<a href="/" id="logo">Home</a>

编辑: 这里似乎没有人理解我的问题。所以我也会发布一些 CSS:

#logo {
    display: block;
    width: 326px;
    height: 69px;
    background-image: url(images/logo.gif);
    background-repeat: no-repeat;
}
#logo:hover {
    background-image: url(images/logo-hover.gif);
}

它看起来像这样，所以我无法用图像替换它，因为这样悬停就不起作用。似乎没有解决方案，所以我想我会跳过它。

Answer 1

无论任何 SEO 问题如何，不包含一种或另一种形式的描述性文本(文本、标题或描述)都将导致严重的可访问性失败。

编辑:如果您询问如何隐藏链接的文本并希望使用背景图像，有几种方法可以做到这一点。我的首选选项(如果可能)是提供固定高度，然后提供大约 3 倍的行高并关闭溢出。您还可以调整字母间距以将宽度减小到零，例如来自生产代码:

背景:透明 url(../images/sprites/icons.gif) 无重复；

  a.foo
  {
    width: 16px;
    height: 16px;
    display: block;
    overflow: hidden;
    line-height: 666px;
    letter-spacing: -1.1em;
  }