用图像替换标题文本

Question

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

我想知道目前的最佳做法是什么，在搜索引擎优化和浏览器兼容性？

Answer 1

我以前认为Leahy/Langridge方法是最好的，但是随着我越来越多地使用它，我发现Phark方法更容易实现，就像您可以拥有更高效更实用一样在标题中的链接也是如此（我以前从未工作过）。

这两个都不需要额外的标记，我不认为（if Google's Matt Cutts is to be believed）对SEO有很多（如果有的话）不好的影响（即，只要没有出现，Google就不会惩罚你隐藏文本垃圾邮件）。

在IE5中，这两种方式都无法工作，或者需要额外的工作来完成工作，但是我不知道任何人支持它。

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

Answer 2

使用CSS和覆盖的任何元素你有 '文' 在这样的：（Phark法）

HTML：

<h1>Header</h1>

CSS：

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

Answer 3

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

我一般发现Phark方法很容易实现，并且几乎总能正常工作，但您也可以查看javascript方法 - 很容易编写自己的方法。