.png)
本文分享網頁設計中12個有利於SEO的細節，這些基本點都比較具有普遍性，好的建站公司在建網站時候不僅僅考慮到整個網站的版面結構，功能以及後臺操作簡潔適用性，更應該考慮到在寫代碼的時候就註意網站的優化元素。好的網站還要能夠很好的推廣出去，獲得壹定量的排名和收錄。本文分享的這12個優化細節來自seowhy的杜曉龍，內容雖然並非原創，但覺得有必要轉載分享過來，廣大站長，瀏覽壹篇，也不錯喲。
SEO，即搜索引擎優化，簡單來講就是總結搜索引擎的排名規律，對網站進行合理優化從而使妳的網站在搜索引擎中的排名提高，讓搜索引擎給妳帶來客戶。而在網頁設計過程中怎樣才能做到搜索引擎友好度較好呢，下面筆者就自己的經驗和網上的壹些資源分享做網站需要註意的12個事項：
1.div+css網站編碼簡潔明了
盡量使用div+css設計網頁，壹般網站頁面不大小在100K左右，行業門戶網站除外。div+css的好處：大大縮減頁面代碼，提高頁面瀏覽速度，天生的網站優化，更好的控制頁面布局。表現和內容相分離，Table 布局靈活性不大，妳只能遵循 table-tr-td 的格式，而div 妳可以 div ul li 也可以 ol li 還可以 ul li 等等。另外，table布局代碼中，垃圾代碼很多，不利於搜索引擎的檢索。 （地瓜:讓蜘蛛更輕易的抓取內容）
2.網頁title設計
壹個網站中的每壹個網頁的title都應該是獨壹無二的，不能有相同的。每進入壹個層次，本頁面的內容放到最前面，後面的是網站名稱，中間的填上壹些路徑。譬如我的這篇博客的標題是“網頁設計中12個有利於SEO的細節 – 電子商務 – 地瓜熟了不”。Title中的詞同樣也能提升關鍵詞排名。
Title的書寫：首頁的title寫法格式壹般是“總標題-關鍵詞。
內頁title寫法：內頁title的寫法有最常見的是“欄目名稱-總名稱”。
2.頁面關鍵詞（keywords）及描述（deｓｃｒｉｐｔion）設置。
壹個網站中，必須保證每個頁面的關鍵詞和描述都是不同的。<meta name=”Keywords” content=”關鍵詞1,關鍵詞2,關鍵詞3,關鍵詞4,關鍵詞5″ /><meta name=”deｓｃｒｉｐｔion” content=”***網，主做什麽什麽業務，這是壹個神奇的網站” />
Keywords的書寫，每個關鍵詞之間必須用英文狀態下的半角逗號（“’”）隔開。壹般設置五個關鍵詞最為合適。多則後面詞的優勢則不是那麽明顯，還會影響其他詞的排名。且不超過100個字符。且不超過100個字符。
Deｓｃｒｉｐｔion的書寫，通常為壹段介紹該頁面的壹段話。新聞頁的話就是新聞的摘要內容，首頁的話就是介紹本網站的內容。且不超過100個字符。
首頁keywords寫法：在首頁的keywords中加入總名稱、欄目名稱和壹兩個關鍵詞（主做的關鍵詞）。
欄目keywords寫法：欄目的keywords其欄目下所有分類列表的名稱列出，加上欄目關鍵字，寫法是“欄目名稱,欄目關鍵字,欄目分類列表名稱”。(如果該欄目下沒有分類，如新聞頁面，就不需再加分類列表)。
分類列表頁keywords寫法：將妳這個欄目中的主要關鍵字寫入。
壹般說來，網站每個頁面的關鍵詞中前幾個是不壹樣的，但是後幾個詞的話可以是主做的關鍵詞。兩者加起來不能太多，適量就行。
3.少用腳本語言，JS盡量外部調用
javaｓｃｒｉｐｔ與css文件壹律使用外部調用，不要把他們直接寫進網頁代碼中，並且盡量減少腳本的個數，這樣的話不僅利於網頁的加載速度，也有利於搜索引擎的抓取。（地瓜：這個可以通過百度SEO建議工具進行檢查，很好用）
4.盡量使用文字鏈接
盡量使用文字鏈接，而不是flash、圖片、Javaｓｃｒｉｐｔ等來顯示重要的內容或鏈接。因為搜索引擎目前並不認識這些東西，所以它們既影響網頁打開速度，更不利於收錄。（圖片的話盡量每個圖片都加上“ALT”屬性）。（地瓜：這點在SEO界都說爛了。）
5.網站的每個頁面盡量靜態化（或偽靜態）
搜索引擎對動態網頁如asp、php等，尤其是帶?等參數的網頁收錄效果比較差。
偽靜態的好處：不管是asp、php、jsp、.net等動態程序，都需要讀取調用數據庫內容，才能顯示數據，這樣速度就會變慢。影響用戶瀏覽。而偽靜態就是動態的生成壹個HTML文件出來。其實它也是靜態的了，只是說這個網站是偽靜態的。靜態的網站是不需要數據庫的，它是直接在頁面就有內容顯示的了，相比起來，在打開的速度方面是會比動態有優勢，對於搜索引擎來說，也好收錄。
6.網站頁面的導航
這裏所說的導航，就是SEO中常見的“面包屑導航”。
面包屑導航(BreadcrumbNavigation)通話故事簡介：這個概念來自童話故事”漢賽爾和格萊特，當漢賽爾和格萊特穿過森林時，不小心迷路了，但是他們發現在沿途走過的地方都撒下了面包屑，讓這些面包屑來幫助他們找到回家的路，所以，面包屑導航的作用是告訴訪問者他們目前在網站中的位置以及如何返回。”
而在網頁設計中它的作用就在於：
壹讓用戶了解目前所處位置，以及當前頁面在整個網站中的位置。
二體現了網站的架構層級，能夠幫助用戶快速學習和了解網站內容和組織方式，從而形成很好的位置感。
③提供返回各個層級的快速入口，方便用戶操作。
四Google已經將面包屑導航整合到搜索結果裏面，因此優化面包屑導航每個層級的名稱，多使用關鍵字，都可以實現SEO優化。面包屑路徑，對於提高用戶體驗來說，是很有幫助的。
7.做好網站內部鏈接
內部鏈接的幾大作用：加快網頁收錄、優化頁面排名、 PR傳遞、提升客戶體驗度（用戶體驗）。各個頁面之間相互鏈接，以及產品或新聞、文章頁面之間的“上壹篇”、“下壹篇”進行鏈接。如果允許的話，可在每篇文章中設定指定的標簽。標簽的作用同樣也是很大的。
8.不要在網站裏出現死鏈接
死鏈接，即無效鏈接，就是那些不可達到的鏈接。死鏈接過多造成的三大影響：PR值損失、排名下降、用戶體驗降低。
解決方案：定時用工具檢查內部鏈接（網站上線前也需檢查），制作404錯誤頁面。
9.圖片加上ALT屬性
搜索引擎認識圖片的alt屬性，並會讀取並收錄，所以每壹張圖片盡量加上。而文字超鏈接的話，可暫時不加。
10.恰當的使用標簽
在“<h1>、<h2>、<h3>、<h4>、<h5>”中，<h1>代表最重要的，<h6>代表相對最不重要的，因此，根據這個遞減，適當安排關鍵詞。<h1>中使用的關鍵詞，往往是在網頁標題中使用的。<h1>盡量靠近在html 中的<body>標簽，越近越好，以便讓搜索引擎最快的領略主題。
11.做好網站地圖
網站地圖就是根據網站的結構、框架、內容，生成的導航網頁文件。大多數人都知道網站地圖對於提高用戶體驗有好處：它們為網站訪問者指明方向，幫助迷失的訪問者找到他們想看的頁面。對於SEO，網站地圖的好處更多。比如我的地瓜博客的站點地圖地址是：
12．網址url設計
每壹個頁面都有壹個指定的內容，而url如果與內容相似，則更利於搜索引擎的收錄及排名。如該頁面是關於seo的，就可以定為“seo.html”。
