從SEO角度看 Alt比Css Image友好嗎?

大傢都知道現在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 youre straight-out using CSS to hide text, dont be surprised if that is called spam. Im 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 companys name and its Expo Markers instead of an Expo Markers 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,他們的權重排名好像也沒有什麼影響!唉!難以確定的一個問題,問題還是拋給大傢吧!!

本文來源: