大家都知道搜索引擎比較喜歡H1。在SEO中H1也是很基礎也很重要的一步。但有些時候為了界面風格的原因，很多標題性的文字做成了圖片。大多數情況下，切割頁面的時候就直接用上了圖片。在代碼上，H1也就對搜索引擎失去了作用。

<h1><img src="http://5key.net/xxxx.jpg"></h1>

其實通過一點小的調整則可以將兩者兼顧。

再來看看這段。H1的代碼對搜索引擎依然可讀，我們只是利用text-indent:-9999px;將“邀請好友加入”的文字遠遠的扔到左邊去了。

<style>
.test{}
.test h1{margin:0; padding:0; text-indent:-9999px; width:522px; height:45px; background:url(header.gif) no-repeat;}
.testbox{background:url(bg.gif); width:522px; height:323px;}
</style>
<div class="test">
<h1>邀請好友加入</h1>
</div>
<div class="testbox"></div>