html頁面代碼優化如何做 這些細節做好將提高整個整個網站層級

我們經常給大家分享一些SEO教程這類信息，但是很少給大家在代碼層面分析一個網站，但是網站的優化，在代碼層面確是非常的重要，微觀之中影響大局，網站不能沒有大局觀，當然細節也不能忽視。

我們常常談優化，都基於大框架、大數據，各種用戶體驗分析，而忽略了最基本的html基礎代碼優化，今天BOB体育盘口小編爲大家分享下建站以來的優化經驗(因爲工作關係已經不太注重優化和推廣，但對於優化我們還是有研究的!)：　　

 　　一、標題的重要性：

　　首先需要強調下，一個網站的每個頁面只能有一個，並且位於標籤內。具體這個表裏的長尾關鍵詞和標題應該怎麼寫，我們分到下次細講，但這次主要是針對與html常規知識教程，所以不詳細闡述。

　　title是一個網站最重要的核心信息傳遞標籤，無論是百度、360、搜狗、google還是其他搜索引擎，均會根據該標籤輸出的信息來分析網站的的內容是否匹配，所以內的信息一定要和內容想傳遞的信息相對應，經常有很多朋友爲了做標題黨，標題的信息與內容不符，這樣常常會引起K站(傳說中的懲罰、降權、被拉入黑名單)。

　　在這裏，我們還要講下至關重要的h1標籤應用，其實H1標籤也和title標籤一樣申請，並且H1標籤一個頁面也只能出現一次，因爲h1標籤會將信息進行強調處理，搜索引擎會直接抓取該標籤的重要內容，同時它也向title標籤一樣，搜索引擎均會根據h1標籤輸出的信息來分析網站的的內容是否匹配。所以h1標籤一個網站的每個頁面只能出現一次，那有人說，我有多個標籤豈不是好事，我告訴搜索引擎，我有多個關鍵詞，這樣更有利於搜索，其實你如果真的這樣做了，正好相反，反而讓搜索引擎迷茫，直接把該頁面視爲無效(無核心內容)的普通頁面處理。

　　二、圖片標籤

 

　　img圖片標籤，雖然現在搜索引擎技術已很發達，但是抱歉的是搜索引擎依然無法直接讀懂圖片內的信息，你展示的圖片無法直接告訴用戶展示的是美女、還是帥哥、還是一道美麗的風景。有人可能又會說，那你看我在百度一搜索關鍵詞，就會有相對應的圖片顯示出來，並且來自於其他網站，藤設計你說的這個不對。在這裏，藤設計必須糾正一下你這個話題，其實這些被百度搜索的到的標籤都是經過代碼優化過的，你如果查看細節，你可以看到這些圖的代碼裏均有alt=""標籤，如果你的圖片上沒有這個標籤說明，那麼對搜索引擎而言其實是沒有意義的，因爲他根本無法讀懂它這個圖的意思，如果你想讓搜索引擎認識這張圖片，那就必須要加上alt=””標籤，

　　〈 img src="http://www.xxx.com//" alt="seo服務網" / 〉

　　這樣就解決了搜索引擎無法讀懂圖片的難題。當如細節的設計，你也可以直接給這個圖片加上關鍵詞，讓他更有利於搜索，但切記一點，一定不要在一個頁面裏給多個圖使用一個關鍵詞，這樣會讓搜索引擎覺得你在作弊。

　　另外如果在HTML標準下，應該把圖片的高和寬直接標註上，這樣更加有利於搜索引擎的爬取，當然這個不是最重要的。75*75以下的小圖片可以不聲明大小。

　　三、css的加載方式

　　我們經常能看到很多網站因爲開發的時間關係，常常會把多個CSS鏈接放在一個頁面裏，這樣使得用戶還是搜索引擎打開一個頁面都需多次加載link信息，甚至有很多人寫的N個CSS裏很多定義樣式是重複的，相當影響訪問速度。所以CSS樣式文件能合併就合併，做到請求次數最低。

　　四、JS代碼引用

　　其實js代碼使用方式基本類似CSS，能合併就合併，最好放在頁面底部最後加載，但是這裏需要強調的一點是，很多用戶爲了達到酷炫的效果，把很多數據加載信息都封裝在了JS調用裏，這樣使得搜索引擎無法讀取js裏的文字信息，而導致抓取難的現象。並且一個網頁JS特效多了，也是很佔網站打開速度的，建議優化頁面加載速度和JS的內容。

　　五、iframe框架標籤

　　藤設計再三強調一下，任何想通過搜索引擎來提升排名的網站，iframe框架沒有特殊情況最好不要使用，iframe這個標籤對於搜索引擎來說也是非常不友好的，蜘蛛無法抓取裏面的內容，如同上面我們說的JS封裝內容(但唯獨比JS封裝強點的是，給一個iframe調用真實地址，搜索引擎還是會搜到引入頁面信息，但是價值很低)。同時有一定的加載速度影響。

綜上，網站優化學習的時候，不能只關注大的方面，細節上，比如代碼也是需要做好的。