最常見的A標簽和H標簽該如何正確嵌套？網站中幾乎隨處可見，HTML的標簽不論你怎么使用都是可以正常解析，被瀏覽器完整地渲染出想要的效果，所以很少有人會關注HTML標簽的嵌套規則。而在SEO優化中a標簽和h標簽的嵌套使用不當，對SEO優化的影響可以說是非常之大。

要對a標簽與h標簽的嵌套規則首先的理解什么是錨文本和錨鏈接，如果搞不清這個就會把HTML標簽胡亂嵌套。

01SEO優化中的錨鏈接

看下面的示例代碼：

錨文本

上面是一個標準的錨鏈接，也就是說這個超鏈接包含有一個完整的“錨鏈接”和“錨文本”，其中的錨文本可以是文章的標題或者一個關鍵詞。比如我們在換友情鏈接的時候，對方會要求你提供錨文本和錨鏈，一般情況下錨鏈就是網站網站的URL，錨文本則是網站的名稱或你希望的一個關鍵詞。

在網頁設計中一個網站到處都有鏈接，所有的連接不論你怎么嵌套，對于瀏覽器來說都可以正確的渲染，但是對于SEO優化則不一定會正確，因為搜索引擎是按照HTML規則來進行頁面所以和識別內容的。

02正確的A和H標簽嵌套方法

在網站頁面上，如logo處的鏈接，內頁中二級欄目的鏈接，相關文章內容的鏈接，這些地方的錨鏈接都是為了用戶體驗和網站內容相互推薦的重要表現形式。有的地方使用了SEO優化的權重標簽h1~h6，而又需要添加鏈接，正確的規則是：

標題

根據前面錨鏈的原理，a標簽里面的鏈接文字就是這個錨鏈接的關鍵詞，如果把h1放在a標簽的里面，那么意思就是把整個h1標簽作為了錨文本，從邏輯上來說是不對的，即使在瀏覽器上展現的效果都一樣。

所以超鏈接里面一定是直接寫文字，而不是包含很多的標簽，這樣才能真正的有利于SEO優化，搜索引擎的判斷方式是按照w3c的標準來進行的，如果你沒有按照規則來編寫代碼，很有可能收錄也不會太好。

這也解釋了同樣的一個SEO優化人員，在優化相同權重的不同網站時效果差異會很大的原因，由于前端代碼的不規范，影響網站收錄和關鍵詞排名是不可忽略的，有人說SEO優化關前端代碼什么事，是你自己優化技術不行怪前端！這也巧了，你看你寫的都是什么垃圾代碼吧。

03錯誤的HTML標簽嵌套分享

一、網站首頁logo處

在網站的首頁logo這里，什么樣的代碼都有，而正確的卻只有

這一種方式，下面提供3種常見的錯誤寫法：

上面第一個和第二個的錯誤都是邏輯不對，不符合錨鏈接的規則，a標簽里面嵌套的塊級元素div和標題標簽h是個什么邏輯，請你給我解釋一下！第3個的錯誤在于沒有錨文本，a標簽里面是空的，logo圖片使用css的background屬性展示出來，沒有錨文本這就是一個空連接，搜索引擎都找不著錨文本請問憑什么收錄，還要給你一個優質的排名，你在逗我嗎。

二、欄目列表鏈接到詳細頁

欄目列表的錯誤方法主要表現在將文章的標題和摘要直接使用一個A標簽鏈接，這樣對于前端來說也蠻省事的。

欄目文章列表

比如上圖中你可以點左邊的圖片打開詳細頁，也可以點右邊紅框的任意位置進入文章詳情頁，用戶使用和瀏覽器渲染等都沒有問題，但是源碼就不符合規范了，右邊紅框內的源碼如下。

GET 與 POST 兩種請求方法的區別

說到WEB開發中GET與POST兩種請求方法……

根據錨鏈接的規則，這一個a標簽里面的h4和p標簽都是錨文本，這么多的內容被當作錨文本來處理，搜索引擎會覺得這孫子到底寫的是啥，老子難以理解代碼的意思讀不懂啊。

三、文章詳情頁相關文章

有時候為了實現一些特殊效果或者為了省事，直接使用某些嵌套可以很方便的就能實現想要的功能，并且是視覺上有不錯的表現。比如下面的截圖是文章詳情頁的相關文章代碼。

相關文章

從前臺的表現看沒有什么問題，當我們打開源碼，你就會發現這個HTML標簽嵌套是不規范的、不合理的，代碼如下：

HTML中的哪些meta標簽該用或不該用？這段代碼有2個錯誤，第一是HTML標簽中li和div均屬于塊級元素，用于頁面的布局，屬于兄弟關系，不宜進行嵌套使用；第二是超鏈接a標簽里面嵌套的div，請你解釋一下這個邏輯是什么，不符合錨鏈接的規則，也不利于SEO優化。

經過上面的分析，其實正確的寫法就嚴格按照w3c標準來寫前端代碼，由于HTML標簽不管你怎么寫，瀏覽器幾乎都可以渲染出來，但是如果嵌套的不規范，也會加重瀏覽器渲染頁面的時間，也就是打開網頁看到效果的時間會延長；其次是對SEO優化非常不友好。

不要說SEO優化和前端代碼沒有關系或影響可以忽略不計，當一個網站上不規范的代碼多了自然影響就大了，SEO優化靠的就是一點一滴的權重積累，這里可以不用管，那里也可以忽略不計，這樣的地方多了，你的網站整體權重就不行了，細節很重要，因為大的的方面其他人都知道，別人也都做了。

舉報/反饋

總結

以上是生活随笔為你收集整理的seo html空格影响,这一对HTML标签嵌套对SEO优化的影响，居然99%的人不知道！的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。