這兩個月來，因?yàn)楣ぷ鞯男枰?，?Web 相關(guān)的技術(shù)做了一點(diǎn)研究，經(jīng)過在自己的 站點(diǎn) 上一點(diǎn)實(shí)踐。覺得自己還算略有心得[實(shí)際上是剛剛?cè)腴T的啦:)]。

     本著學(xué)以致用的原則，寫這篇 Blog 有針對性的做個小小的分析。例子就選擇易趣(ebay中國)和淘寶這對競爭對手吧。這里對兩個公司的稱呼排名按照字母表順序。以下的"易趣"與"淘寶"如無特殊說明則分別指代雙方的 Web 頁面。

     要說明的是，我這里所說的"Web技術(shù)"是個比較狹義的概念，內(nèi)容將限制在 HTML、XHTML、CSS、Web Design、搜索引擎友好等幾個方面上。

      用 IE 打開各自的站點(diǎn)，從頭向下看，乍一看兩個站點(diǎn)格局類似--畢竟是競爭對手嘛，連主色調(diào)都有些雷同。先引起我注意的是淘寶首頁的主導(dǎo)航條，居然是圖片做的(分別是“我要買”、“我要賣”、“我的淘寶”、“社區(qū)”這四個)，而且，那幾個圖片看起來也不是很漂亮，尤為嚴(yán)重的是，鼠標(biāo)移到圖片上看看，哦，很不好，沒有用到 "Alt" 這個對圖片非常重要的HTML 標(biāo)記。這對搜索引擎來說，不是很“友好”。看看易趣，主導(dǎo)航條處理的還算不錯，看上去舒服一些，當(dāng)然了，也是用圖片做的(有趣的是，易趣的導(dǎo)航條如果不用圖片也能做出來一樣效果的)，不過鼠標(biāo)移過去可以看到圖片的說明(導(dǎo)航條的圖片用了 "Alt" 標(biāo)記)。從這一點(diǎn)來說，易趣的頁面設(shè)計似乎稍稍強(qiáng)那么一點(diǎn)點(diǎn)。

      在易趣站點(diǎn)導(dǎo)航條的上方，我看到了站點(diǎn)地圖(Sitemap)，找遍了淘寶的頁面，我沒有發(fā)現(xiàn)這個比較重要的站點(diǎn)內(nèi)容。一個精心制作的站點(diǎn)地圖對來訪的用戶和來訪的搜索引擎機(jī)器人來說，都是很有參考性的。

      既然前面說到了 Alt 標(biāo)記，不妨接著看看這兩個站點(diǎn)整個頁面對圖片的標(biāo)記情況。通過 Mozilla Firefox 的 Pageinfo 工具，淘寶的頁面內(nèi)共有圖片 80 個(會有一點(diǎn)點(diǎn)誤差)，不過只有 4 處用到了 Alt 標(biāo)記。易趣呢，61幅圖片，設(shè)置了 14 個 Alt 標(biāo)記，但有內(nèi)容的只有 7 個。另外一半的標(biāo)記內(nèi)是空的。這里所說的兩個頁面時間以 2004年12月13日22:00 為參考。檢測工具是 Firefox 1.0。

       上一步的比較我用了 Firefox ，需要說明一下各自在 Firefox 里的顯示情況 的是，易趣在頁面在 Firefox 中有了不好的表現(xiàn)：無法正常顯示。頁面出現(xiàn)了變形。估計是設(shè)計的時候沒有針對不同的瀏覽器進(jìn)行測試，也反映了頁面代碼設(shè)計的結(jié)構(gòu)不太好。而淘寶的頁面在 Firefox 瀏覽器中顯示良好。得了一分。

      通過 Pageinfo 工具我們了解到，淘寶的頁面編碼是 "GB2312",而易趣用的是 "UTF8"，從這一點(diǎn)上如果要說個誰優(yōu)誰劣有點(diǎn)牽強(qiáng)，但是要肯定的是 UTF8 的擴(kuò)展性更好一些，這一點(diǎn)應(yīng)該也和易趣(ebay中國)前一段時間和 ebay.com 總站進(jìn)行整合有關(guān)。

       開始看看這個兩個站點(diǎn)的 HTML 的源代碼。易趣的站點(diǎn)源代碼，哦，居然有好大一段 CSS 在那里，復(fù)制并粘貼到寫字板中，居然有 1,693 字節(jié)之多。對于一個大型電子商務(wù)站點(diǎn)來說，這個是大忌！想想看，每個頁面如果能省下來 1,693 字節(jié),那么一天要節(jié)省多少流量? 而如果每個頁面都要多解析 1,693 字節(jié)，無形中會浪費(fèi)多少金錢呢? 淘寶在這一點(diǎn)上處理的還算可以，頁面中沒有看到單獨(dú)的 CSS 段落。

      SEO 的努力。在易趣的頁面中沒有發(fā)現(xiàn)明顯的 SEO(Search Engine Optimization,搜索引擎優(yōu)化)的"痕跡",比較“坦然”。淘寶呢，充分顯示了在這方面的“急功近利”，Meta標(biāo)記中，可以看到"keywords"和"description"部分加入了好長的一串站點(diǎn)常見的產(chǎn)品名字，大家都知道，現(xiàn)在大多數(shù)搜索引擎都不關(guān)心 Meta 標(biāo)記中的 Keywords 內(nèi)容了，這種做法一般被稱作“Keywords spam”，是一種很蹩腳的 SEO 方法?？磥硖詫殞γ芜€是比較關(guān)心的，只是未得其法。這一點(diǎn)也可以理解。