利用logo來呈現(xiàn)H1標(biāo)簽的獨(dú)特效果
做為一名SEOER都應(yīng)該知道H1標(biāo)簽的重要性。一個頁面里只能有一個H1標(biāo)簽,想必H1標(biāo)簽在網(wǎng)站中舉足輕重的作用。但是現(xiàn)實中,很多的SEOER不知道H1標(biāo)簽用在什么地方,也不清楚應(yīng)該把它放到哪里,這絕對給優(yōu)化帶來很多煩惱。所以清風(fēng)站長就先來說說網(wǎng)站首頁中頭部的H1標(biāo)簽應(yīng)該如何設(shè)置。 由于H1標(biāo)簽在頁面中只能使用一次,所以這一次一定要選好位置。放在哪,怎么放一定要再三考慮,但也不要讓它成為自己的困擾,從日常經(jīng)驗中尋找一些技巧吧。網(wǎng)站首頁的H1標(biāo)簽貌似會顯得更重要一些,所以,我個人建議是把H1標(biāo)簽放在LOGO里面,LOGO是網(wǎng)站的大腦,由于大家打開網(wǎng)站的時候直接就能看到LOGO,把HI標(biāo)簽代碼放在LOGO中,這樣不緊能增加LOGO中關(guān)鍵詞的權(quán)重也能體現(xiàn)出H1標(biāo)簽的無窮作用。那么,又如何把H1標(biāo)簽添加到LOGO當(dāng)中呢?怎樣做效果會更好些呢?這些一連串的疑惑,現(xiàn)在就讓我來給大家分享一下我的經(jīng)驗技巧吧。
首先,在用H1標(biāo)簽優(yōu)化時我們需要稍微處理下代碼。舉個例子如下:
<div class=“logo”><h1><a href=“#” title=“大連廣告公司”>大連廣告公司</a></h1>
其次,在處理代碼的同時要利用CSS進(jìn)行修飾下。如下邊所示:
.logo h1{padding:0px;}
.logo h1 a{display:block;width:170px;height:50px;background:url(images/logo.gif) scroll no-repeat 0 40px;text-indent:-9999em;}
這樣,添加這段代碼以后,在打開網(wǎng)頁的時候就可以既能顯示出LOGO的圖片,又能合理運(yùn)用H1標(biāo)簽來進(jìn)行優(yōu)化網(wǎng)站標(biāo)題,一箭雙雕何樂而不為呢!
但是,懂得CSS的人也可能會說:“text-indent:-9999em這樣的代碼把文字移動給隱藏了,這樣是不是屬于作弊行為呢?”其實,經(jīng)過我多方面的研究實踐發(fā)現(xiàn),這是很正常的一種CSS的樣式,大部分網(wǎng)站都會經(jīng)常用到,比如:新浪,網(wǎng)易,搜狐等等基本都在用這種樣式。而且,在GOOGLE優(yōu)化指南中也已經(jīng)很明確的提出了這種行為是不屬于作弊的行為的。所以,大家在以后優(yōu)化網(wǎng)站的時候,可以用這種方法進(jìn)行H1標(biāo)簽優(yōu)化,來不斷加重網(wǎng)站權(quán)重,為自己的優(yōu)化事業(yè)帶來曙光。