我应该对图片链接使用 font-size: 0 吗？

Question

当使用背景图像设置链接的样式时，链接中的文本被图像中的文本替换，是否可以将字体大小设置为 0，以避免文本超出图像?

像这样：

<a href="htp://google.com" title="Google, the Best Search Engine!" class="googleLink"> Google </a>

<style>
    .googleLink {
        display: block; height: 40px; width: 40px;
        background: url('googleLinkImage-40x40.png') no-repeat;
        font-size: 0;
    }
<style>

我知道如果您滥用字体大小 0 来隐藏关键字，那么它是不好的，但是如果真诚地使用这种技术会伤害 SEO 吗？。

谢谢。

Answer 1

说到 SEO，没有人真正知道什么是好或坏，因为谷歌和微软都没有真正告诉任何人事情如何影响你的排名。

搜索引擎优化“专家”喜欢关注谷歌和必应等，并尝试了解不同技术的效果；他们可以查看哪些网站获得了良好的排名，并查看这些网站以了解他们与周围人的不同之处。

真正优秀的 SEO 专家实际上可以很好地制定一些关键的事情来做出改变。但是大多数所谓的“专家”实际上只是在重复他们听到其他人所说的话。

要知道的一件非常重要的事情是，无论什么现在行得通，您还需要考虑将来什么行得通。

众所周知，谷歌会非常刻意地调整他们的算法，以惩罚他们认为是“作弊”的 SEO 技术。那些成功地让网站登上榜首的诡计突然变成了让它们消失在人们的遗忘中。

因此，我的建议如下：我无法告诉您这个特定技巧是否有助于您的 SEO 得分。我不声称自己是该领域的专家。但我会说，任何时候感觉你为了获得 SEO 点而偷偷摸摸，这充其量只是一个短期的收益，而且很有可能它会在以后给你带来问题。

因此，如果您认为这感觉像是 Google 可能会冒犯的偷偷摸摸的把戏，那么您可能需要三思而后行。 title 属性还不够吗？ （显然，它们非常适合 SEO）

另一方面，如果您觉得这是一种合法的方式来隐藏您希望在页面内容中显示但不显示的文本，那么请继续。

就像你自己：Google 会做什么？ ;-)

Answer 2

这里重要的是使用您的 alt tag 属性进行 SEO，Google recommends it this way。

话虽如此，有几种 css 技术可以做到这一点。我推荐的一个是使用text-indent: -99999em; 而不是减少font-size。