這(zhè)兩個(gè)月(yuè)來(lái)，因為(wèi)工(gōng)作(zuò)的(deφ)需要(yào)，對(duì) Web 相(xiàng)關的(de)技(jì)術(shù)做(zuò)了(le)一(yī)±點研究，經過在自(zì)己的(de) 站(zhàn)點 上(shàng)一(yī)點實踐。覺得(de)自(zì)己還(hái↑)算(suàn)略有(yǒu)心得(de)[實際上(shàng)是(shì)剛剛入門(mén)的(de)啦:)]。

     本著(zhe)學以緻用(yòng)的(de)原則，寫這(zhè)篇 Blog 有(yǒu)針對(duì)性的(d↔e)做(zuò)個(gè)小(xiǎo)小(xiǎo)的(de)分(fēn)析。例子(zǐ)就(jiù)選擇易趣(ebay中國(guó))和(h é)淘寶這(zhè)對(duì)競争對(duì)手吧(ba)。這(zhè)裡(lǐ)對(duì)兩個(&gè)公司的(de)稱呼排名按照(zhào)字母表順序。以下(xià)的(de)"易趣"與"淘寶"如(rú)無特ε殊說(shuō)明(míng)則分(fēn)别指代雙方的(de) Web 頁面。

     要(yào)說(shuō)明(míng)的(de)是∞(shì)，我這(zhè)裡(lǐ)所說(shuō)的(de)"Web技(jì)術(shù)"是(shì)個(gè)比較‌狹義的(de)概念，內(nèi)容将限制(zhì)在 HTML、XHTML、CSS、Web Design、搜索引擎友(yǒu)好(hǎo)等幾個(gè)方面上(shàng≤)。

      用(yòng) IE 打開(kāi)各自(zì)的(de)站(zhàn)點，從(cóng)頭向下(x¥ià)看(kàn)，乍一(yī)看(kàn)兩個(gè)站(zhàn)點格局類似--畢竟是(shì)競争對(duì)手嘛，連主色調都(d≤ōu)有(yǒu)些(xiē)雷同。先引起我注意的(de)是(shì)淘寶首頁的(de)主導航條，居然是(shì)圖片做(z±uò)的(de)(分(fēn)别是(shì)“我要(yào)買”、“我要(yào)賣”、“我的(de)淘寶”、“社區(qū)”這(zhè)四個(gè))，₩而且，那(nà)幾個(gè)圖片看(kàn)起來(lái)也(yě)不(bù)是(shì)很(hěn)漂亮(liàng)，尤為(wèi)嚴重的(de)是₽(shì)，鼠标移到(dào)圖片上(shàng)看(kàn)看(kàn)，哦，很(hěn)不(bù)好(hǎo)，沒有(yǒu)用(yòng)到(dào) ♠"Alt" 這(zhè)個(gè)對(duì)圖片非常重要(yào)的(de)HTML 标記。這(zhè)對(duì)搜索引擎來(lái)說(sh‌uō)，不(bù)是(shì)很(hěn)“友(yǒu)好(hǎo)”。看(kàn)看(kàn)易趣，主導航條處理(lǐ)的(de)還(hái)算(suàn)不(bù)錯(cuò)，看•(kàn)上(shàng)去(qù)舒服一(yī)些(xiē)，當然了(le)，也(yě)是(shì)用(yòng)圖片做(zuò)的(de)(有(yǒu)趣的(de)是(s≈hì)，易趣的(de)導航條如(rú)果不(bù)用(yòng)圖片也(yě)能(néng)做(zuò)出來(lái)一(yī)樣效果的(de))，不( bù)過鼠标移過去(qù)可(kě)以看(kàn)到(dào)圖片的(de)說(shuō)明(míng)(導航條的(de)圖片用(yòng)了(le) "Alt" 标記)。從(c≥óng)這(zhè)一(yī)點來(lái)說(shuō)，易趣的(de)頁面設計(jì)似乎稍稍強那€(nà)麽一(yī)點點。

      在易趣站(zhàn)點導航條的(de)♦上(shàng)方，我看(kàn)到(dào)了(le)站(zhàn)點地(dì)圖(Sitemap)，找遍了(le)淘寶的(de)頁面，我沒有(yǒu)發現(x iàn)這(zhè)個(gè)比較重要(yào)的(de)站(zhàn)點內(nèi)容。一(yī)個(gè☆)精心制(zhì)作(zuò)的(de)站(zhàn)點地(dì)圖對(duì)來(lái)訪的(de)用(yòng)戶和(≠hé)來(lái)訪的(de)搜索引擎機(jī)器(qì)人(rén)來(lái)說(shuō)，都(dōu)是(shì)很≥(hěn)有(yǒu)參考性的(de)。

      既然前面說(shuō)到(dào)了(le) Alt 标記，不(bù)妨接著(zhe)看(kàn)看(kàn)這(zhè)兩™個(gè)站(zhàn)點整個(gè)頁面對(duì)圖片的(de)标記情況。通(tōng)過 Mozilla Firefox 的(de) ​Pageinfo 工(gōng)具，淘寶的(de)頁面內(nèi)共有(yǒu)圖片 80 個(gè)(會("huì)有(yǒu)一(yī)點點誤差)，不(bù)過隻有(yǒu) 4 處用(yòng)到(dào)了(le) Alt 标記。易趣呢(ne)，61幅圖片，設置了(le→) 14 個(gè) Alt 标記，但(dàn)有(yǒu)內(nèi)容的(de)隻有(yǒu) 7 個(gè)。另外(wài)一(•yī)半的(de)标記內(nèi)是(shì)空(kōng)的(de)。這(zhè)裡(lǐ)所說(shuō)的(de)兩個(‌gè)頁面時(shí)間(jiān)以 2004年(nián)12月(yuè)13日(rì)22:00 為(wèi)參£考。檢測工(gōng)具是(shì) Firefox 1.0。

       上(shàng)一(yī)步的(de)比較我用(yòng)了(le) Firefox ，需要(yào) 說(shuō)明(míng)一(yī)下(xià)各自(zì)在 Firefox 裡(lǐ)的(de)顯示情況 的(de)是(εshì)，易趣在頁面在 Firefox 中有(yǒu)了(le)不(bù)好(hǎo)的(de)表現(xiàn)‌：無法正常顯示。頁面出現(xiàn)了(le)變形。估計(jì)是(shì)設計(jì)的(de)時(s±hí)候沒有(yǒu)針對(duì)不(bù)同的(de)浏覽器(qì)進行(xíng)測試，也(yě)反映了(le±)頁面代碼設計(jì)的(de)結構不(bù)太好(hǎo)。而淘寶的(de)頁面在 Firefox 浏覽器(qì)中顯示良好(hǎo)。得(de)了(le)一(yī)分(fēn)。

      通(tōng)過 Pageinfo 工(gōng)具我±們了(le)解到(dào)，淘寶的(de)頁面編碼是(shì) "GB2312",而易趣用(yòng)的(de)是(shì) "UTF8"，從(£cóng)這(zhè)一(yī)點上(shàng)如(rú)果要(yào)說(shuō)個(gè)誰優誰劣有(yǒu)點牽強，但(dàn)是(sh​ì)要(yào)肯定的(de)是(shì) UTF8 的(de)擴展性更好(hǎo)一(yī)些(xiē)，這(zhè)一(yī)點應該也(yě)和(hé)易趣(ebay中國(εguó))前一(yī)段時(shí)間(jiān)和(hé) ebay.com 總站(zhàn)進行(xíng)整合有(yǒ→u)關。

       開(kāi)始看(kàn)看(kàn)這(zhè)™個(gè)兩個(gè)站(zhàn)點的(de) HTML 的(de)源代碼。易趣的(de)站(zhàn)點源代碼，哦，居然有(yǒu)好(hǎo)大(dà)一(yī)段 CSφS 在那(nà)裡(lǐ)，複制(zhì)并粘貼到(dào)寫字闆中，居然有(yǒu) 1,693 字節之多(duō)。對(duì)于一♠(yī)個(gè)大(dà)型電(diàn)子(zǐ)商務站(zhàn)點來(lái)說(shuō)，這(zhè)個(gè)是(shì)大(dà)忌！想想看(kàn)，每個(gè)頁面如(rσú)果能(néng)省下(xià)來(lái) 1,693 字節,那(nà)麽一(yī)天要(yào)節省多(duō)少(shǎo)流量? 而如(rú)果每個(gè)頁±面都(dōu)要(yào)多(duō)解析 1,693 字節，無形中會(huì)浪費(fèi)多(duō)少(shǎo)金(jīn)錢(qián)呢(ne)? 淘寶在這(zhè)一→(yī)點上(shàng)處理(lǐ)的(de)還(hái)算(suàn)可(kě)以，頁面中沒有(yǒu)看(>kàn)到(dào)單獨的(de) CSS 段落。

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