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

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

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

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

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

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

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

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

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

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