大家都知道現在div+css版面很流行,其中css讓網頁的內容和表現形式分離,精簡了網頁程式碼,改幾個程式碼,又一個新的網頁風格,呵呵!打開速度就不用說了!但在從seo的角度看,隱藏文字是seo作弊! ! css是不是上面所說的很完美嗎?我也不是確定,所以大家一起討論下css image可完美替代標籤img?當然也包括alt了!
1.一般網頁中圖片的html代碼如下:
<h1>
<img src="images/logo.jpg" alt="logo name" />
</h1>
2.如果用css代替,先寫一段css程式碼(其中.logo為類別選擇器):
h1.main-logo {
width: 300px; height: 50px;
background: url(images/logo.jpg);
text-indent: -9999px;
}
你在網頁中呼叫css,程式碼就如下:
<h1 class="main-logo">Logo name</h1>
上面的兩種表現方式完全一樣,但css表現圖片的方式會使Logo name這幾個字隱藏在文本中,從seo的角度看,是作弊嗎? (seo高手請留言!)
為什麼大家都喜歡用這個css呢?原因就不說明了,前面已經提過了!但搜尋引擎能明白嗎?雖然網頁的開啟速度對使用者體現了友好,但搜尋引擎能明白嗎?大家都知道,搜尋引擎只認識文字,不認識圖片!利用css,很明顯的就是隱藏文本,搜尋引擎對隱藏文本的seo作弊會做出嚴厲的懲罰!但利用css,技術上是合情合理,google和其它搜尋引擎能明白嗎?
我們看看Google公司資深的資深工程師Matt Cutts怎麼說?
If you're straight-out using CSS to hide text, don't be surprised if that is called spam. I'm not saying that mouseovers or DHTML text or have-a-logo-but-also-have-text is spam ; I answered that last one at a conference when I said “imagine how it would look to a visitor, a competitor, or someone checking out a spam report. If you show your company's name and it's Expo Dealer instead's logoers logs logs logle,itstead's Expo 是 Markiters of logo you should be fine. If the text you decide to show is 'Expo Markers cheap online discount buy online Expo Markers sale …' then I would be more cautious, because that can look bad.
從他的話可以看出,若故意去利用css玩seo,呵呵,那就有點危險了!若合情合理去利用css提高用戶友善度,那就沒有好擔心的了。
後記:我還是有心的去看了google的logo,它利用的是本文第一點所提的img。而我看有些維基百科利用的是css image,他們的權重排名好像也沒有什麼影響!唉!難以確定的一個問題,問題還是拋給大家吧! !
本文來源: www.bobaiyou5.com
感謝博百優的投稿