什麼是超連結?

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

預備知識 您應該瞭解 網際網路是如何工作的,並熟悉 網頁、網站、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。
  • 想要更實際的內容嗎?我們的 建立連結 教程詳細介紹瞭如何實現連結。