這兩個月來，因為工作的需要，對 Web 相關的技術做了一點研究，經(jīng)過在自己的 站點 上一點實踐。覺得自己還算略有心得[實際上是剛剛入門的啦:)]。

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

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

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

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

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

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

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

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

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