简洁有语义的页面地址
星期一 05.01.2006 - Posted in 工作分享, - 8,817 views简洁有语义的页面地址可以让用户获取更好的体验，我觉得首先是满足了界面设计的三大原则之“减少用户记忆容量”。
简洁的URL
不简洁的url通常表现在两个方面，一是内容（目录），二是逻辑（参数）。
简洁 http://www.sohu.com/fun_pics.html
内容复杂 http://xk.cn.yahoo.com/articles/sdfs/edsf/e/070417/1/2q1.html
逻辑复杂 http://club.yule.sohu.com/yulemain.php?b=fun_pics&c=24&a=4286776
流传甚广的“15种网站最差的用户体验”中有一条，我觉得还是很有道理：
过复杂的文件目录及文件名，不利用搜索引擎对页面的拾取，并且也不利于浏览者的记忆。几乎100%的人输入网址时会用到IE的缓存，目录和文件过于复杂，排在IE缓存很靠下的地方，你当然被第二次访问的机率小的多。
不要说什么用收藏夹，你以为会有超过一半的人会用收藏夹吗？而且象我这种收藏夹过于庞大的人，想在收藏夹里找一个网址也是比较不容易的。
有语义的URL
有语义是指url本身和页面内容有联系。
有语义 http://home.wangjianshuo.com/cn/20060520_mashup_camp_c_2_.htm
无语义 http://www.rexsong.com/blog/article.asp?id=383
www.flickr.com
Flickr申请后，默认个人目录是根据id计算的一串类似"50965410@N00"加密字符串。
http://www.flickr.com/photos/50965410@N00/
开通后，可自行设置个人识别的目录，这种稍微麻烦的意义在于，个人目录可以和id不一样，提高了灵活和安全性。
http://www.flickr.com/photos/songvision/
功能性的操作，功能就是最后一级目录，非常明确。
http://www.flickr.com/photos/upload/
http://www.flickr.com/photos/organize/
群地址类似个人地址，同样可以自由设置目录和(组名)不一样。
http://www.flickr.com/groups/
http://www.flickr.com/groups/csser-org/ (CSSer)
http://www.flickr.com/groups/upa/ (UPA)
个人目录信息获取，tags是标签，sets是组。
http://www.flickr.com/photos/songvision/tags/
http://www.flickr.com/photos/songvision/tags/cutie/
http://www.flickr.com/photos/songvision/sets/
http://www.flickr.com/photos/songvision/sets/72057594135086850/
Flickr在网站主体功能上没有使用二级域名，只有图片直接调用url使用了很特殊的static。
http://www.flickr.com/photos/songvision/154795656/
Original http://static.flickr.com/65/154795656_912ae0d791_o.jpg
Medium http://static.flickr.com/65/154795656_912ae0d791.jpg
Small http://static.flickr.com/65/154795656_912ae0d791_m.jpg
Thumbnail http://static.flickr.com/65/154795656_912ae0d791_t.jpg
Square http://static.flickr.com/65/154795656_912ae0d791_s.jpg
以上例子中很容易发现，"154795656"是图片的识别码，"_o, _m, _t, _s"是规格参数，"65"和"912ae0d791"应该是加密识别的字符串，并且和图片识别码共同保证图片url是唯一的。
del.icio.us
注册的id默认为个人目录。
http://del.icio.us/songvision/
值得称道的是，对tags支持"blog+microsoft"这样的组合目录浏览。
http://del.icio.us/songvision/blog/
http://del.icio.us/songvision/blog+microsoft/
其他各方面的简洁和语义也做的挺好。
http://del.icio.us/post/
http://del.icio.us/help/linkrolls/
http://del.icio.us/settings/songvision/bundle/
www.yahoo.com
是一个很特殊的例子，呈现给用户的url都非常简洁，这是首页频道情况。
点Games打开 http://www.yahoo.com/r/28 跳转到 http://games.yahoo.com/
点Sports打开 http://www.yahoo.com/r/26 跳转到 http://sports.yahoo.com/
新闻的典型页面url，有语义且简洁清晰。
http://news.yahoo.com/s/ap/20060530/ap_on_go_pr_wh/bush
http://news.yahoo.com/s/ap/20060530/ap_on_re_la_am_ca/colombia_elections
与国内同类的三大门户新闻内容页url做个对比。
http://news.sina.com.cn/c/2006-05-30/13159069266s.shtml
http://news.sohu.com/20060530/n243477713.shtml
http://news.163.com/06/0530/00/2IB3JC5N00011229.html
URL方案
典型的博客服务网站url方案对比。
Bokee博客，使用的二级域名。Blueidea, Blogbus也采用此方案。
http://furongjiejie.bokee.com/
content url http://furongjiejie.bokee.com/5116472.html
http://flyingbird.blueidea.com/
content url http://flyingbird.blueidea.com/archives/2006/1691.shtml
http://ciox5.blogbus.com/
content url http://ciox5.blogbus.com/logs/2006/03/2137416.html
Msn个人空间，使用的二级域名的二级个人目录。Donews, Opera也采用此方案，二级域名不同而已。
http://spaces.msn.com/wateraiwa/
content url http://spaces.msn.com/wateraiwa/blog/cns!8B0902C38AF41355!169.entry
http://blog.donews.com/dodo/
content url http://blog.donews.com/dodo/archive/2006/05/17/873448.aspx
http://my.opera.com/tifa/
content url http://my.opera.com/tifa/blog/show.dml/259537
Sina博客，使用的二级域名的三级个人目录。中间的目录"u, m"是什么意思呢？而且好象不是每个人都能用上“id目录”。
http://blog.sina.com.cn/u/47579f370100044n
http://blog.sina.com.cn/m/xujinglei
content url http://blog.sina.com.cn/u/46f37fb5010003g0
Sohu博客，使用的三级域名。Hexun也采用此方案。
http://jinhaixin.blog.sohu.com/
content url http://jinhaixin.blog.sohu.com/3706253.html
http://tangwuxin.blog.hexun.com/
content url http://tangwuxin.blog.hexun.com/3906554_d.html
163博客，看起来很抽象，至少使我这个用户很迷茫。
http://www2.blog.163.com/-MBB0.html
content url http://www2.blog.163.com/article/-MBB0-u1-v2m.html
http://www5.blog.163.com/-b4Yg.html
content url http://www5.blog.163.com/article/-b4Yg-veBwV_.html
对于SNS类网站来说，我觉得delicious和flickr的url方案具有比较好的参考价值。
用户体验第一步，从地址栏开始
http://www.blueidea.com/bbs/NewsDetail.asp?lp=1&id=2593998
© 一叶千鸟（转载请留原文链接，更新于2010年07月25日2点）
flickr, del.icio.us的url形式确实“User Friendly”，也容易记忆，起到的作用跟二级域名的作用类似。
但所举的新闻网站之类的例子太失败，矫枉过正。这类用户压根不会理会你用什么形式的url，更不用说什么 “减少用户记忆容量”。
这种形式的url一定程度上是做给搜索引擎看的，因为搜索引擎处理 "&" "?"参数有一定的困难，或者说“User Friendly”后的url更容易检索（index）。
05.31.2006 9:29 上午 - 1楼新浪的u就是user,普通用户;m就是名人拉。在新浪，一般人是无法使用有意义的二级域名的，都是47579f370100044n这样的目录，据说是为了提升新浪的整体流量和排名。而更令人惊讶的是，即使是徐静蕾这样的名人博客，也只有首页二级域名是自定义的，文章的具体地址仍然是http://blog.sina.com.cn/u/46f37fb5010003gl 可见新浪对于用户权利的无视。
05.31.2006 9:39 上午 - 2楼其实说要有语义的页面地址很多时候都是一厢情愿的，页面地址有语义并不会对普通浏览者有多少帮助。
因为，绝大多数的人并不想LZ那样去记忆一个非常复杂的地址，就算是你所说的有语义的那种地址：http://home.wangjianshuo.com/cn/20060520_mashup_camp_c_2_.htm
而且是否有语义对搜索引擎根本没有任何作用。
当然，像LZ说的新浪blog的名称这样的需要固定入口的一些栏目，有一个简洁，有语义的地址是非常必要的。
05.31.2006 10:04 上午 - 3楼我的本意是想强调yahoo对频道url的处理，新闻只是顺带写上的，主要想和国内门户做个对比，并不是什么“矫枉过正”。
事实上yahoo news的目录后很多也都带有复杂的参数，处理方案和国内门户有实质上的区别。
url的friendly处理针对两个对象：search和user。类似新闻，user根本不需要关心url的类型，则毫无影响。
05.31.2006 10:22 上午 - 4楼有语意对search有多大影响我不能确定，但我能肯定对user的影响，在blog中能充分体现。
http://www.coolcha.net/blog/post/Web2.0_Design_Color_2006527.html
对url的friendly处理得看客观条件，举的N多例子只是在说明问题，不是强调如何解决问题，谢谢。
05.31.2006 10:26 上午 - 5楼有语意肯定是强过诸多冷冰冰的参数，但还要考虑技术成本
05.31.2006 11:16 上午 - 6楼新闻性的页面，例如上文所说的：http://news.sina.com.cn/c/2006-05-30/13159069266s.shtml ，语义的url 似乎意义并不大，因为它的瞬时性而变得无可厚非。而有一定资料意义的技术文章或文档，语义对 url 的意义就大了，例如 456bereastreet.com 和 alistapart.com 的 url 命名方式。
05.31.2006 11:29 上午 - 7楼语义化的 url 对 search 也是有影响的。
例如我在此增加一个链接：http://www.flickr.com/photos/songvision/tags/
05.31.2006 12:21 下午 - 8楼就相当于增加了一个名为 songvision 的关键字。
写得很好，受用了
05.31.2006 3:57 下午 - 9楼多烧好菜多出好文章
此乃好文.
09.23.2006 3:36 下午 - 10楼文章提到的 163 博客地址已经变成比较友好的了
01.12.2007 11:35 上午 - 11楼