用图像替换标题文本

Question

我正在设置一个基于Drupal的网站，并希望用图像文件替换标题中的网站标题。我看到了这篇文章："Revised Image Replacement"总结了几种做法的技巧。

我想知道目前的最佳做法是什么，在SEO和浏览器兼容性方面？

Answer 1

我曾经认为Leahy / Langridge方法是最好的，但是随着我越来越多地使用它，我发现Phark方法更容易实现，同样有效且更有用，因为你可以有链接在标题内（我以前从未工作过的东西）。

这两个都不需要额外的标记，我不认为（if Google's Matt Cutts is to be believed）对SEO有很多（如果有的话）不良影响（即谷歌不会因为隐藏文本而惩罚你，只要它没有看起来很垃圾。）

在IE5中，两者都无法工作，或者需要额外的工作才能完成工作，但我不知道有谁支持这项工作。

所以我会推荐Phark（或Phark Revisited，效果最好的）方法。

Answer 2

使用CSS并覆盖您拥有'text'的任何元素，如下所示:( Phark Method）

HTML：

<h1>Header</h1>

CSS：

h1 {
text-indent: -9999px;
background: url('image.png') no-repeat top left;
}

Answer 3

这些技术中没有一个真正解决的唯一问题，尽管现在是一个边缘边缘的情况，如果有人关闭了图像。

我一般认为Phark方法很容易实现，并且几乎总是有效，但你也可以看一下javascript方法 - 很容易编写自己的方法。