[分享] 錨點是什麼？如何在 WordPress 設定錨點連結？

在 WordPress 網站中，錨點連結（Anchor Links）是提升使用者體驗與 SEO 的重要工具。透過錨點，訪客可以快速跳轉至頁面內的特定段落，減少不必要的滾動，提高內容的可讀性。

什麼是錨點連結？

錨點連結（Anchor Link）是一種超連結技術，可讓使用者點擊某個連結後，直接跳轉到同一頁面內的特定位置，而無需重新載入頁面。一頁式的網站選單很常使用錨點連結，讓用戶可以快速跳至頁面的特定區塊。這種連結方式通常透過 HTML 的標籤與 id 屬性來實現。

錨點連結的主要作用包括：

・提升使用者體驗：讓訪客能夠快速跳轉到相關內容，減少滾動操作，提高可讀性。
・改善頁面可讀性：特別適用於長篇內容，讓讀者更容易找到感興趣的資訊。
・有助於 SEO：適當使用錨點連結可提升內部連結結構，讓搜尋引擎更容易理解網站內容。

錨點的常見應用
錨點連結廣泛應用於各種類型的網站，以下是幾個常見的使用情境：

１、頁面內快速導覽
在內容較長的網頁（如文章、產品說明頁）中，建立「返回頂部」或「目錄導航」，讓使用者可以輕鬆切換不同段落。
２、FAQ（常見問題）內跳轉
在 FAQ 頁面內，每個問題都有對應的答案，點擊問題時可直接跳轉到該問題的詳細解答，提高用戶體驗。
３、長文章的目錄
部落格文章或教學內容通常會包含一個大綱或目錄，點擊目錄中的標題可以讓使用者快速移動到對應的章節。
４、產品或服務介紹頁面
電商網站或企業官網可利用錨點連結，讓使用者點擊「特色」、「規格」或「評價」時，直接跳轉至對應內容，而不需要手動滾動頁面。

透過正確使用錨點連結，可以大幅提升網站的導航體驗，讓內容更具可讀性與結構性。

為什麼在 WordPress 使用錨點連結？

提升使用者體驗
在 WordPress 網站中，使用錨點連結能夠顯著提升用戶的瀏覽體驗，特別適用於長篇文章、產品介紹頁面或常見問題（FAQ）區塊。

・幫助用戶快速找到所需內容，減少捲動時間
當訪客進入一個資訊量龐大的頁面時，可能會花費大量時間滾動頁面尋找特定資訊。透過錨點連結，他們可以直接點擊目錄或按鈕，瞬間跳轉至相關內容，提高網站的可用性。
・提高長篇文章的可讀性，讓訪客能更有效率地瀏覽
如果文章篇幅較長，讀者可能因為無法快速定位感興趣的內容而流失。利用錨點連結可建立一個可點擊的「文章目錄」，幫助讀者迅速跳轉到感興趣的部分，提升停留時間與互動率。

有助於 SEO
除了提升使用者體驗外，錨點連結還能對網站的 SEO 產生正面影響，有助於提高網站在搜尋結果中的表現。

・增加內部連結，提高搜尋引擎對網站內容的理解
搜尋引擎會分析網站內部連結的結構，以判斷不同段落之間的關聯性。透過錨點連結，網站不僅可以引導使用者在頁面內快速導航，還能讓搜尋引擎理解各區塊內容的層級與重點，提高索引的精確度。
・讓搜尋引擎可以索引特定段落，提高頁面關鍵字的排名機會
Google 近年來開始在搜尋結果中顯示「頁內連結」（Jump-to Links），如果網站正確使用錨點連結，搜尋結果可能會直接顯示連結至特定段落的標題，讓使用者可以直接點擊進入該部分內容，有助於提升點擊率（CTR）。

整體而言，在 WordPress 網站中適當使用錨點連結，不僅能讓訪客更容易瀏覽內容，還能讓網站在搜尋引擎中獲得更好的排名，是提升網站體驗與 SEO 效果的實用技巧。

在 WordPress 新增錨點連結的方法

方法一：使用 HTML 手動新增錨點
適合具備基礎 HTML 知識的用戶，可直接在 WordPress 的「HTML 編輯模式」中手動添加錨點連結。

（以下程式碼示意，請至 https://rab.tw/what-is-achor-link/ 查看文章）

步驟 1：新增錨點標籤
首先，在想要設定錨點的段落或標題中加入 id 屬性，作為錨點標記。
這樣，#example 就會成為頁面內的可跳轉目標。
步驟 2：建立錨點連結
接著，在需要跳轉到該段落的地方，添加超連結。
當訪客點擊「點擊這裡」的連結時，頁面會自動跳轉到 id="example" 標記的區塊。

方法二：使用 WordPress 內建編輯器
適合 WordPress 初學者，透過 Gutenberg 區塊編輯器的「HTML 錨點」功能，無需手寫 HTML 代碼即可完成錨點設定。

步驟 1：標記錨點位置

１、開啟 WordPress 編輯器（區塊編輯器）。
２、選擇要作為錨點的標題或段落（例如 H2 標題）。
３、在右側區塊設定欄位找到「進階」選項，輸入「HTML 錨點名稱」，例如 example（不需 # 符號）。