html頁面錨點鏈接對SEO的作用，以及實現描點的三種方式

html中的鏈接，正確的說法應該稱作”錨點“，它命名錨點鏈接（也叫書簽鏈接）常常用於那些內容龐大繁瑣的網頁， 通過點擊命名錨點，不僅讓我們能指向文檔，還能指向頁面里的特定段落，更能當作”精准鏈接”的便利工具，讓鏈接對象接近焦點。

便於瀏覽者查看網頁內容。 類似於我們閱讀書籍時的目錄頁碼或章回提示。在需要指定到頁面的特定部分時，標記錨點是最佳的方法。

 

錨點鏈接對seo的作用 

錨鏈鏈接是一個非常重要的概念，在網頁中增加恰當的錨鏈接，會讓所在網頁和所指向網頁的重要程度有所提升，從而影響到關鍵詞排名。錨鏈接對seo的作用主要體現在以下幾個方面：

對所在的頁面的作用：

• 正常來講，頁面中增加的鏈接錨鏈接都和頁面本身有一定的關系，因此，錨文本可以做為錨鏈接所在的頁面的內容的評估。例如：本篇文章中含有“seo”的鏈接，那么，說明本篇文章和seo有一定關系。

對所指向頁面的作用：

• 錨鏈接能精確的描述所指向頁面的內容，因此，錨鏈接能做為對所指向頁面的評估。

對關鍵詞排名的影響:

• 錨鏈接對於關鍵字排名的意義在於它可以讓內容頁隨機鏈接在一起，讓蜘蛛可以很好的抓取更多頁面，權重也能均勻的傳遞，同時增強頁面的相關性，最終提升網站的關鍵詞排名。

 

錨點的添加方式

　1、給錨點文本標簽添加id，使用來定位，當單擊a鏈接時，就會跳到id為a01的p標簽處； 

<div>
    <a href="#a01"></a>
</div>
<p>練習</p>
<p>練習</p>
<p>練習</p>
<p>練習</p>
<p>練習</p>
<p id="a01">練習</p>
<p>練習</p>

　　

這樣的定位可以針對任何標簽來定位。

Pexelshttps://www.wode007.com/sites/73241.html 天堂圖片網https://www.wode007.com/sites/73243.html

2、給a標簽的文本添加錨點，單擊鏈接可跳到name為a01的a標簽處；

<div>
    <a href="#a01"></a>
</div>
<p>練習</p>
<p>練習</p>
<p>練習</p>
<p>練習</p>
<p>練習</p>
<a name="a01" href=“#”>練習</a>
<p>練習</p>

　　

使用name屬性只能針對a標簽來定位，而對div等其他標簽就不能起到定位作用

 

3、使用js。

<li class="" onclick="JavaScript:document.getElementById('here').scrollIntoView()"></li>