蔚藍部落

第三部分：對搜索引擎友好的網頁設計製作
一般的網頁設計都由網頁設計師完成。設計師設計網站往往僅從美觀、創意和易用的角度考慮，這對於一個期望獲得搜索引擎排名優秀的商業網站來說，已經遠遠不夠了，網站策劃人員至少應該為設計師遞交一份需求備忘錄，提醒在設計中需要配合和注意的環節。

目錄結構和URL
URL是統一資源定位，即每個網頁的網址、路徑。網站檔的目錄結構直接體現於URL。清晰簡短的目錄結構和規範的命名不僅有利於用戶體驗和網址傳播，更是搜索引擎友好的體現。

目錄層次：
對於一個小型網站來說，一般只有一層子目錄，如下：
http://www.vv11.com/dir1/page.htm

www.vv11.com是域名，dir1是一級目錄名，page是檔案名。
對搜索引擎而言，這種單一的目錄結構最為理想，即扁平結構（Flat）。

而對規模大一些的網站，往往需要二到三層子目錄。象這樣：
http://www.vv11.com/dir1/dir2/dir3/page.htm
搜索引擎還是會去抓取二到三層子目錄下的檔，但最好不要超過3層，如果超過4層，象以下這個頁面，搜索引擎就很難去搜索它了：http://www.vv11.com/dir1/dir2/dir3/dir4/page.htm

當然，以下情況下，即使深入第四層甚至更深層次的頁面，也同樣能被搜索到：

1、如果該頁提供了重要內容，有大量來自其他網站的外部鏈結（Inbound Links）；

2、如果在首頁上增加一個該頁的鏈結，可以通過首頁直接到達，搜索Spider還是可以輕易地找到它；

3、如果有其他網站在頂級頁面上鏈結了該頁，其效果就好似你在自己的首頁上做了該鏈結。

此外，圖形、腳本、CGI-BIN和CSS樣式表則各自建立專門的目錄收入其中，一般不放在根目錄下。

目錄和檔命名：

根據關鍵字無所不在的原則,可以在目錄名稱和檔案名稱中使用到關鍵字。但如果是關鍵字組,則需要用分隔符號分開。我們常用連字元"-"和下劃線"_"進行分隔，URL中還經常出現空格碼"%20"。因此，如果以"中國製造"作檔案名,就可能出現以下三種分隔形式：
made-in-china.htm
made_in_china.htm
made%20in%20china.htm

但事實上，至少在目前Google並不認同"_"為分隔符號。對Google來說， made-in-china和made%20in%20china都等於made in china，但made_in_china就被讀成了madeinchina，連在一起之後，關鍵字就失去了意義。

因此，目錄和檔案名稱如果有關鍵字組，要用連字元"-"而不是下劃線"_"進行分隔。

URL應該越短越好。有人為了單純增加關鍵字而額外建多一個帶有關鍵字的子目錄，改變目錄結構。由於URL中含有關鍵字本身對排名提高幫助並不大，因而這種做法多此一舉，也是搜索引擎反感的。

絕對URL和相對URL：

絕對URL：即網頁路徑使用包含頂級域名在內的完整的URL。
如：www.vv11.com/page1/index.html是一個絕對路徑，其中/page1/index.html則為相對路徑，由流覽器自動在該鏈結前加上www.vv11.com。

總體上，Google在排名時並不在意URL使用的是相對路徑還是絕對路徑。 動態URL： 目前很多網站都有資料庫驅動生成的URL，即動態URL，往往表現為在URL中出現"?"、"="、"%"，以及"&"、"$"等字元。動態URL極不利於搜索引擎抓取網頁，嚴重影響網站排名，通常是通過技術解決方案將動態URL轉化成靜態的URL形式，如：
將http://www.vv11.com/messages.php?id=2&type=5 轉化為http://www.vv11.com/messages/2/5/ 下文將會專門提到動態URL的解決方案。

導航結構
網站導航是對引導用戶訪問網站的的欄目、功能表、線上幫助、佈局結構等形式的統稱。其主要功能在於引導用戶方便地訪問網站內容，是評價網站專業度、可用度的重要指標。同時對搜索引擎也產生諸多提示作用。概括地講，網站在導航方面應注意以下幾點：

1、主導航醒目清晰
主導航一般體現為一級目錄，通過它們用戶和蜘蛛程式都可以層層深入訪問到網站所有重要內容。因此主欄目必須在網站首頁第一屏的醒目位置體現，並最好採用文本鏈結而不是圖片。

2、"麵包屑型(Breadcrumbs)"路徑
所謂"麵包屑"是比喻用戶通過主導航到目標網頁的訪問過程中的路徑提示，使用戶瞭解所處網站中的位置而不至於迷失"方向"，並方便回到上級頁面和起點。路徑中的每個欄目最好添加鏈結。

如下： 網信設計： 網信日誌 > 技術資訊 > 網路行銷

即使沒有詳細的路徑來源，也至少應該在每個子頁面提示回首頁的鏈結，包括頁面的LOGO作鏈結。
最後編輯： Vica 編輯於2009-03-27 土曜日 23:31