SEO
轉自：http://blog.csdn.net/u013853928/article/details/51956848
（Search Engine Optimization）搜索引擎優化，是爲了增加頁面在搜索引擎自然搜索結果中的收錄數量以及提升排序位置而做的優化行爲。SEO有一條不變的準則就是它永遠都在變，因爲沒有一沉不變的優化方案可供大家套用。但我們仍然可以發現一些基礎的或是被人們工人的規律來進行網站的SEO。從宏觀的角度來說，我認爲SEO有三條最重要的規律，那就是原創的內容、高質量的外部鏈接和適度的優化。
前端是構建網站中很重要的一個環節，本片重點從前端的角度來講解一下SEO的實施方法。前端的工作主要是負責頁面的HTML+CSS+JS，優化好這幾個方面會爲SEO工作打好一個堅實的基礎。突出重點內容可以讓搜索引擎判斷當前頁面的重點是什麼，提升網站的訪問速度可以讓搜索引擎的蜘蛛順利、快速、大量的抓取頁面內容，所以我就着重以突出重要內容和提升網站速度來總結一下
①：合理的利用title、description和keywords
title：只要強調重點即可，重要關鍵詞出現不要超過2次，而且要靠前，每個頁面的title要有所不同。
description：把網頁內容高度概括到這裏，長度要合理，不可過分堆砌關鍵詞，每個頁面的description要有所不同。
keywords：列舉幾個重要的關鍵詞即可，不可過分堆砌。
②：語義化書寫html代碼
對於搜索引擎來說，最直接面對的就是網頁html代碼，如果網頁寫的於下一話，搜索引擎就會很容易的讀懂該網頁要表達的意思。例如文本模塊要有大標題，合理利用h1-h6，列表形式的代碼使用ul或ol，重要的文字使用strong等等。
③：重要的內容不要用js輸出
蜘蛛不會讀取js裏的內容，所以重要的內容必須放在html裏。
④：慎用ajax
ajax加強用戶體驗的效果很贊，但是不要過度使用。ajax生成的內容無法被連接到。一個不錯的thumb原則是：如果你用ajax加載的可能是一個獨立的頁面，就儘量不要使用它
⑤：盡少使用iframe框架
搜索引擎不會抓取iframe裏面的內容，重要的內容不要放在框架裏。
⑥：爲圖片加上alt和title屬性
⑦：保留文字效果（切忌用圖片代替文字）：
如果需要兼顧用戶體驗和SEO效果，在必須應圖片的地方，例如個性文字的標題，我們可以利用樣式控制，讓文本文字不出現在瀏覽器的上，但頁面代碼中是有該文字的。
例如：可以讓文字縮進設置成足夠大的負數，偏離出瀏覽器之外，也可以利用設置行高的方法讓文字隱藏。注意：不可使用display：none的方法讓文字隱藏，因爲搜索引擎會過濾掉display：none裏面的內容，就不會被蜘蛛檢索了
.tit{
font-size:18px; height:25px;lineheight:25px;overflow:hidden;text-indent:-9999px;}或
.title{font-size:18px;height:25px;line-height:50px;overflow:hidden;}提升訪問速度：
①：儘量外鏈css和js，css放在頭部，js放在尾部。
這樣做的好處也可以把內容，表現和行爲分離，保證代碼整潔的同事也方便維護。
②：css sprites
減少http請求，利用css sprites技術可以把網頁用到的圖片整合到一張圖上，這樣就減少了http請求數，又使的樣式圖片一次加載，避免網頁“白”的尷尬。
③：爲圖片設置高度和寬度，可以提高頁面的加載速度。
④：爲靜態資源文件增加過期時間，讓用戶通過本地緩存來更快的訪問網站。
⑤：壓縮、格式化代碼。
⑥：不使用css表達式
僞靜態設置：
如果是動態頁面(.php .jsp)，可以開啓僞靜態功能，讓蜘蛛誤以爲這隻靜態頁面（.html .htm），因爲靜態頁面比較適合蜘蛛的胃口。