知道嗎？H1標(biāo)簽同樣也可以美化
互聯(lián)網(wǎng) 發(fā)布時(shí)間：2008-10-17 19:26:36 作者：佚名 
我要評(píng)論
我要評(píng)論大家都知道搜索引擎比較喜歡H1。在SEO中H1也是很基礎(chǔ)也很重要的一步。但有些時(shí)候?yàn)榱私缑骘L(fēng)格的原因，很多標(biāo)題性的文字做成了圖片。大多數(shù)情況下，切割頁(yè)面的時(shí)候就直接用上了圖片。在代碼上，H1也就對(duì)搜索引擎失去了作用。
<h1><img src="http://5key.net
大家都知道搜索引擎比較喜歡H1。在SEO中H1也是很基礎(chǔ)也很重要的一步。但有些時(shí)候?yàn)榱私缑骘L(fēng)格的原因，很多標(biāo)題性的文字做成了圖片。大多數(shù)情況下，切割頁(yè)面的時(shí)候就直接用上了圖片。在代碼上，H1也就對(duì)搜索引擎失去了作用。
<h1><img src="http://5key.net/xxxx.jpg"></h1>
其實(shí)通過(guò)一點(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>
<div class="test">
<h1>邀請(qǐng)好友加入</h1>
</div>
<div class="testbox"></div>
相關(guān)文章
網(wǎng)站優(yōu)化SEO中怎么使用網(wǎng)頁(yè)h1、h2、h3和strong標(biāo)簽
在網(wǎng)站制作和網(wǎng)站優(yōu)化中，用好h1、h2、h3和strong標(biāo)簽是做好seo一個(gè)很重要的因素，所以這篇文章給可以給大家詳細(xì)介紹一下2021-12-02- 在制作網(wǎng)頁(yè)的過(guò)程中，難免會(huì)用到h1，h2，h3標(biāo)簽。合理的使用h1，h2，h3標(biāo)簽對(duì)網(wǎng)站的優(yōu)化起著重要的作用。2011-09-07
SEO教程:網(wǎng)頁(yè)h1、h2、h3和strong標(biāo)簽
有很多同行交流的seo的時(shí)候非常頻繁的提到一個(gè)方法，那就是文章題目一定要用h1標(biāo)簽。為什么h1標(biāo)簽如此重要呢？今天我們就從全局的角度來(lái)審視一下。 有很多2009-04-02語(yǔ)義化H1標(biāo)簽-CSS教程-網(wǎng)頁(yè)制作-網(wǎng)頁(yè)教學(xué)網(wǎng)
大家都知道搜索引擎比較喜歡H1。在SEO中H1也是很基礎(chǔ)也很重要的一步。但有些時(shí)候?yàn)榱私缑骘L(fēng)格的原因，很多標(biāo)題性的文字做成了圖片。大多數(shù)情況下，切割頁(yè)面的時(shí)候就直接用2008-10-17H1標(biāo)簽使用的七大注意事項(xiàng)(推薦)
下面小編就為大家?guī)?lái)一篇H1標(biāo)簽使用的七大注意事項(xiàng)(推薦)。小編覺(jué)得挺不錯(cuò)的，現(xiàn)在就分享給大家，也給大家做個(gè)參考。一起跟隨小編過(guò)來(lái)看看吧2016-08-05