語(yǔ)義化 H1 標(biāo)簽
更新時(shí)間：2008年01月14日 20:11:58 作者：
語(yǔ)義化 H1 標(biāo)簽
大家都知道搜索引擎比較喜歡H1。在SEO中H1也是很基礎(chǔ)也很重要的一步。但有些時(shí)候?yàn)榱私缑骘L(fēng)格的原因，很多標(biāo)題性的文字做成了圖片。大多數(shù)情況下，切割頁(yè)面的時(shí)候就直接用上了圖片。在代碼上，H1也就對(duì)搜索引擎失去了作用。
<h1><img src=”http://www.****.com/xxxx.jpg”></h1>
jb51.net
其實(shí)通過一點(diǎn)小的調(diào)整則可以將兩者兼顧。
再來(lái)看看這段。H1的代碼對(duì)搜索引擎依然可讀，我們只是利用text-indent:-9999px;將“邀請(qǐng)好友加入”的文字遠(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>
<h1><img src=”http://www.****.com/xxxx.jpg”></h1>
jb51.net
其實(shí)通過一點(diǎn)小的調(diào)整則可以將兩者兼顧。
再來(lái)看看這段。H1的代碼對(duì)搜索引擎依然可讀，我們只是利用text-indent:-9999px;將“邀請(qǐng)好友加入”的文字遠(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>
<p class="test">
<h1>腳本之家</h1>
相關(guān)文章
公司最近一個(gè)項(xiàng)目中，出現(xiàn)了一個(gè)非window主題外觀的下拉菜單，于是自己搞了個(gè)。2008-11-11
簡(jiǎn)單form標(biāo)準(zhǔn)化實(shí)例——語(yǔ)義結(jié)構(gòu)
簡(jiǎn)單form標(biāo)準(zhǔn)化實(shí)例——語(yǔ)義結(jié)構(gòu)...2007-02-02
只能輸入小于最大數(shù)且是正整數(shù)的腳本...2006-12-12
用文字鏈接代替表單提交的按鈕，以前經(jīng)常這樣用，現(xiàn)在大多是用圖片來(lái)代替，以替換呆板的按鈕樣式。2010-10-10
css+js實(shí)現(xiàn)select列表橫向排列效果代碼
真不錯(cuò)的select橫排效果代碼，推薦大家閱讀，這個(gè)思路真不錯(cuò)，太感謝作者了2008-06-06
表單提交驗(yàn)證類...2006-07-07
js下在password表單內(nèi)顯示提示信息的解決辦法
js下在password表單內(nèi)顯示提示信息的解決辦法...2007-08-08
文本框根據(jù)輸入內(nèi)容自適應(yīng)高度的代碼
我最煩wordpress編輯器容器那狹窄的高度，每次都需要手動(dòng)調(diào)節(jié)，很不好用2011-10-10
簽名框（Textarea）限制文字?jǐn)?shù)量并適時(shí)提示
僅用了一行代碼就實(shí)現(xiàn)了文本框的文字輸入數(shù)量限制，并適時(shí)給出提示，一般常見于發(fā)表評(píng)論、留言或簽名框等.2009-10-10
javascript實(shí)現(xiàn)上傳圖片前的預(yù)覽（TX的面試題）
javascript實(shí)現(xiàn)上傳圖片前的預(yù)覽（TX的面試題）...2007-08-08