什麼是超連結?

在本文中,我們將介紹什麼是超連結以及它們為什麼重要。

先決條件 您應該瞭解網際網路是如何工作的,並熟悉網頁、網站、Web 伺服器和搜尋引擎之間的區別
目標 瞭解 Web 上的連結及其重要性。

摘要

超連結,通常稱為連結,是 Web 背後的一個基礎概念。為了解釋什麼是連結,我們需要回到 Web 架構的最基本原理。

早在 1989 年,Web 的發明者蒂姆·伯納斯-李就談到了 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。
  • 想要一些更實用的內容?我們的HTML 簡介模組中的建立超連結文章詳細解釋瞭如何在實踐中實現連結。