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

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;
  }