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

<h1><img src=”http://www.****.com/xxxx.jpg”></h1>

其實(shí)通過一點(diǎn)小的調(diào)整則可以將兩者兼顧。

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

<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>
<p class="test">
<h1>邀請好友加入</h1>