按鈕與連結詞條 2-02
連結Link
也常叫做:超連結、錨點(頁內連結)、Hyperlink
你可能會這樣說
點了會跳到別頁的那種字,叫連結對吧?我想讓「了解更多」點了去看教學文。
白話解釋
連結是網頁通往網頁的門:點了就去另一個地方——別的網站、站內其他頁,或同一頁的某個段落(錨點)。整個網際網路就是靠連結互相接起來的。
好的連結有兩個樸素的要求:看得出來可以點(顏色或底線,二者至少一樣),以及文字講清楚會去哪。「了解更多」「點這裡」這種連結文字,使用者要點了才知道去哪——改成「查看退款政策」,連 Google 都會更喜歡你。
跟 AI 協作時,連結最常見的問題是「看起來像連結但點了沒反應」——因為 AI 給的常常只是樣式,還沒填目的地(href)。記得跟它要完整:連去哪、開新分頁還是原分頁。
親手試試
這是一段普通的內文,裡面藏了一個連到外部教學文章的連結;底下還有一個跳回站內某個段落的錨點連結。連結不一定要長得像字——看起來像按鈕的連結也是連結,因為它點了是「帶你去別頁」。
別搞混
連結和按鈕互搶工作的狀況很常見,界線其實只有一條。
連結 Link
點了換地方。逛去的動作:看文章、跳首頁、下載檔案。滑鼠移上去,瀏覽器左下角會顯示目的地——這是連結獨有的特徵。
按鈕 Button
點了做事,而且還在同一頁:送出、存檔、展開選單。同一件事「前往結帳頁」該用連結還是按鈕可以討論,但「送出這張表單」永遠是按鈕。
這樣對 AI 說
中文就可以
請幫我調整網站裡的連結: 1. 內文裡的連結要有底線(滑鼠移上去底線換色),站內導覽的連結不用底線。 2. 「查看退款政策」這個連結請連到 /policies/refund 這頁,在原分頁開啟。 3. 連到別的網站的連結(例如我們的 Facebook 粉絲團)請開新分頁。 4. 全站搜一下「點這裡」「了解更多」這類連結文字,列出清單讓我改成有意義的文字。
最後一條很值得:讓 AI 當稽核員,把模糊連結文字列出來,你只要改字不用自己找。