- 頁面優化的作用：讓網站被搜索引擎搜索到,提高搜索排名

- 頁面頭部優化 頁面頭部指的是代碼部分，具體一點就是指的“Description（描述）”和“Keywords（關鍵字）”兩部分：

1、“描述”部分應該用近乎描述的語言寫下一段介紹你網站的文字，在這其中，你應該適當的對你網站的特色內容加以重復以求突出；

 2、“關鍵字”部分應該列出你認為合適的，能突出網站內容的關鍵字就可以了，關鍵字不要設置太多，可設置10---8個，搜索引擎只會瀏覽靠前的幾個關鍵字。向搜索引擎說明你的網頁的關鍵詞； 告訴搜索引擎你的站點的主要內容； 

- 超鏈接優化搜索引擎為何可以能夠索引全世界的網站，是因為各個搜索引擎程序中都有一個會自動“爬行”于互聯網上的智能機器人程序，這個機器人就是順著網站之間的鏈接游覽世界的，那么我們就應該為它創造一個良好的爬行通道——合理的設置鏈接。 

怎樣的鏈接才是合理的呢？

1、采用純文本鏈接，少用，最好是別用Flash動畫設置鏈接，因為搜索引擎無法識別Flash上的文字. 

2、按規范書寫超鏈接，這個title屬性，它既可以起到提示訪客的作用，也可以讓搜索引擎知道它要去哪里.

3、最好別使用圖片熱點鏈接，理由和第一點差不多。

- 圖片優化 圖片優化并不是修改圖片的大小、顏色，而是你應該為每個標簽加上alt屬性。alt屬性的作用是當圖片無法顯示時以文字作為替代顯示出來，而對于SEO來說，它可以令搜索引擎有機會索引你網站上的圖片，對于一些確實沒什么意義的圖片，最好也不要省略alt，而應該留空，即 alt=""。 

- 結構優化

1、壓縮頁面所在的內存大小，盡量控制在100kb左右，因為搜索引擎搜索的時候容易爬取

2、充分做到結構樣式行為的分離，盡量不要結構樣式行為混用。 

- css的優化

A：合理的整合css文件

B: 后代選擇符的層級不易過多，一般保持到4層以內

C：正確的使用精靈圖，減少圖片的請求加載次數

D：注意樣式的冗余，比如設置了display:inline,但還給元素設置width height等屬性，這樣的設置造成屬性無效但是不影響顯示效果，造成樣式的冗余，文件繁瑣過大的問題

更多關于web前端培訓的問題，歡迎咨詢千鋒教育在線名師，如果想要了解我們的師資、課程、項目實操的話可以點擊咨詢課程顧問，獲取試聽資格來試聽我們的課程，在線零距離接觸千鋒教育大咖名師，讓你輕松從入門到精通。