如何在DUDA部落格內設定錨連結(Anchor Link)
錨連結是什麼?
錨連結(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









