用圖像替換標題文本

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方法 - 很容易編寫自己的方法。