SEO優化通俗點說就是為了讓網站在各大搜索引擎中更容易的被搜到，即提高搜索排行，從而提高網站流量的一個技術手段
在寫web頁面的時候，為了讓網絡爬蟲更容易的搜索到頁面，需要注意幾個點：
html語義化
剛接觸web前端開發的時候很奇怪，既然html標簽可以通過css進行更改它的內置屬性，為什么還有這么多的標簽存在
<div>,<h1>,<span>,<strong>....
而現在，隨着對前端的不斷深入，才逐漸明白它的用處
語義化的html可以讓開發者更容易看懂每一塊代碼的含義及其側重點，同時，對於SEO優化也有幫助
網絡爬蟲在搜索的過程中會按着html語義去側重搜索，
標准的符合W3C規范html能讓網絡爬蟲更好的理解，從而提高網站的SEO優化水平。
在http://www.w3school.com.cn/html篇中，有對每一個標簽的語義都做了說明，需要的同學可以注意看下。
ifame
對於前端開發來說，ifame已經是很久之前的技術了，現階段應該很少有前端開發者使用ifame（當然，在后台框架搭建中還是會使用到）
ifame退出前端舞台的理由我想應該就有一點，web中使用ifame，ifame中的內容網絡爬蟲是搜索不到的，所以對於ifame頁面來說基本不存在SEO優化
建議前端開發中少用，（后台開發對這點到不在意，后台系統對於SEO優化沒這需求吧）
js輸出
對於網站中一些重要的文字或內容最好不要使用js輸出生成html展現，因為網絡爬蟲對web中的js只會視而不見，所以用js輸出過多的內容
會讓網站的SEO優化水平降低，建議重要的信息不要用js輸出（我還是挺喜歡用js去輸出html的，被限制住~~~~）
alt屬性
alt屬性一般應用在<img>標簽里，當圖片無法正常加載時，alt屬性設置的值就會顯示出來作為解釋文本
對於前端開發人員來說總感覺這個屬性有點雞肋，因為在開發過程中基本看不到這個屬性的效果（PS：開發過程中一般情況都不會有加載圖片失敗的情況）
不過要注意，該加的屬性還是要加上去的，網絡爬蟲是識別不了圖片的，不管你的圖片怎么炫怎么酷，在網絡爬蟲眼里終究只是一段code而已，而<img>
標簽的alt屬性在網絡爬蟲眼里就是圖片的標志
<title>
<meta name="description" content="...">
<meta name="keywords" content="...">
合理的使用這三個對SEO也有很大的幫助，具體使用方法這里就不多說了，有興趣的同學可以網上搜下
博客：http://www.cnblogs.com/alex-web/
注：小瘋紙的yy