大家都知道搜索引擎比較喜歡H1。在SEO中H1也是很基礎也很重要的一步。但有些時候為了界面風格的原因，很多標題性的文字做成了圖片。大多數情況下，切割頁面的時候就直接用上了圖片。在代碼上，H1也就對搜索引擎失去了作用。
<h1><img src="/School/UploadFiles_7810/201105/20110525180505750.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>