网站设计做好超级链接的重要性

作者:GoL 来源:I'm GoL 时间:2007-09-14 11:19:00 

可以说,互联网就是由一个个链接进行信息流通的。没有连接的网站如同一潭死水,毫无生气。当一个访客进入你的网站,在浏览的过程中,如果你的内容不引起访客的兴趣,那你就要意识到,在某个标记上加一个链接,否则,你将会失去一位访客。而这位访客带来的和带走的不仅仅是一个人的信息,其潜在的信息是不可估量的。

很多人害怕加了一个外部的连接(指向其他网站的连接)就会直接流失一位访客,或者给其他网站带来了所谓的IP。作为一个站长,不应该小气,不应该强制性的留着用户。应该让用户自主选择。互联网就是一个宝库,由人们去发掘分享以及收藏。当你分享了一个外部的连接,如果这个连接给访客带来了感兴趣的信息,那么访客一方面会记住这个感兴趣的网站,另一方面也会继续留意,留意那个给他带来感兴趣内容的网站。

我们一起来发掘并且分享链接这道美味的大餐吧。

1、亮起你的链接。

千万不要设置一个<a>和<p>的font color相同。你应该用一种对比色,来刺激用户:这是一个链接。

2、为你的链接加一个hover。

如果你已经用颜色来区分了<a>和<p>,那么,请进一步为这个<a>加上合适的hover,让这个链接在激活的时候,产生变化,让用户确信,这是一个连接。

3、不要试图改变鼠标的样式。

很多站长为了个性,试图改变用户的鼠标样式。但这样的方式不可取,通常令到一个浏览者区别某个图片或者文字是否带有连接,鼠标样式是一个重要因素之一。

4、为你的连接加上title。

<a href="http://imgol.com">已经可以产生了一个连接,但,在毫无任何提示下,这个连接会怎么被人理解呢?在多数浏览者进入一个陌生的网站,他们在接触每一个连接的时候,都会潜意识把鼠标停留在这个连接一秒,以便试图发现一些他们想要的信息。试问,注重用户体验的你,会让你的访客失望吗?

所以我们正确的写法<a href="http://imgol.com" title="I'm GoL - Enjoy design Enjoy life">

5、区分target。

对于一个连接,很多人都给连接定义一个target。最常用的target是_self和_blank。(先不讨论target是否符合W3C,在中国网络使用者习惯中,有必要使用target)而我们有必要区分_self和_blank的样式吗?答案是:没必要,但是为了培养你的用户的习惯,你最好区别。

_self是在同一页面进行切换的连接,我把它称之为内部连接。

_blank是新建一个页面进行切换的连接,我把它称之为外部连接。

在培养一个用户在你网站的使用习惯,你必须让他们知道,哪个是内部的连接,哪个是外部的连接。

我们用css定义一下。


.link_self a {color:red}
.link_self a:hover {color:black}
.link_blank a {color:blue}
.link_blank a:hover {color:black}



当我们实现内部连接和外部连接的区分时,我们应该这样写html代码:


<span class="link_self"><a href="http://imgol.com" title="I’m GoL - Enjoy design Enjoy life" target="_self">内部连接</a></span>
<span class="link_blank"><a href="http://imgol.com" title="I’m GoL - Enjoy design Enjoy life" target="_self">外部连接</a></span> 



链接是一件很愉快的事情,友好的连接会节省用户的浏览时间,也节省了站长的工作量。发现一个好网站,用连接去说明,比直接搬那网站的内容过来要好。

还有,链接不是AD,链接的作用在于分享,若浏览者不喜,可以不点。关键是你是否分享了。

原文出处:http://imgol.com/show-294-1.html

标签:链接,内部链接,外部链接
0
投稿

猜你喜欢

  • Django连接MQTT的示例代码

    2022-10-04 22:40:39
  • 使用XML配置c3p0数据库连接池

    2024-01-22 11:15:02
  • python 执行文件时额外参数获取的实例

    2022-09-24 05:46:54
  • python对url格式解析的方法

    2024-01-02 02:57:24
  • MySQL索引背后的之使用策略及优化(高性能索引策略)

    2024-01-23 04:21:19
  • python3获取当前文件的上一级目录实例

    2021-06-03 02:22:22
  • Tensorflow2.1实现Fashion图像分类示例详解

    2021-01-28 03:59:52
  • Python调用Redis的示例代码

    2021-02-10 09:51:10
  • JavaScript让Textarea支持tab按键的方法

    2024-05-05 09:15:00
  • 使用Python将Mysql的查询数据导出到文件的方法

    2024-01-17 21:36:22
  • pytest自动化测试fixture的作用域实例化顺序及可用性

    2022-06-22 14:46:30
  • Python3使用tesserocr识别字母数字验证码的实现

    2021-02-16 11:51:26
  • Pytorch通过保存为ONNX模型转TensorRT5的实现

    2023-10-22 13:45:27
  • asp如何做一个分页程序?

    2010-07-11 21:13:00
  • mysql 8.0.12安装配置方法图文教程(Windows版)

    2024-01-13 14:57:40
  • PyTorch CNN实战之MNIST手写数字识别示例

    2021-09-06 15:20:21
  • 八个有用的WordPress的SQL语句

    2009-01-12 18:54:00
  • 关于python 读取csv最快的Datatable的用法,你都学会了吗

    2022-02-22 20:38:32
  • javascript中的变量是传值还是传址的?

    2024-04-10 10:52:28
  • js创建jsonArray传输至后台及后台全面解析

    2024-05-03 15:57:47
  • asp之家 网络编程 m.aspxhome.com