SEO案例 文本、關鍵字、nofollow、Web標準化（二）
上篇談到了Globalsources是如何應用“錨文本”和“關鍵字”的。這篇還是講Globalsources，我們來給它的做法改進一下，看看如何應用“nofollow”和“Web標準化”。
Globalsources的這些SEO優化，全是Stephen在06年指導他們完成的。之后，他們就一直延續了那時候的改造而沒有進一步優化。
為了處理“Global Sources Home”這個文字干擾主頁內容的表達，它用的是把文字轉化成圖片的方式。其實就像在上篇的評論中“cm”說的那樣，可以保留這個文字，而用nofollow把這個錨文本屏蔽掉的。
不知道大家還記得嗎，在“錨文本的重要性”中提到過：一個鏈接被nofollow, PR和錨文本是不會被傳遞的。所以，用了nofollow,也是一種不錯的解決方法。這樣，在大網站的話，和網頁設計人員也好交代了。不然，文字圖片化在他們看來是很奇怪的做法。這樣做不會削弱錨文本對首頁的影響力。
在那篇和ZAC的nofollw爭論后，有很多人都問我為什么不用robots.txt文件或者 meta robots標簽來控制爬蟲的抓取。其實，nofollow是這兩種方式無法替代的。具體的原因，等你真正打算用nofollow，來查看一個網頁上所有的鏈接的時候就知道。
nofollow的應用，在另一個國外大網站上已經用到了爐火純青的地步。這個或許以后可以說。
再來看“web標準化”，SEO要在這方面做文章就要時刻想著“web標準化”中的那個網頁模型。那個模型不是給網頁設計人員看的。
Globalsources 在處理logo指向首頁的鏈接中，用的是退而求其次的方法。其實不用退而求其次的，有一種更好的方法，這種方法就是“圖片替換”。有比較多的國外SEO人在用。
先看Globalsources的代碼，是這樣寫的：
- <a name=”top” href=”http://www.globalsources.com”>
- <img title=”globalsources.com – manufacturers” src=”http://…../SITE/I/GS2.GIF” border=”0″
- alt=”globalsources.com – manufacturers” />
- </a>
而“圖片替換”的代碼就是這樣的：
1，
- <div id=”logo”>
- <a href=”http://www.globalsources.com/”
- title=”globalsources.com – manufacturers”>
- globalsources.com – manufacturers</a>
- </div>
然后在CSS文件里這樣寫：
2，
- #logo a {
- background: url(http://…../SITE/I/GS2.GIF);
- height:80px;
- width:300px;
- text-indent:-1000px;
- }
這樣的做法，是先做一個完美的“內容層”和“結構層”給搜索引擎看。代碼1中，既有錨文本，又有title屬性。而不像原來一樣是沒有錨文本的，只有title屬性和alt文本。
代碼2是一個“表現層”，text-indent:-1000px; 的意思把文字偏移到屏幕的一千個像素以外。用戶看不到那些文字的。然后把那張logo圖片作為這個<div>的背景。把原來那個的logo圖片放在CSS里來了。這樣在外觀上和原來是一模一樣的。這種做法完美的平衡了用戶體驗與SEO。
這里有一個問題，就是google認不認為這個是作弊的方法。因為這個好像是隱藏內容，用戶看到的和搜索引擎看到的不一樣。這個擔心確實有點道理。不過暫時來看，這個方法要應用得當，是沒什么負面影響的。
因為這個方法其實一開始是網頁設計人員為了更好的web標準化而做的。此方法由來以久而且比較多的網頁設計人員在用。在08年11月份，有人咨詢過google的工程師，這個方法，在技術上不會被列入作弊的范圍的。但是如果你惡意應用，還是會被認為作弊。比如在里面寫一大堆東西，或者用來隱藏一篇文章等等。
這種“圖片替換”的思想就是把“內容層”的無關因素移到“表現層”。然后想辦法怎么在“內容層”和“結構層”更好的表達信息給搜索引擎看。我上次說的web標準化會有很多技巧，這就是其中一個。還有更多技巧大家可以去發掘。
【編輯推薦】
