剛接觸 WordPress 的人寫第一篇文章時,幾乎都會卡在同一個地方:想把一段文字變成可以點的連結,卻找不到按鈕在哪,或是加完之後不確定要不要勾「在新分頁開啟」、那個 nofollow 又是什麼。這篇就用區塊編輯器(Gutenberg)的實際畫面,把 WordPress 超連結設定從頭走一遍,包含站內連結、開新分頁、rel 屬性、同頁跳轉的錨點,最後再附上連結點不動、連結失效時的排查方向,讓你寫完一篇就能把連結加得乾淨又合規。
在 WordPress 文章裡加超連結的最快做法
選取要變成連結的文字,按快速鍵 Ctrl + K(Mac 是 Cmd + K),貼上網址後按 Enter,連結就完成了。這是區塊編輯器裡最省時的方式,比起到處找按鈕,記住這組快速鍵幾乎能應付九成情境。
如果你習慣用滑鼠,操作邏輯一樣:先用游標選取一段文字,這時段落區塊上方的浮動工具列會出現一個鎖鏈圖示,點下去就會跳出連結輸入框。把網址貼進去、按 Enter,被選取的文字就帶上了底線與連結色。
連結的載體不一定是文字。圖片區塊在選取後,工具列同樣有鎖鏈圖示,可以讓整張圖變成可點的連結;這在側邊欄放橫幅、或文章裡放可點縮圖時很常用。差別只在於圖片連結沒有錨點文字,搜尋引擎與輔助工具會改讀圖片的替代文字(alt),所以圖片連結的 alt 要寫清楚。
要強調的是,連結在「預覽」或編輯畫面裡點下去通常不會真的跳轉,這是編輯器的正常行為,不是你設錯了。要實際測試連結,把文章存成草稿或用「私密」狀態發布後,再到前台點點看才準。
站內連結和站外連結該怎麼分,又各自怎麼加
站內連結指向自己網站的其他文章或頁面,站外連結指向別人的網站,兩者在 WordPress 裡的加法只差一個動作。
加站內連結時,不需要先去複製網址。選取文字按 Ctrl + K 後,直接在輸入框打你想連到的那篇文章標題的關鍵字,WordPress 會即時列出站內符合的文章清單,點一下標題就自動帶入正確網址。這個內建搜尋很多新手不知道,結果還傻傻地開新分頁去後台複製網址,繞了一大圈。
加站外連結就是把完整網址(含 https://)貼進輸入框。這裡有個常被忽略的細節:站內連結建議讓它在原分頁開啟,因為使用者本來就在你的網站裡逛,跳出新分頁反而打斷動線;站外連結則建議開新分頁,避免讀者點出去之後整個離開你的網站。
從 SEO 的角度看,站內連結扮演的角色比多數新手想的重要。它幫搜尋引擎理解你網站的文章彼此怎麼關聯、哪些主題是核心,也讓讀者在站內多停留、多看幾篇。所以寫新文章時,順手把相關的舊文用站內連結串起來,是低成本但長期有效的習慣。
錨點文字(也就是被設成連結的那段字)盡量寫得具體。與其用「點這裡」「看更多」這種沒有資訊的字,不如直接用「WordPress 佈景主題挑選原則」這類描述目的地內容的文字,讀者和搜尋引擎都能從錨點文字預判點過去會看到什麼。
連結要不要開新分頁,noopener 又是怎麼回事
在連結輸入框旁,展開那個下拉箭頭(設定圖示),就會看到「在新分頁中開啟」的開關。打開它,這條連結就會以新分頁載入,對應的就是 HTML 裡的 target=”_blank”。
判斷要不要開新分頁,原則很單純:連到自己網站的內容就留在原分頁,連到外部網站就開新分頁。讓站外連結開新分頁的好處是讀者讀到一半點出去查資料,你的文章還留在原本那個分頁,他看完外部內容回來就能繼續讀,不會因為一次點擊就把整個閱讀流程蓋掉。
當你把連結設成開新分頁,WordPress 會自動幫這條連結補上 rel=”noopener” 屬性,有些版本還會一併加上 noreferrer,這不需要你手動處理。noopener 是一個安全性設定,它阻止新開的分頁透過 window.opener 反向操作你原本的頁面,避免被惡意網站利用。簡單說,它跟 SEO 排名無關,純粹是保護你的訪客與網站。
noreferrer 的作用則不同,它會讓瀏覽器不傳送來源網址資訊。實務上的影響是,對方網站在自家的流量分析裡,會看不到流量是從你這篇文章導過去的,這些流量通常會被歸類成「直接流量(direct)」。它同樣與 SEO 無直接關係,只影響流量來源的歸類顯示。
nofollow、sponsored、ugc 這些 rel 屬性,新手到底要不要設
rel 屬性是加在連結上、給搜尋引擎看的標記,用來說明「這條連結和我網站的關係」。對純粹寫教學或分享的部落格新手來說,多數連結其實什麼都不用特別設;真正需要動手的是付費、贊助、或不想為對方背書的連結。
nofollow 是其中最常被提到的一個,由 Google 在 2005 年推出,原本是為了對付垃圾留言。它的意思是告訴搜尋引擎「不要透過這條連結把我網站的權重傳遞過去」。當你引用一個外部來源、但不想等於替它的內容背書時,就適合加 nofollow。
後來 Google 在 2019 年又補了兩個更精準的標記。sponsored 用在廣告、贊助、聯盟行銷這類付費或有利益關係的連結,藉此明確告訴搜尋引擎這是商業合作關係。ugc 則代表「使用者產生的內容(user-generated content)」,例如留言區、論壇貼文裡出現的連結。值得一提的是,WordPress 對留言中的連結通常會自動加上 ugc,這部分你不必額外設定。
這些標記可以疊加使用。一個聯盟行銷連結同時是付費又屬於推薦性質,寫成 rel=”sponsored nofollow” 是合理的;留言裡的連結則可能是 rel=”ugc nofollow”。它們之間不互斥,依連結的實際性質組合即可。
至於沒有加 nofollow 的連結,一般稱為 dofollow,意思是會正常傳遞權重。要留意的是 HTML 裡其實沒有 dofollow 這個屬性,它只是為了方便對照而生的講法,連結預設就是會被追蹤,不需要特地寫上去。
實際在 WordPress 設定 rel 的位置,就在連結輸入框的進階設定區,會有一個可以填 rel 屬性的欄位,把 nofollow、sponsored 或 ugc 填進去即可。如果你覺得每條連結手動填很麻煩,市面上有像 Slim SEO、External Links 這類外掛,可以統一替站外連結批次補上 nofollow 或新分頁設定。要提醒的是,不建議把全站連結一律自動設成 nofollow,Google 並不樂見這種一刀切的做法,依連結性質個別判斷才是比較穩妥的方向。
想讓連結跳到同一頁的某個段落,要用錨點連結
錨點連結(Anchor)讓讀者點一下就跳到同一篇文章裡的指定段落,常用來做長文開頭的目錄索引。它的原理是先替目標段落取一個專屬名稱,再用「#名稱」把連結指過去。
設定分成兩步。第一步是替目標區塊命名:點選你想被跳到的那個區塊(最常見的是標題區塊),在右側區塊設定的「進階」裡,找到「HTML 錨點」欄位,填入一個名稱。這個名稱只能用英文字母與數字,不能有空格、不能用底線,例如 pricing、step-01 都可以,Product_name 或中文則不行。
第二步是建立指過去的連結:選取要當作入口的文字,按 Ctrl + K,在輸入框裡打「#」加上剛才設定的錨點名稱,例如 #pricing,按 Enter 即可。讀者點這條連結時,頁面就會直接捲動到那個段落。
文章開頭的目錄文字
下方對應的標題段落
如果要跳到的不是同一篇、而是另一篇文章的某段落,把連結內容改成「另一篇文章的完整網址#該文的錨點名稱」就行。錨點跳轉同樣建議用草稿或私密發布後到前台測試,編輯畫面裡是不會真的捲動的。
用按鈕區塊做連結,跟一般文字連結差在哪
如果你想要的是一顆顯眼的行動按鈕,而不是一段帶底線的文字,可以用「按鈕區塊」而不是文字連結。在文章裡新增區塊時搜尋「按鈕」,就能插入一個按鈕;選取它之後,工具列一樣有鎖鏈圖示可以填入網址,開新分頁與 rel 的設定邏輯都和文字連結相同。
兩者的差別在用途。文字連結適合自然嵌在句子裡,引導讀者順著閱讀點過去;按鈕區塊則適合放在段落之間或文章結尾,當作明確的下一步動作,例如「前往報名」「查看方案」。同一篇文章裡兩種混用沒問題,重點是別把整段文字都做成按鈕,那樣反而失去按鈕「醒目、單一動作」的意義。
連結加了卻沒反應,常見狀況怎麼排查
最常見的「連結點不動」其實不是錯誤,而是你在編輯器或預覽模式裡點。如前面提過的,要把文章存成草稿或私密發布後到前台實際點才會跳轉,這一點先排除。
如果在前台點了連結卻連到錯誤頁面或出現 404,通常是網址打錯或那篇目標文章被改了網址(永久連結)。檢查連結裡的網址是否完整、有沒有少了 https://,站內連結則可重新用 Ctrl + K 的內建搜尋重選一次文章,讓系統帶入當前正確的網址。
想移除或修改既有連結,把游標移到該連結文字上,工具列會出現編輯與「取消連結」的選項,點鉛筆可改網址、點斷開的鎖鏈圖示就能把連結拿掉,文字本身會保留。
要批次檢查整站連結有沒有失效,可以靠專門的工具或外掛掃描;想單獨確認某條連結有沒有帶 nofollow,也有像瀏覽器擴充功能或 SEO 工具列能快速標示出來。對剛起步的網站,與其一開始就裝一堆檢查外掛,不如先養成「每加一條連結就順手確認載點、新分頁、必要時的 rel」這個習慣,反而最省事也最不容易出包。
把這幾件事串起來,WordPress 超連結設定其實沒有想像中複雜:文字或圖片選取後用 Ctrl + K 加連結、站內留原分頁、站外開新分頁並讓系統自動補上 noopener、付費或不背書的連結再依性質補 nofollow 或 sponsored,長文需要導讀就用錨點。下一篇文章開始,就用這套流程把相關的舊文連起來,讓你的網站從第一天就建立起清楚的內部結構。