頁面如何做SEO優化?從 web方面SEO優化
2020/11/19 12:01:45 閱讀：2806
發布者：2806
提高頁面加載速度。 能用css解決的不用背景圖片，背景圖片也盡量壓縮大小，可以幾個icons放在一個圖片上，采用css精靈(css sprite)，使用background-position找到需要的圖片位置。減少HTTP請求數，提高網頁加載速度。一個頁面最好不要超過100k，太大，頁面加載速度慢。當速度很慢時，用戶體驗不好，留不住訪客，并且一旦超時，“蜘蛛”也會離開。
結構、表現和行為的分離。另外一個重要的拖慢網頁加載速度的原因就是將css和JS都堆積在HTML頁面上，每次看到有人直接在頁面上編寫CSS和JS我都很痛心疾首。通過外鏈的方式能大大加快網頁加載速度的，css文件可以放在head里，JS文件可以放置在body的最下方，在不影響閱讀的情況下再去加載JS文件。
圖片大小聲明。如果圖片大小不做定義的話，頁面需要重新渲染，就會影響到加載速度。
控制首頁鏈接數量
網站首頁是權重最高的地方，如果首頁鏈接太少，沒有“橋”，“蜘蛛”不能繼續往下爬到內頁，直接影響網站收錄數量。但是首頁鏈接也不能太多，一旦太多，沒有實質性的鏈接，很容易影響用戶體驗，也會降低網站首頁的權重，收錄效果也不好。
因此對于中小型企業網站，建議首頁鏈接在100個以內，鏈接的性質可以包含頁面導航、底部導航、錨文字鏈接等等，注意鏈接要建立在用戶的良好體驗和引導用戶獲取信息的基礎之上。
扁平化的目錄層次，盡量讓“蜘蛛”只要跳轉3次，就能到達網站內的任何一個內頁。扁平化的目錄結構，比如：“植物”--> "水果" --> "蘋果"、“桔子”、“香蕉”，通過3級就能找到香蕉了。
導航優化
導航應該盡量采用文字方式，也可以搭配圖片導航，但是圖片代碼一定要進行優化，<img>標簽必須添加“alt”和“title”屬性，告訴搜索引擎導航的定位，做到即使圖片未能正常顯示時，用戶也能看到提示文字。
其次，在每一個網頁上應該加上面包屑導航，好處：從用戶體驗方面來說，可以讓用戶了解當前所處的位置以及當前頁面在整個網站中的位置，幫助用戶很快了解網站組織形式，從而形成更好的位置感，同時提供了返回各個頁面的接口，方便用戶操作；對“蜘蛛”而言，能夠清楚的了解網站結構，同時還增加了大量的內部鏈接，方便抓取，降低跳出率。
網站的結構布局
頁面頭部：logo及主導航，以及用戶的信息。
頁面主體：左邊正文，包括面包屑導航及正文；右邊放熱門文章及相關文章，好處：留住訪客，讓訪客多停留，對“蜘蛛”而言，這些文章屬于相關鏈接，增強了頁面相關性，也能增強頁面的權重。
頁面底部：版權信息和友情鏈接。
特別注意：分頁導航寫法，推薦寫法：“首頁 1 2 3 4 5 6 7 8 9 下拉框”，這樣“蜘蛛”能夠根據相應頁碼直接跳轉，下拉框直接選擇頁面跳轉。而下面的寫法是不推薦的，“首頁 下一頁 尾頁”，特別是當分頁數量特別多時，“蜘蛛”需要經過很多次往下爬，才能抓取，會很累、會容易放棄。
網頁代碼優化
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中不會起任何效果。
10、文本縮進不要使用特殊符號 應當使用CSS進行設置。版權符號不要使用特殊符號 © 可以直接使用輸入法，拼“banquan”，選擇序號5就能打出版權符號©。
12、巧妙利用CSS布局，將重要內容的HTML代碼放在最前面，最前面的內容被認為是最重要的，優先讓“蜘蛛”讀取，進行內容關鍵詞抓取。
13.重要內容不要用JS輸出，因為“蜘蛛”不認識
14.盡量少使用iframe框架,因為“蜘蛛”一般不會讀取其中的內容
15.謹慎使用 display：none ：對于不想顯示的文字內容，應當設置z-index或設置到瀏覽器顯示器之外。因為搜索引擎會過濾掉display:none其中的內容。
16. 不斷精簡代碼
17.js代碼如果是操作DOM操作，應盡量放在body結束標簽之前，html代碼之后。
