一、建立外部連結
要在 HTML 中建立外部連結,使用 <a>
標籤並設定 href
屬性指向目標 URL。例如:
<a href="https://www.example.com" rel="noopener noreferrer">訪問範例網站</a>
在此範例中,rel="noopener noreferrer"
屬性可增強安全性,防止目標網站取得原始網站的資訊。
SEO 最佳實踐:
- 使用描述性錨文字: 在
<a>
標籤內使用具描述性的文字,讓使用者與搜尋引擎清楚了解連結內容。例如:<a href="https://www.example.com" rel="noopener noreferrer">了解更多關於 SEO 的技巧</a>
- 避免使用模糊錨文字: 避免使用「點擊這裡」等模糊詞彙,因為這無法提供足夠的上下文資訊。
二、建立內部錨點
內部錨點可讓使用者快速跳轉至同一頁面內的特定部分,提升導航體驗。要建立內部錨點,需為目標元素設定 id
屬性,並在連結中使用 href
屬性指向該 id
。例如:
<a href="#section1">跳轉到第一節</a>
<h2 id="section1">第一節</h2>
<p>這是第一節的內容。</p>
SEO 最佳實踐:
- 使用有意義的
id
值: 為元素設定描述性的id
,有助於搜尋引擎理解內容結構。 - 確保頁面結構清晰: 使用適當的標題(如
<h1>
至<h6>
)和段落標籤,維持頁面結構清晰,提升可讀性。
結論
透過正確使用超連結與內部錨點,並遵循 SEO 最佳實踐,可提升網站的可用性與搜尋引擎排名。