按鈕與連結詞條 2-02

連結Link

也常叫做:超連結、錨點(頁內連結)、Hyperlink

你可能會這樣說

點了會跳到別頁的那種字,叫連結對吧?我想讓「了解更多」點了去看教學文。

白話解釋

連結是網頁通往網頁的門:點了就去另一個地方——別的網站、站內其他頁,或同一頁的某個段落(錨點)。整個網際網路就是靠連結互相接起來的。

好的連結有兩個樸素的要求:看得出來可以點(顏色或底線,二者至少一樣),以及文字講清楚會去哪。「了解更多」「點這裡」這種連結文字,使用者要點了才知道去哪——改成「查看退款政策」,連 Google 都會更喜歡你。

跟 AI 協作時,連結最常見的問題是「看起來像連結但點了沒反應」——因為 AI 給的常常只是樣式,還沒填目的地(href)。記得跟它要完整:連去哪、開新分頁還是原分頁。

親手試試

這是一段普通的內文,裡面藏了一個連到外部教學文章的連結;底下還有一個跳回站內某個段落的錨點連結。連結不一定要長得像字——看起來像按鈕的連結也是連結,因為它點了是「帶你去別頁」。

(把滑鼠移到上面的連結上——真正的連結,瀏覽器左下角會顯示目的地)
圖 2-2 試試這三種連結:外部連結、站內錨點、看起來像按鈕的連結。

別搞混

連結和按鈕互搶工作的狀況很常見,界線其實只有一條。

連結 Link

點了換地方。逛去的動作:看文章、跳首頁、下載檔案。滑鼠移上去,瀏覽器左下角會顯示目的地——這是連結獨有的特徵。

按鈕 Button

點了做事,而且還在同一頁:送出、存檔、展開選單。同一件事「前往結帳頁」該用連結還是按鈕可以討論,但「送出這張表單」永遠是按鈕。

這樣對 AI 說

中文就可以
請幫我調整網站裡的連結:

1. 內文裡的連結要有底線(滑鼠移上去底線換色),站內導覽的連結不用底線。
2. 「查看退款政策」這個連結請連到 /policies/refund 這頁,在原分頁開啟。
3. 連到別的網站的連結(例如我們的 Facebook 粉絲團)請開新分頁。
4. 全站搜一下「點這裡」「了解更多」這類連結文字,列出清單讓我改成有意義的文字。

最後一條很值得:讓 AI 當稽核員,把模糊連結文字列出來,你只要改字不用自己找。

延伸閱讀

同一課的其他詞