原文鏈接 ：http://www.zhaochao.net/index.php/2016/03/08/19/
寫在前面
在前面一篇文章中我簡單介紹了怎麼優化SEO，其中一點就是網站html結構的優化。網站結構的優化主要是讓搜索引擎爬蟲更好的理解你網站內容，從而讓它喜歡上你的網站，這樣它纔會經常來爬你的網站，網站排名自然靠前了。這裏我簡單總結一些前端設計頁面時應該注意的事項，總結可能不全，僅在我能力範圍內，有不妥之處請踊躍吐槽。
網頁總體佈局
如圖所示爲一個簡單的網站佈局，主要有標題、導航、麪包屑導航、正文、相關文章、友情鏈接
標題
網站標題通常分爲主標題和副標題，主標題是體顯網站內容最主要的關鍵詞，副標題是對主標題的補充說明，描述儘量相關，主標題有 H1標籤，副標題用H2標籤。搜索引擎會認爲H1中出現的關鍵詞是最重要的，所以與主題無關的內容不要用H標籤，更不要用H1標籤。
導航
導航欄目的名稱儘量要與網站標題相關，這樣會增加主標題關鍵詞出現的頻率，權重自然會提高。導航的佈局儘量用li標籤。
麪包屑導航
麪包屑導航的來歷
很久很久以前，在大森林的邊上住着一個貧窮的樵夫，他與妻子和兩個孩子相依爲命。他的兒子名叫漢賽爾，女兒名叫格萊特。後來樵夫的妻子去世了，他又給孩子們娶了一個後母。後母計劃把兩個孩子帶到森林的深處，然後趁他們睡着的時候跑掉。漢賽爾無意中知道了後母的計劃，於是偷偷地把一塊麪包藏在了口袋裏。在去森林的路上，漢賽爾屑屑地捏碎了他的麪包，並不時地停下腳步，把碎麪包屑撒在路上。後母順利地趁孩子們睡着的時候溜掉了，漢賽爾和格萊特醒來已是一片漆黑。漢賽爾安慰他的妹妹說：“等太陽一出來，我們就看得見我撒在地上的麪包屑了，它一定會指給我們回家的路。”但是當太陽升起來時，他們在地上卻怎麼也找不到一點麪包屑了，原來它們都被那些在樹林裏、田野上飛來飛去的鳥兒一點點地啄食了。
麪包屑導航的作用
- 讓用戶瞭解當前所處位置，以及當前頁面在整個網站中的位置。
- 體現了網站的架構層級，能夠幫助用戶快速學習和了解網站內容和組織方式，從而形成很好的位置感。
- 提供返回各個層級的快速入口，方便用戶操作。
- Google已經將麪包屑導航整合到搜索結果裏面，因此優化麪包屑導航每個層級的名稱，多使用關鍵字，都可以實現SEO優化。麪包屑路徑，對於提高用戶體驗來說，是很有幫助的
- 方便用戶，麪包屑主要用於爲用戶提供導航一個網站的次要方法，通過爲一個大型多級網站的所有頁面提供麪包屑路徑，用戶可以更容易的定位到上一次目錄，引導用戶通行
- 減少返回到上一級頁面的點擊或操作，不用使用瀏覽器的“返回”按鈕或網站的主要導航來返回到上一級頁面
- 不用常常佔用屏幕空間，因爲它們通常是水平排列以及簡單的樣式，麪包屑路徑不會佔用頁面太多的空間。這樣的好處是，從內容過載方面來說，他們幾乎沒有任何負面影響
- 降低跳出率，麪包屑路徑會是一個誘惑首次訪問者在進入一個頁面後去瀏覽這個網站的非常好的方法。比如說，一個用戶通過谷歌搜索到一個頁面，然後看到一個麪包屑路徑，這將會誘使用戶點擊上一級頁面去瀏覽感興趣的相關主題。這樣，從而，可以降低網站的總體跳出率。
- 有利於百度蜘蛛對網站的抓取，蜘蛛直接沿着那個鏈走就可以了，很方便。
- 麪包屑有利於網站內鏈的建設，用麪包屑大大增加了網站的內部連接，提高用戶體驗。
正文
正文標題使用H1標籤，副標題用H2標籤，主內容用p標籤。如果文章中有圖片，在圖片旁邊需要增加文字介紹，增加出圖率。
相關文章
相關文章或者推薦文章一般都是與文章主題相關的，一方面可以增加用戶對下游PV的貢獻度，另一方便增加本頁關鍵詞出現的頻次，提高關鍵詞在搜索引擎中的權重
友情鏈接
友情鏈接在提升網站權重方面有重大的作用，網站不需要它帶來增加收錄量，所有在友情鏈接中要增加 nofollow，不要讓爬蟲去爬。友情鏈接很像人一樣，有相同愛好的人會走到一起，能與名人認識對提升自己的名氣有很大幫助。所有在友情鏈接要注意以下幾點：
- 友情鏈接的網站必需是相同類型的網站
這一點很好理解， 人以羣居，物以類聚！如果你是做視頻網站的，友情鏈接的網站最好也是做視頻的，這樣搜索引擎會認爲你們是一夥的，團伙作戰比孤軍奮戰當然強的多。 - 友情鏈接必需雙方交換鏈接
這一點也很好理解，如果你鏈接了別人，別人不鏈接你，這就像是單相思一樣，並沒有什麼卵用。所以不要在友情鏈接中增加百度、網易這樣牛逼的網站，因爲它們不會給你加友情鏈接的，獨自暗戀范冰冰不如對身邊的女孩子好一點。 - 對方網站權重必需高
友情鏈接最好對方的權重比你好或者差不多，如果你的友情鏈接都是比較差的，搜索引擎可能認爲你也是比較差的，有可能對你降權 - 對方網站必需穩定
友情鏈接的穩定對網站的長期發展是至關重要的一個方面。如果對方網站不穩定，搜索引擎認爲對方可能比較差，對你的網站有很壞的影響
網站地圖
1．爲搜索引擎蜘蛛提供可以瀏覽整個網站的鏈接簡單的體現出網站的整體框架出來給搜索引擎看；
2．爲搜索引擎蜘蛛提供一些鏈接，指向動態頁面或者採用其他方法比較難以到達的頁面；
3．作爲一種潛在的着陸頁面，可以爲搜索流量進行優化；
4．如果訪問者試圖訪問網站所在域內並不存在的URL，那麼這個訪問者就會被轉到“無法找到文件”的錯誤頁面，而網站地圖可以作爲該頁面的“準”內容。
常用標籤的設置
title 標籤
最重要的標籤，名稱需要重點挖掘，出現在搜索結果的標題處
meta name=”Keywords”
關鍵字，與主題相關的關鍵詞，需要重點挖掘，關鍵詞權重很高
meta name=”description”
對當前頁面內容的概述，可能出現在百度搜索結果的簡介中
head標籤
任何頁面的head部分不要存在空格。
a標籤
增加title介紹，使用絕對地址
img標籤
儘量保證所有圖片alt標籤，並註明寬、高是多少，不要出現空alt,不要出現空a，不要出現a標籤之間關鍵詞存在空格，除非關鍵詞就是有空格的，圖片周圍增加文字介紹，增加出圖率
span
建議不使用span和a的組合使用，因爲span可能會被搜索引擎會被忽略，從而影響到詞權。Span少用，給那些沒有意義的文本使用，比如日期，更多，這種的，其他的不用span展示。