SEO 搜尋引擎優化

tips：對於搜尋引擎優化這個東西，可能給人的感覺是花錢就能解決的事情，也很少涉及的東西，ms的時候可能會問相關的點（我們只關心我們能做的）。

seo是隨著搜尋引擎的出現而來的，兩者是相互促進，互利共生的關係。seo的存在就是為了提公升網頁在搜尋引擎自然搜尋結果中的收錄數量以及排序位置而做的優化行為。而優化的目的就是為了提公升**在搜尋引擎中的權重，增加對搜尋引擎的友好度，使得使用者在訪問**時能排在前面。

白帽seo，起到了改良和規範**設計的作用，使**對搜尋引擎和使用者更加友好，並且**也能從搜尋引擎中獲取合理的流量，這是搜尋引擎鼓勵和支援的。

**內容的優化，內容與關鍵字的對應，增加關鍵字的密度

在**上合理的設定robot.txt檔案

盡量讓**語義化，在適當的位置使用適當的標籤，用正確的標籤做正確的事。讓閱讀原始碼者和「蜘蛛」都一目了然。比如：h1-h6 是用於標題類的，標籤是用來設定頁面主導航，列表形式的**使用ul或ol，重要的文字使用strong等。

tips:這裡提到了語義化標籤，有次ms，msg上來第乙個提就問我平時用什麼語義化標籤，當時給我整懵住了，後來反應過來說了幾個strong、section等語義化標籤。現在想想如果拓展回答一下語義化標籤對於seo的作用，可能會更加分。

頁內鏈結，要加「title」屬性加以說明，讓訪客和「蜘蛛」知道。而外部鏈結，鏈結到其他**的，則需要加上 el="nofollow" 屬性, 告訴「蜘蛛」不要爬，因為一旦「蜘蛛」爬了外部鏈結之後，就不會再回來了。

h1標籤自帶權重「蜘蛛」認為它最重要，乙個頁面有且最多只能有乙個h1標籤，放在該頁面最重要的標題上面。如首頁的logo上可以加h1標籤。副標題用標籤, 而其它地方不應該隨便亂用 h 標題標籤。

應使用 "alt" 屬性加以說明，當網路速度很慢，或者位址失效的時候，就可以體現出alt屬性的作用，它可以讓使用者在沒有顯示的時候知道這個的作用。同時為設定高度和寬度，可提高頁面的載入速度。

tips：順便想起說下img的alt與title屬性的區別：

alt屬性是為了給那些不能看到你文件中影象的瀏覽者提供文字說明的。所以alt屬性的本意是用於替換影象，而不是為影象提供額外說明的，但是，在ie瀏覽器中，alt屬性會變成文字提示，這本身是一種誤導。所以，如果你使用firefox或者chrome，alt屬性就會不管用。

title是對的說明和額外補充，如果需要在滑鼠經過時出現文字提示應該用屬性title。title屬性的優先順序高於alt text。

caption 元素定義**標題。caption 標籤必須緊隨 table 標籤之後，您只能對每個**定義乙個

對於不想顯示的文字內容，應當設定z-index或縮排設定成足夠大的負數偏離出瀏覽器之外。因為搜尋引擎會過濾掉display:none其中的內容。還有一部分知識是可以做**效能優化（其實上面介紹的很多知識點都可以做**效能優化，cdn、瀏覽器快取、雪碧圖、減少重排重繪、懶載入等）