最新下载
热门教程
- 1
- 2
- 3
- 4
- 5
- 6
- 7
- 8
- 9
- 10
Web技术:易趣 vs 淘宝
时间:2008-05-14 编辑:简简单单 来源:一聚教程网
这两个月来,因为工作的需要,对 Web 相关的技术做了一点研究,经过在自己的 站点 上一点实践。觉得自己还算略有心得[实际上是刚刚入门的啦:)]。
本着学以致用的原则,写这篇 Blog 有针对性的做个小小的分析。例子就选择易趣(ebay中国)和淘宝这对竞争对手吧。这里对两个公司的称呼排名按照字母表顺序。以下的"易趣"与"淘宝"如无特殊说明则分别指代双方的 Web 页面。
要说明的是,我这里所说的"Web技术"是个比较狭义的概念,内容将限制在 HTML、XHTML、CSS、Web Design、搜索引擎友好等几个方面上。
用 IE 打开各自的站点,从头向下看,乍一看两个站点格局类似--毕竟是竞争对手嘛,连主色调都有些雷同。先引起我注意的是淘宝首页的主导航条,居然是图片做的(分别是“我要买”、“我要卖”、“我的淘宝”、“社区”这四个),而且,那几个图片看起来也不是很漂亮,尤为严重的是,鼠标移到图片上看看,哦,很不好,没有用到 "Alt" 这个对图片非常重要的HTML 标记。这对搜索引擎来说,不是很“友好”。看看易趣,主导航条处理的还算不错,看上去舒服一些,当然了,也是用图片做的(有趣的是,易趣的导航条如果不用图片也能做出来一样效果的),不过鼠标移过去可以看到图片的说明(导航条的图片用了 "Alt" 标记)。从这一点来说,易趣的页面设计似乎稍稍强那么一点点。
在易趣站点导航条的上方,我看到了站点地图(Sitemap),找遍了淘宝的页面,我没有发现这个比较重要的站点内容。一个精心制作的站点地图对来访的用户和来访的搜索引擎机器人来说,都是很有参考性的。
既然前面说到了 Alt 标记,不妨接着看看这两个站点整个页面对图片的标记情况。通过 Mozilla Firefox 的 Pageinfo 工具,淘宝的页面内共有图片 80 个(会有一点点误差),不过只有 4 处用到了 Alt 标记。易趣呢,61幅图片,设置了 14 个 Alt 标记,但有内容的只有 7 个。另外一半的标记内是空的。这里所说的两个页面时间以 2004年12月13日22:00 为参考。检测工具是 Firefox 1.0。
上一步的比较我用了 Firefox ,需要说明一下各自在 Firefox 里的显示情况 的是,易趣在页面在 Firefox 中有了不好的表现:无法正常显示。页面出现了变形。估计是设计的时候没有针对不同的浏览器进行测试,也反映了页面代码设计的结构不太好。而淘宝的页面在 Firefox 浏览器中显示良好。得了一分。
通过 Pageinfo 工具我们了解到,淘宝的页面编码是 "GB2312",而易趣用的是 "UTF8",从这一点上如果要说个谁优谁劣有点牵强,但是要肯定的是 UTF8 的扩展性更好一些,这一点应该也和易趣(ebay中国)前一段时间和 ebay.com 总站进行整合有关。
开始看看这个两个站点的 HTML 的源代码。易趣的站点源代码,哦,居然有好大一段 CSS 在那里,复制并粘贴到写字板中,居然有 1,693 字节之多。对于一个大型电子商务站点来说,这个是大忌!想想看,每个页面如果能省下来 1,693 字节,那么一天要节省多少流量? 而如果每个页面都要多解析 1,693 字节,无形中会浪费多少金钱呢? 淘宝在这一点上处理的还算可以,页面中没有看到单独的 CSS 段落。
-
上一个: 学习网页制作:网站制作十大原则
-
下一个: 学习网页制作:网站建设的12大误区
相关文章
- 淘宝大赢家7.10今日答案 07-10
- 2023年6月10日淘宝618每日一猜答案 06-09
- 2022淘宝天猫双11预售红包玩法活动入口一览 10-24
- 淘宝如何分享多个商品给好友 淘宝分享多个商品给好友方法 04-20
- 淘宝怎么批量删除对话 淘宝批量删除对话方法 04-20
- 淘宝怎么创建心愿清单 淘宝创建心愿清单方法 04-18
热门栏目
-
php教程
php入门 php安全 php安装 php常用代码 php高级应用 -
asp.net教程
基础入门 .Net开发 C语言 VB.Net语言 WebService -
手机开发
安卓教程 ios7教程 Windows Phone Windows Mobile 手机常见问题 -
css教程
CSS入门 常用代码 经典案例 样式布局 高级应用 -
网页制作
设计基础 Dreamweaver Frontpage js教程 XNL/XSLT -
办公数码
word excel powerpoint 金山WPS 电脑新手 -
jsp教程
Application与Applet J2EE/EJB/服务器 J2ME开发 Java基础 Java技巧及代码