Blog > 用户体验设计 > 让URL有更好的阅读性

让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


a span {
color: #971212;
}
a {
color: black;
font-weight:bold;
}
a span {
color: #971212;
}
a:hover {
color: #971212;
}
a:hover span {
color: black;
}

5条评论

  1. anace says:

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

  2. kuhanzhu says:

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

  3. 愆伏 says:

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

  4. 疯狂的设计 says:

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

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

发表评论

电子邮件地址不会被公开。 必填项已用 * 标注

*

您可以使用这些 HTML 标签和属性: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>