用图像替换标题文本

时间:2008-11-26 02:01:47

标签: html css

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

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

3 个答案:

答案 0 :(得分:1)

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

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

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

所以我会推荐Phark(或Phark Revisited,效果最好的)方法。

答案 1 :(得分:1)

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

HTML:

<h1>Header</h1>

CSS:

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

答案 2 :(得分:1)

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

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