SEO優化之HTML代碼優化最重要的5個標籤

時間 2019-11-11

原文原文鏈接

衆所周知，HTML代碼一直是搜索引擎抓取的重點。搜索引擎會將HTML中的某些元素標籤做爲影響網頁排名的重要依據html

在咱們以前的文章中也或多或少地向你們介紹了有關HTML代碼的優化技巧，接下來將系統地講解HTML代碼的幾個優化重點。前端

1.Title 標籤數據庫

Title 標籤可以告訴用戶和搜索引擎網頁頁面的主題思想是什麼，一直是搜索引擎的抓取重點。一般，搜索引擎抓取Title標籤出於兩個目的：做爲影響網頁排名的重要因素和做爲搜索結果頁面的顯示信息。無論是哪個目的，對咱們作SEO來講都很是重要。
通常來講，Title標籤中的單詞最好保持在3~6個左右，最好包含關鍵字。但Title標籤中的單詞不要所有都是關鍵字，由於這樣可能會形成頁面關鍵字堆砌，致使過分優化。所選單詞應簡潔明瞭、具備描述性，要與網頁內容具備很大的相關性，而且每一個不一樣的頁面都應該包含Title標籤。瀏覽器

2.Meta Description標籤網絡

對Title標籤優化以後，接下來就是對Meta Description標籤的優化。Meta Description標籤能夠說是對Title標籤的進一步解釋，能夠是一句話或者是包含十幾個單詞的短語。每一個頁面都該有其本身的Meta Description標籤，而且Meta Description標籤還可包含一些與網站內容相關但Title標籤中未說起的信息。與Title標籤要求類似，該部份內容也應具備描述性，與網頁內容具備相關性，可包含關鍵字，但不可過多。框架

3.Heading標籤佈局

Heading標籤包含了H一、H二、H3等等，是搜索引擎識別頁面信息的重要標記。合理使用H一、H二、H3等不一樣級別的標籤可以使得頁面結構更加清晰，有利於搜索引擎的抓取。H一、H二、H3等標籤是按照重要程度來排名的。通常一個頁面按照需求程度來適當添加該標籤：從H1開始，依次往下添加。但不可添加太多Heading標籤，不然會拔苗助長。優化

4.Strong和B標籤網站

相信大多數朋友都知道Strong和B標籤都有加粗的意思，可是不少人並不清楚二者具體有什麼區別。其實B標籤就是單純地將文字加粗，而Strong標籤不只是對文字加粗，而且這種形式的加粗會告訴搜索引擎該部分文字比較重要。因此二者從搜索引擎優化的角度來看，是有很大的區別的。
上文中所提到的Heading標籤頁具備加粗效果，那麼這三種標籤到底該怎麼用？其實，Heading標籤通常用於文章大標題以及每段的小標題，而Strong標籤通常用於文章段落中的重點詞彙，而B標籤通常只是強調一種視覺效果。搜索引擎

5.ALT標籤

ALT標籤是一種圖片標籤，它將圖片的信息以文本的形式展示。對ALT標籤的使用沒有太多要求，只要在網頁中出現圖片的部分添加上該屬性便可，但其標籤內容應與相應頁面內容具備相關性，長度不得過長，通常1~5個單詞便可。

以上介紹了HTML代碼中的五種重要標籤，相信會對作SEO工做的人員特別是SEO新手具備很大幫助。對HTML代碼的優化一直是咱們作搜索引擎優化工做的很是基礎而且重要的一部分，只有作好了這部分優化工做，咱們才能開展更加深層的優化。

1、搜索引擎工做原理

　　當咱們在輸入框中輸入關鍵詞，點擊搜索或查詢時，而後獲得結果。深究其背後的故事，搜索引擎作了不少事情。

　　在搜索引擎網站，好比百度，在其後臺有一個很是龐大的數據庫，裏面存儲了海量的關鍵詞，而每一個關鍵詞又對應着不少網址，這些網址是百度程序從茫茫的互聯網上一點一點下載收集而來的，這些程序稱之爲「搜索引擎蜘蛛」或「網絡爬蟲」。這些勤勞的「蜘蛛」天天在互聯網上爬行，從一個連接到另外一個連接，下載其中的內容，進行分析提煉，找到其中的關鍵詞，若是「蜘蛛」認爲關鍵詞在數據庫中沒有而對用戶是有用的便存入數據庫。反之，若是「蜘蛛」認爲是垃圾信息或重複信息，就捨棄不要，繼續爬行，尋找最新的、有用的信息保存起來提供用戶搜索。當用戶搜索時，就能檢索出與關鍵字相關的網址顯示給訪客。

　　一個關鍵詞對用多個網址，所以就出現了排序的問題，相應的當與關鍵詞最吻合的網址就會排在前面了。在「蜘蛛」抓取網頁內容，提煉關鍵詞的這個過程當中，就存在一個問題：「蜘蛛」可否看懂。若是網站內容是flash和js，那麼它是看不懂的，會犯迷糊，即便關鍵字再貼切也沒用。相應的，若是網站內容是它的語言，那麼它便能看懂，它的語言即SEO。

2、SEO簡介

　　全稱：Search English Optimization，搜索引擎優化。自從有了搜索引擎，SEO便誕生了。

　　存在的意義：爲了提高網頁在搜索引擎天然搜索結果中的收錄數量以及排序位置而作的優化行爲。簡言之，就是但願百度等搜索引擎能多多咱們收錄精心製做後的網站，而且在別人訪問時網站能排在前面。

　　分類：白帽SEO和黑帽SEO。白帽SEO，起到了改良和規範網站設計的做用，使網站對搜索引擎和用戶更加友好，而且網站也能從搜索引擎中獲取合理的流量，這是搜索引擎鼓勵和支持的。黑帽SEO，利用和放大搜索引擎政策缺陷來獲取更多用戶的訪問量，這類行爲大可能是欺騙搜索引擎，通常搜索引擎公司是不支持與鼓勵的。本文針對白帽SEO，那麼白帽SEO能作什麼呢？

　　1. 對網站的標題、關鍵字、描述精心設置，反映網站的定位，讓搜索引擎明白網站是作什麼的；

　　2. 網站內容優化：內容與關鍵字的對應，增長關鍵字的密度；

　　3. 在網站上合理設置Robot.txt文件；

　　4. 生成針對搜索引擎友好的網站地圖；

　　5. 增長外部連接，到各個網站上宣傳；

三、前端SEO

　　經過網站的結構佈局設計和網頁代碼優化，使前端頁面既能讓瀏覽器用戶可以看懂，也能讓「蜘蛛」看懂。

　　(1)網站結構佈局優化：儘可能簡單、開門見山，提倡扁平化結構。

　　通常而言，創建的網站結構層次越少，越容易被「蜘蛛」抓取，也就容易被收錄。通常中小型網站目錄結構超過三級，「蜘蛛」便不肯意往下爬，「萬一天黑迷路了怎麼辦」。而且根據相關調查：訪客若是通過跳轉3次還沒找到須要的信息，極可能離開。所以，三層目錄結構也是體驗的須要。爲此咱們須要作到：

　　1. 控制首頁連接數量

　　網站首頁是權重最高的地方，若是首頁連接太少，沒有「橋」，「蜘蛛」不能繼續往下爬到內頁，直接影響網站收錄數量。可是首頁連接也不能太多，一旦太多，沒有實質性的連接，很容易影響用戶體驗，也會下降網站首頁的權重，收錄效果也很差。

　　所以對於中小型企業網站，建議首頁連接在100個之內，連接的性質能夠包含頁面導航、底部導航、錨文字連接等等，注意連接要創建在用戶的良好體驗和引導用戶獲取信息的基礎之上。

　　2.扁平化的目錄層次，儘可能讓「蜘蛛」只要跳轉3次，就能到達網站內的任何一個內頁。扁平化的目錄結構，好比：「植物」--> "水果" --> "蘋果"、「桔子」、「香蕉」，經過3級就能找到香蕉了。

　　3.導航優化

　　導航應該儘可能採用文字方式，也能夠搭配圖片導航，可是圖片代碼必定要進行優化，<img>標籤必須添加「alt」和「title」屬性，告訴搜索引擎導航的定位，作到即便圖片未能正常顯示時，用戶也能看到提示文字。

　　其次，在每個網頁上應該加上面包屑導航，好處：從用戶體驗方面來講，可讓用戶瞭解當前所處的位置以及當前頁面在整個網站中的位置，幫助用戶很快了解網站組織形式，從而造成更好的位置感，同時提供了返回各個頁面的接口，方便用戶操做；對「蜘蛛」而言，可以清楚的瞭解網站結構，同時還增長了大量的內部連接，方便抓取，下降跳出率。

　　4. 網站的結構佈局--不可忽略的細節

　　頁面頭部：logo及主導航，以及用戶的信息。

　　頁面主體：左邊正文，包括麪包屑導航及正文；右邊放熱門文章及相關文章，好處：留住訪客，讓訪客多停留，對「蜘蛛」而言，這些文章屬於相關連接，加強了頁面相關性，也能加強頁面的權重。

　　頁面底部：版權信息和友情連接。

　　特別注意：分頁導航寫法，推薦寫法：「首頁 1 2 3 4 5 6 7 8 9 下拉框」，這樣「蜘蛛」可以根據相應頁碼直接跳轉，下拉框直接選擇頁面跳轉。而下面的寫法是不推薦的，「首頁下一頁尾頁」，特別是當分頁數量特別多時，「蜘蛛」須要通過不少次往下爬，才能抓取，會很累、會容易放棄。

　　5.控制頁面的大小，減小http請求，提升網站的加載速度。

　　一個頁面最好不要超過100k，太大，頁面加載速度慢。當速度很慢時，用戶體驗很差，留不住訪客，而且一旦超時，「蜘蛛」也會離開。

　　(2)網頁代碼優化

　　1.<title>標題：只強調重點便可，儘可能把重要的關鍵詞放在前面，關鍵詞不要重複出現，儘可能作到每一個頁面的<title>標題中不要設置相同的內容。

　　2.<meta keywords>標籤：關鍵詞，列舉出幾個頁面的重要關鍵字便可，切記過度堆砌。

　　3.<meta description>標籤：網頁描述，須要高度歸納網頁內容，切記不能太長，過度堆砌關鍵詞，每一個頁面也要有所不一樣。

　　4.<body>中的標籤：儘可能讓代碼語義化，在適當的位置使用適當的標籤，用正確的標籤作正確的事。讓閱讀源碼者和「蜘蛛」都一目瞭然。好比：h1-h6 是用於標題類的，<nav>標籤是用來設置頁面主導航的等。

　　5.<a>標籤：頁內連接，要加「title」屬性加以說明，讓訪客和「蜘蛛」知道。而外部連接，連接到其餘網站的，則須要加上 el="nofollow" 屬性, 告訴「蜘蛛」不要爬，由於一旦「蜘蛛」爬了外部連接以後，就不會再回來了。

　　6.正文標題要用<h1>標籤：「蜘蛛」認爲它最重要，若不喜歡<h1>的默認樣式能夠經過CSS設置。儘可能作到正文標題用<h1>標籤，副標題用<h2>標籤, 而其它地方不該該隨便亂用 h 標題標籤。

　　7.<br>標籤：只用於文本內容的換行，好比:

<p>
　　 第一行文字內容<br/>
    第二行文字內容<br/>
    第三行文字內容
</p>

　　8.表格應該使用<caption>表格標題標籤

　 9.<img>應使用 "alt" 屬性加以說明

　　10.<strong>、<em>標籤 : 須要強調時使用。<strong>標籤在搜索引擎中可以獲得高度的重視，它能突出關鍵詞，表現重要的內容，<em>標籤強調效果僅次於<strong>標籤。

　　　 <b>、<i>標籤: 只是用於顯示效果時使用，在SEO中不會起任何效果。

　　十二、巧妙利用CSS佈局，將重要內容的HTML代碼放在最前面，最前面的內容被認爲是最重要的，優先讓「蜘蛛」讀取，進行內容關鍵詞抓取。

　　13.重要內容不要用JS輸出，由於「蜘蛛」不認識

　　14.儘可能少使用iframe框架,由於「蜘蛛」通常不會讀取其中的內容

　　15.謹慎使用 display：none ：對於不想顯示的文字內容，應當設置z-index或設置到瀏覽器顯示器以外。由於搜索引擎會過濾掉display:none其中的內容。

　　16. 不斷精簡代碼

　　17.js代碼若是是操做DOM操做，應儘可能放在body結束標籤以前，html代碼以後。

相關標籤/搜索

每日一句

每一个你不满意的现在，都有一个你没有努力的曾经。