寫在前面

在前面一篇文章中我簡單介紹了怎麼優化SEO，其中一點就是網站html結構的優化。網站結構的優化主要是讓搜尋引擎爬蟲更好的理解你網站內容，從而讓它喜歡上你的網站，這樣它才會經常來爬你的網站，網站排名自然靠前了。這裡我簡單總結一些前端設計頁面時應該注意的事項，總結可能不全，僅在我能力範圍內，有不妥之處請踴躍吐槽。

網頁總體佈局

如圖所示為一個簡單的網站佈局，主要有標題、導航、麵包屑導航、正文、相關文章、友情連結

標題

網站標題通常分為主標題和副標題，主標題是體顯網站內容最主要的關鍵詞，副標題是對主標題的補充說明，描述儘量相關，主標題有 H1標籤，副標題用H2標籤。搜尋引擎會認為H1中出現的關鍵詞是最重要的，所以與主題無關的內容不要用H標籤，更不要用H1標籤。

導航

導航欄目的名稱儘量要與網站標題相關，這樣會增加主標題關鍵詞出現的頻率，權重自然會提高。導航的佈局儘量用li標籤。

麵包屑導航

麵包屑導航的來歷

很久很久以前，在大森林的邊上住著一個貧窮的樵夫，他與妻子和兩個孩子相依為命。他的兒子名叫漢賽爾，女兒名叫格萊特。後來樵夫的妻子去世了，他又給孩子們娶了一個後母。後母計劃把兩個孩子帶到森林的深處，然後趁他們睡著的時候跑掉。漢賽爾無意中知道了後母的計劃，於是偷偷地把一塊麵包藏在了口袋裡。在去森林的路上，漢賽爾屑屑地捏碎了他的麵包，並不時地停下腳步，把碎麵包屑撒在路上。後母順利地趁孩子們睡著的時候溜掉了，漢賽爾和格萊特醒來已是一片漆黑。漢賽爾安慰他的妹妹說：“等太陽一出來，我們就看得見我撒在地上的麵包屑了，它一定會指給我們回家的路。”但是當太陽升起來時，他們在地上卻怎麼也找不到一點麵包屑了，原來它們都被那些在樹林裡、田野上飛來飛去的鳥兒一點點地啄食了。

麵包屑導航的作用

1. 讓使用者瞭解當前所處位置，以及當前頁面在整個網站中的位置。
2. 體現了網站的架構層級，能夠幫助使用者快速學習和了解網站內容和組織方式，從而形成很好的位置感。
3. 提供返回各個層級的快速入口，方便使用者操作。
4. Google已經將麵包屑導航整合到搜尋結果裡面，因此優化麵包屑導航每個層級的名稱，多使用關鍵字，都可以實現SEO優化。麵包屑路徑，對於提高使用者體驗來說，是很有幫助的
5. 方便使用者，麵包屑主要用於為使用者提供導航一個網站的次要方法，通過為一個大型多級網站的所有頁面提供麵包屑路徑，使用者可以更容易的定位到上一次目錄，引導使用者通行
6. 減少返回到上一級頁面的點選或操作，不用使用瀏覽器的“返回”按鈕或網站的主要導航來返回到上一級頁面
7. 不用常常佔用螢幕空間，因為它們通常是水平排列以及簡單的樣式，麵包屑路徑不會佔用頁面太多的空間。這樣的好處是，從內容過載方面來說，他們幾乎沒有任何負面影響
8. 降低跳出率，麵包屑路徑會是一個誘惑首次訪問者在進入一個頁面後去瀏覽這個網站的非常好的方法。比如說，一個使用者通過谷歌搜尋到一個頁面，然後看到一個麵包屑路徑，這將會誘使使用者點選上一級頁面去瀏覽感興趣的相關主題。這樣，從而，可以降低網站的總體跳出率。
9. 有利於百度蜘蛛對網站的抓取，蜘蛛直接沿著那個鏈走就可以了，很方便。
10. 麵包屑有利於網站內鏈的建設，用麵包屑大大增加了網站的內部連線，提高使用者體驗。

正文

正文標題使用H1標籤，副標題用H2標籤，主內容用p標籤。如果文章中有圖片，在圖片旁邊需要增加文字介紹，增加出圖率。

相關文章

相關文章或者推薦文章一般都是與文章主題相關的，一方面可以增加使用者對下游PV的貢獻度，另一方便增加本頁關鍵詞出現的頻次，提高關鍵詞在搜尋引擎中的權重

友情連結

友情連結在提升網站權重方面有重大的作用，網站不需要它帶來增加收錄量，所有在友情連結中要增加 nofollow，不要讓爬蟲去爬。友情連結很像人一樣，有相同愛好的人會走到一起，能與名人認識對提升自己的名氣有很大幫助。所有在友情連結要注意以下幾點：

1. 友情連結的網站必需是相同型別的網站
   這一點很好理解， 人以群居，物以類聚！如果你是做視訊網站的，友情連結的網站最好也是做視訊的，這樣搜尋引擎會認為你們是一夥的，團伙作戰比孤軍奮戰當然強的多。
2. 友情連結必需雙方交換連結
   這一點也很好理解，如果你連結了別人，別人不連結你，這就像是單相思一樣，並沒有什麼卵用。所以不要在友情連結中增加百度、網易這樣牛逼的網站，因為它們不會給你加友情連結的，獨自暗戀范冰冰不如對身邊的女孩子好一點。
3. 對方網站權重必需高
   友情連結最好對方的權重比你好或者差不多，如果你的友情連結都是比較差的，搜尋引擎可能認為你也是比較差的，有可能對你降權
4. 對方網站必需穩定
   友情連結的穩定對網站的長期發展是至關重要的一個方面。如果對方網站不穩定，搜尋引擎認為對方可能比較差，對你的網站有很壞的影響

網站地圖

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展示。

不要以H1~H6、strong，I等重要標籤為樣式名稱，這些標籤對搜尋引擎來說是有含義的