快捷導(dǎo)航

h1標(biāo)簽的使用技巧

更新時(shí)間：2007年11月24日 11:40:49 作者：

h1標(biāo)簽的正確使用可以達(dá)到seo的目的，那么如何在使用h1標(biāo)簽的同時(shí)，又不失去原有的美觀呢？事實(shí)上，正確使用h1標(biāo)簽，我們既可以達(dá)到seo的目的，也能達(dá)到美觀的目的。大家都知道搜索引擎比較喜歡h1標(biāo)簽。在SEO中h1標(biāo)簽也是很基礎(chǔ)也很重要的一步。但有些時(shí)候?yàn)榱私缑骘L(fēng)格的原因，很多標(biāo)題性的文字做成了圖片。大多數(shù)情況下，切割頁面的時(shí)候就直接用上了圖片。在代碼上，h1標(biāo)簽也就對搜索引擎失去了作用。

其實(shí)通過一點(diǎn)小的調(diào)整則可以將兩者兼顧。我們需要兩張圖片：
1

2

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

復(fù)制代碼代碼如下:

<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>

[Ctrl+A 全選注:引入外部Js需再刷新一下頁面才能執(zhí)行]

h1標(biāo)簽還可以這樣使用,當(dāng)然你也可以對h1標(biāo)簽使用樣式比如字體大小，字體顏色之類的，當(dāng)然像上面例子，只是為了達(dá)到seo的目的，就不需要使用樣式對h1標(biāo)簽進(jìn)行修改了，因?yàn)轱@示在用戶面前的是一張圖片。