DIV CSS 佈局教程網

 DIV+CSS佈局教程網 >> 網頁腳本 >> CSS入門知識 >> CSS詳解 >> 語義化H1標簽
語義化H1標簽
編輯:CSS詳解     

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

<h1><img src=”http://www.****.com/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> 
<p class="test"> 
<h1>邀請好友加入</h1>

XML學習教程| jQuery入門知識| AJAX入門| Dreamweaver教程| Fireworks入門知識| SEO技巧| SEO優化集錦|
Copyright © DIV+CSS佈局教程網 All Rights Reserved