Successfully reported this slideshow.
We use your LinkedIn profile and activity data to personalize ads and to show you more relevant ads. You can change your ad preferences anytime.
产品设计:URL<br />    Ken@baicai.com<br />
index<br />类型:<br />动态型,静态型<br />带扩展名,不带扩展名<br />数值型,内容型<br />目录型,非目录型<br />长型,短型<br />Html 型,非HTML型<br />从大到小,从总到分<br />问...
动态?静态?<br />例子<br />/product.php?id=123<br />/product/123<br />选用静态型<br />用户不需要知道 html/php/asp/jsp…<br />早期 web server 基于文...
数值型?内容型?<br />例子<br />/product/123<br />/product/suzuki-cultus-tie-rod-end<br />/product/suzuki-cultus-tie-rod-end-id123<b...
目录型?非目录型?<br />例子<br />/product/suzuki-cultus-tie-rod-end/<br />/product/suzuki-cultus-tie-rod-end<br />尽量选用非目录型<br />除非他下...
从大到小?从总到分?<br />例子<br />/archives/2009/12/abc<br />/archives/200912/abc<br />/archives/abc<br />
长?短?<br />例子<br />/archives/2009/12/abc<br />/archives/abc<br />special.baicai.com<br />zt.baicai.com<br />hr.baicai.com/u...
问题:连接线<br />例子<br />/archives/2009/12/hello_world<br />/archives/200912/hello-world<br />在链接有下划线的情况下,用户不易分清是空格还是下划线<br />使...
问题:大小写<br />例子<br />/archives/2009/12/HelloWorld<br />/archives/200912/hello-world<br />用户分不清什么时候应该大小写<br />全部使用小写<br />
问题:语义化<br />例子<br />/archives/2009/12/123<br />/product/suzuki-cultus-tie-rod-end<br />让用户一看就知道当前主题内容<br />但是中文不适合,如何?<br ...
问题:非英文编码<br />例子<br />/archives/2009/12/你好<br />/archives/200912/%C4%E3%BA%C3<br />不要使用中文做为URL的参数或组成;<br />一定要使用时要做 urlenc...
问题:不使用空格<br />例子<br />/archives/2009/12/hello world<br />/archives/2009/12/hello%20world<br />
问题:长度<br />浏览器有不同的约定:<br />IE:2083 字节,其中纯路径部分不超2048字节。 <br />Firefox:超过 65536 字符后就不再显示。 <br />Safari:到 80000 字符还工作得好好的。 <b...
小结:设计原则<br />静态比动态好<br />短比长好<br />清晰与含糊好<br />简单比复杂好<br />优雅比肮脏好<br />照顾用户的感受,用户在意URL<br />Simple is better!<br />
谢谢大家<br />
Upcoming SlideShare
Loading in …5
×

产品设计:URL 设计

2,654 views

Published on

Published in: Technology
  • Be the first to comment

产品设计:URL 设计

  1. 1. 产品设计:URL<br /> Ken@baicai.com<br />
  2. 2. index<br />类型:<br />动态型,静态型<br />带扩展名,不带扩展名<br />数值型,内容型<br />目录型,非目录型<br />长型,短型<br />Html 型,非HTML型<br />从大到小,从总到分<br />问题:<br />连接线<br />大小写<br />语义化<br />非英文编码<br />长度<br />空格<br />
  3. 3. 动态?静态?<br />例子<br />/product.php?id=123<br />/product/123<br />选用静态型<br />用户不需要知道 html/php/asp/jsp…<br />早期 web server 基于文件后缀解析<br />URL 只是一个寻址对象,意义在于标识<br />标识应该简洁和优雅<br />短比长好 simple is better<br />利用 URLRewrite重写<br />
  4. 4. 数值型?内容型?<br />例子<br />/product/123<br />/product/suzuki-cultus-tie-rod-end<br />/product/suzuki-cultus-tie-rod-end-id123<br />尽量选用内容型<br />用户看地址就知道内容<br />有利于 SEO(关键词布局)<br />不适合中文<br />
  5. 5. 目录型?非目录型?<br />例子<br />/product/suzuki-cultus-tie-rod-end/<br />/product/suzuki-cultus-tie-rod-end<br />尽量选用非目录型<br />除非他下面真的还有内容<br />/product/category/a/<br />/product/category/a/arake-disc<br />我偏好非目录型<br />目录型有开发上的便利(?)<br />
  6. 6. 从大到小?从总到分?<br />例子<br />/archives/2009/12/abc<br />/archives/200912/abc<br />/archives/abc<br />
  7. 7. 长?短?<br />例子<br />/archives/2009/12/abc<br />/archives/abc<br />special.baicai.com<br />zt.baicai.com<br />hr.baicai.com/user.php?name=jade<br />hr.baicai.com/i/jade<br />Abc.com/123.html<br />Abc.com/job/123<br />
  8. 8. 问题:连接线<br />例子<br />/archives/2009/12/hello_world<br />/archives/200912/hello-world<br />在链接有下划线的情况下,用户不易分清是空格还是下划线<br />使用中杠线做连接符<br />
  9. 9. 问题:大小写<br />例子<br />/archives/2009/12/HelloWorld<br />/archives/200912/hello-world<br />用户分不清什么时候应该大小写<br />全部使用小写<br />
  10. 10. 问题:语义化<br />例子<br />/archives/2009/12/123<br />/product/suzuki-cultus-tie-rod-end<br />让用户一看就知道当前主题内容<br />但是中文不适合,如何?<br />/job/5566<br />/company/234<br />/category/seo<br />/area/guangzhou<br />/key/name(id),规则:/什么/多少<br />/view/123:无法分清当前对象,“看”什么?<br />不使用 ad 字样在 url中;<br />
  11. 11. 问题:非英文编码<br />例子<br />/archives/2009/12/你好<br />/archives/200912/%C4%E3%BA%C3<br />不要使用中文做为URL的参数或组成;<br />一定要使用时要做 urlencode处理;<br />早期百度不认中文URL;<br />在很多应用中,中文不能被链接;<br />转码后太长,不够简洁;<br />/archives/你好<br />/archives/%C4%E3%BA%C3<br />
  12. 12. 问题:不使用空格<br />例子<br />/archives/2009/12/hello world<br />/archives/2009/12/hello%20world<br />
  13. 13. 问题:长度<br />浏览器有不同的约定:<br />IE:2083 字节,其中纯路径部分不超2048字节。 <br />Firefox:超过 65536 字符后就不再显示。 <br />Safari:到 80000 字符还工作得好好的。 <br />Opera:到 190000 字符的时候,还正常工作。 <br />Web 服务器:<br />Apache Web 服务器在接收到大约 4000 字符长的URL时候产生“413 Entity Too Large”错误。 <br />IIS 默认接收的最大 URL 是 16384 字符。 <br />
  14. 14. 小结:设计原则<br />静态比动态好<br />短比长好<br />清晰与含糊好<br />简单比复杂好<br />优雅比肮脏好<br />照顾用户的感受,用户在意URL<br />Simple is better!<br />
  15. 15. 谢谢大家<br />

×