網站seo優化中常用的html標簽及其用法

html標簽本身是很簡單的，我們可以隨意使用，只要最終能通過css定義成我們想要的樣子即可。因其沒有規范的標準，也就成為很多網站代碼不適合seo的主要因素，從seo的角度來看，html標簽是不能隨便使用的，其存在特定的意義。

Hx標簽

Hx標簽代表的是標題，包括H1、H2……H6共六級標題，其重要性依次遞減。

H1標簽，即一級標題，理論上來說，在每一個頁面都應該有且僅有一次。如bing站長工具的seo檢測就會明確指出當前頁面是否包含H1標簽。

H2標簽，二級標題，在頁面中可以存在多次，其重要位置僅次于H1。

H3標簽，三級標題，同樣可以出現多次。

H4……H6相對來說使用就比較少了，一般有3到4級標題完全可以把內容表述清除。具體使用與否看情況而定。

對于這幾個標題標簽的時候可以參考下方案例。

網站首頁H標簽的使用

如圖所屬，首頁最核心的詞匯（可以是首頁核心關鍵詞，或包含核心關鍵詞）用H1；各大版塊標題用H2（盡可能包含關鍵詞。自然，不要太刻意）；各大版塊下的子版塊標題用H3，同樣盡可能包含關鍵詞。

網站欄目頁面H標簽的使用

如圖，欄目標題用H1，相關欄目用H2，重要鏈接用H3，下方的文章鏈接沒有加H3，就是普通的a標簽。

詳情頁面H標簽的使用

詳情頁面（看內容部分，其他從屬模塊除外），標題肯定也是H1；對于H2，我很少使用，具體看內容劃分吧。也有例外，如上圖案例中的詳情頁面就和欄目頁面布局一樣。

a標簽

a標簽，即超級鏈接。這個標簽即使拋開seo不提，也是必不可少的一個標簽。針對seo來說，a標簽的使用還是需要提一下。a標簽除href、target外還有幾個屬性是非常有用的。

title屬性：字面意思就是標題，結合a標簽，就應該是“超級鏈接的標題”，可以告訴搜索引擎你鏈接的是個什么內容。而事實上a標簽的錨文本就是這個作用，所以title有點多余？seo業內很多人都會加上title，部分seo從業者還要求必須加上，對于這一點我的理解是沒必要，加或者不加，要看其錨文本是否存在！如果存在錨文本，完全沒有加的必要；如果沒有錨文本，如圖片鏈接、如熱點，這時加title屬性就非常重要了！

rel屬性：rel在a標簽中可以告訴搜索引擎如何處理當前鏈接，其值默認為follow（跟隨），也就是讓搜索引擎可以爬取該鏈接；我們也可以設置為nofollow（不跟隨），就是告訴搜索引擎不要爬取該鏈接。事實上，設置為nofollow時搜索引擎還是會爬取的，只是失去了投票的作用，不會傳遞權值。

img標簽

img標簽，及圖片。也是html中最為常用的一個標簽，從seo的角度來說，同樣有幾個屬性是非常重要的。

title屬性：同超級鏈接的title屬性。

alt屬性：注釋，告訴搜索引擎和用戶當前圖片的是關于什么內容的。

這兩個屬性在seo業內用的也有些泛濫，我個人只用alt屬性（當然這個是必須的），而不加title，感覺title有些多余。有達人有不同說法敬請告知。

結合a標簽，我是這樣用的：

/*1、如果只是插入一張圖片，那么應該這樣寫：*/ <img src="nopic.jpg" alt="這是一張默認圖片"> /*2、如果是超級鏈接中的圖片，那么應該這樣寫：*/ <a href="http://www.kredytypozyczki.net" title="致遠建站"><img src="nopic.jpg" alt="gake.com.cn的logo圖片"></a> /*3、如果不是圖片的超級鏈接，那么應該這樣寫：*/ <a href="http://www.kredytypozyczki.net">致遠建站</a> /*4、如果不想搜索引擎傳遞權重，那么應該這樣寫：*/ <a href="http://www.kredytypozyczki.net" rel="nofollow">致遠建站</a>

網上流傳的做法（個人并不贊同）

<img src="nopic.jpg" alt="這是一張默認圖片" title="這是一張默認圖片"> <a href="http://www.kredytypozyczki.net" title="致遠建站">致遠建站</a>

strong、em和b、i標簽

strong和em都是表示“強調”，針對那些相對“重要”的內容起到加強的作用。其中，strong表現為粗體，em表現為斜體。

b為粗體，i為斜體，沒有強調作用。

所以，在使用strong和em的時候你需要確認：當前內容真的是重要的內容，是需要強調的嗎？如果不是，你可以選擇b或者i，甚至可以用span標簽，并通過css去定義成你要的樣式。

其他有利于seo的html標簽

article標簽，獨立的自包含內容，有其自身的意義，可獨立于站點的其余部分進行呈現。

p標簽，段落。所以如果當前文字是一個段落文字，用p比用div或者span更合理。

ul、ol、dl標簽，無需列表、有序列表、自定義列表。如果當前內容是列表形式，建議使用。

time標簽，時間。

mark標簽，標記。

abbr標簽，縮寫。

aside標簽，定義其所處內容之外的內容，應該與附近的內容相關。

caption，定義表格標題。

figure標簽，規定獨立的流內容（圖像、圖表、照片、代碼等等）

后記

html標簽基本都有其特殊的含義，除了那種只是定義一種dom結構的標簽外，應該嚴格按照其含義來使用，這對于網站優化也能起到一定的輔助作用。想要更詳細的了解html，請訪問：https://www.w3school.com.cn/tags/index.asp

© 致遠 2020-02-07，原創內容，轉載請注明出錯：網站seo優化中常用的html標簽及其用法