如何在DUDA部落格內設定錨連結(Anchor Link)

Chih • 2025 Nov 11

錨連結是什麼?

錨連結(Anchor Link)是一種網頁超連結,又稱為瀏覽器錨點(Browser Anchor),也常被稱為頁面跳轉連結(Jump Link)。允許使用者在同一個頁面內或不同頁面的特定位置之間快速導覽。就像是你在閱讀書本時,錨點就像書的目錄一樣,可以較精準的幫你直接跳到感興趣的頁數。


優點是用戶導覽時間可節省約 50% 以上,特別在手機等小螢幕設備上效果更顯著。許多 SEO 研究顯示,導入錨點(尤其是目錄形式)後,跳出率(Bounce Rate)可有效降低 10% - 20%

圖/手機用戶點擊網站內容示意 by pexels

▼大家有沒有發現 2025小編社群行事曆 裡面的月份(紅框)可以快速到某個月份,這就是用到頁面內的錨點功能

圖/2025小編行事曆內容截圖 by Chih Creative

▼抵達頁面內的錨點時,會發現到沒有跳轉到其他網頁,只是快速的下滑到指定的位置(錨點),而上方網址就會在後方多了#錨點名稱

圖/網站內錨點跳轉網址呈現截圖 by Chih Creative

▼曾經要使用比較複雜的方式來製作(前往教學),現在已經更新到更加的方便又直觀!在想產生錨點的小工具上右鍵,點擊產生錨點。

圖/duda錨點設置示意 by Chih Creative

▼有幾個要注意的是,在DUDA中的錨點是需要用英文命名,以及部落格的錨點,要在發布後才有辦法在下圖中被選擇。

圖/duda部落格錨點選擇示意 by Chih Creative

另外分享使用HTML來製作Anchor的方式

▼下方是之前部落格內錨點的設置方式,要使用HTML的語法,<a herf="錨點名稱" type="anchor">,如下圖紅框內容,適合大多數的系統使用

圖/duda部落格錨點html示意 by Chih Creative

作者: Chih 2025 Nov 16
♦ 免費架站真的免費?
作者: Chih 2025 Oct 17
取得Google Analystics(GA4)認證及表示Google認可你具備下列能力:
Computer screen displays a website with four colorful abstract images of textures and minerals.
作者: Chih 2025 Oct 14
精選常用的4個免費素材庫讓你網站加入影片提高吸引力、增加SEO排名
Black silhouette head with circles inside,
作者: Chih 2025 Oct 2
在 AI 搜尋時代,排名並不足夠。品牌需要的是 成為 AI 願意引用的資料來源。這代表網站與內容經營必須轉型,以下三大方向不可忽視: