什么是超链接?

在本文中,我们将介绍什么是超链接以及它们为何如此重要。

预备知识 您应该了解 互联网是如何工作的,并熟悉 网页、网站、Web 服务器和搜索引擎之间的区别
目标 了解 Web 上的链接及其重要性。

总结

超链接,通常称为链接,是 Web 的基本概念。为了解释什么是链接,我们需要回顾一下 Web 架构的最基本原理。

早在 1989 年,Web 的发明者 Tim Berners-Lee 就提到了 Web 所依赖的三大支柱

  1. URL,一种用于跟踪 Web 文档的地址系统
  2. HTTP,一种在给定 URL 时用于查找文档的传输协议
  3. HTML,一种允许嵌入式超链接的文档格式

正如您在三大支柱中看到的,Web 上的一切都围绕着文档以及如何访问它们。Web 最初的目的是提供一种轻松获取、阅读和导航文本文档的方式。从那时起,Web 已经发展到提供对图像、视频和二进制数据的访问,但这些改进几乎没有改变三大支柱。

在 Web 出现之前,访问文档并从一个文档移动到另一个文档非常困难。URL 本身是人类可读的,已经使事情变得更容易,但每次想要访问文档时键入一个长 URL 仍然很麻烦。这就是超链接彻底改变一切的地方。链接可以将任何文本字符串与 URL 相关联,这样用户就可以通过激活链接即时到达目标文档。

链接通过下划线和蓝色文本与周围的文本区分开来。点按或单击链接即可激活它,或者如果您使用键盘,请按 Tab 键直到链接获得焦点,然后按 Enter 键或空格键。

Example of a basic display and effect of a link in a web page

链接是使 Web 如此有用和成功的突破。在本文的其余部分,我们将讨论各种类型的链接及其对现代 Web 设计的重要性。

深入探讨

正如我们所说,链接是与 URL 绑定的文本字符串,我们使用链接来实现从一个文档轻松跳转到另一个文档。话虽如此,还有一些细微之处值得考虑

两个网页之间的链接,其中两个网页属于同一网站,称为内部链接。没有内部链接,就没有网站(当然,除非它是一个单页网站)。

从您的网页到他人网页的链接。没有外部链接,就没有 Web,因为 Web 是一个网页网络。使用外部链接提供您的网页上没有的信息。

从他人网页到您网站的链接。这是外部链接的反义词。请注意,当有人链接到您的网站时,您不必回链。

在构建网站时,请专注于内部链接,因为这些链接使您的网站可用。在链接过多和链接过少之间找到一个好的平衡。我们将在另一篇文章中讨论如何设计网站导航,但通常来说,每当您添加一个新网页时,请确保您至少有一个其他页面链接到该新页面。另一方面,如果您的网站有十页以上,从每个页面链接到每个其他页面会适得其反。

刚开始时,您不必过于担心外部链接和入站链接,但如果您希望搜索引擎找到您的网站,它们非常重要(详情请参见下文)。

锚点

大多数链接将两个网页连接在一起。锚点将一个文档的两个部分连接在一起。当您遵循指向锚点的链接时,您的浏览器会跳转到当前文档的另一部分,而不是加载新文档。但是,您可以使用与创建其他链接相同的方式来创建和使用锚点。

Example of a basic display and effect of an anchor in a web page

链接对于用户和搜索引擎都很重要。每次搜索引擎抓取一个网页时,它们都会通过遵循网页上的可用链接来索引网站。搜索引擎不仅会通过链接发现网站的各个页面,还会利用链接的可见文本来确定哪些搜索查询适合指向目标网页。

链接会影响搜索引擎链接到您网站的容易程度。麻烦的是,很难衡量搜索引擎的活动。公司自然希望他们的网站在搜索结果中排名很高。我们对搜索引擎如何确定网站排名了解以下信息

  • 链接的可见文本会影响哪些搜索查询会找到给定的 URL。
  • 网页拥有的入站链接越多,其在搜索结果中的排名就越高。
  • 外部链接会影响源网页和目标网页的搜索排名,但影响程度尚不清楚。

SEO(搜索引擎优化)是研究如何使网站在搜索结果中排名靠前的学科。改进网站的链接使用是一项有用的 SEO 技术。

后续步骤

现在您将希望设置一些包含链接的网页。

  • 为了获得更多理论背景,请了解 URL 及其结构,因为每个链接都指向一个 URL。
  • 想要更实际的内容吗?我们的 创建链接 教程详细介绍了如何实现链接。