让URL有更好的阅读性

记得一个月前发过一篇《性感的CSS Menus》,文章里列举了一堆相关的URL。
例如这个,作者在目录的书写上用”-”进行了分词,不仅利于网站的SEO,也让URL相对利于阅读。
http://www.alvit.de/css-showcase/css-galleries-tabs-navigation-showcase.php 

而这个链接,本身域名比较长。再给出这样一个URL感觉会非常的乱。如果再来一串这样的链接,估计会比较晕了。
http://www.smashingmagazine.com/2007/03/14/css-based-navigation-menus-modern-solutions

让URL有更好的阅读性

如果我们将链接的URL进行如下的调整,可以很好的提高URL的可辨识性,用户也能更容易的记住你的站点。
让URL有更好的阅读性
点这里看例子:http://5key.net/demo/url-keyword

下载: url.css
  1. a span {
  2. color: #971212;
  3. }
  4. a {
  5. color: black;
  6. font-weight:bold;
  7. }
  8. a span {
  9. color: #971212;
  10. }
  11. a:hover {
  12. color: #971212;
  13. }
  14. a:hover span {
  15. color: black;
  16. }

Random Posts

5 条评论 发表在“让URL有更好的阅读性”上

  1. anace 说到:

    很早以前已经读过了,不过这次分享也不错。
    沙发了啊。呵呵
    欢迎回访哦
    http://www.anace.cn

    [回复]

  2. kuhanzhu 说到:

    这个在php中伪静态和apache2.0回查功能时有介绍。
    大致是说友好url面包屑导航等“用户体验”吧,既利于用户,又利于搜索引擎。就像输入一个域名,我们就可能在后面加blog字样来察看那个域名是否有个人blog一样。

    [回复]

  3. 愆伏 说到:

    不太明白,这个只是url的页面表现而已。况且额外增加的span,会使得代码的语义出现问题,本来是一个连贯的url,却要被分开。
    本身的url依然不是很友好。。。有点换汤不换药的感觉
    如果url过长的话,为什么不用用一些tiny url的服务呢

    [回复]

  4. 疯狂的设计 说到:

    你好,做个连接啊,你的已经加上了

    疯狂的设计 http://www.hazj.cn/

    [回复]

  5. 阿祠 说到:

    http://www.smashingmagazine.com/2007/03/14/css-based-navigation-menus-modern-solutions

    问下,这种过长的url怎么换行啊 [redface]

    [回复]

留下回复