一般的網(wǎng)頁設(shè)計(jì)都由網(wǎng)頁設(shè)計(jì)師完成。設(shè)計(jì)師設(shè)計(jì)網(wǎng)站往往僅從美觀、創(chuàng)意和易用的角度考慮，這對于一個(gè)期望獲得搜索引擎排名優(yōu)秀的商業(yè)網(wǎng)站來說，已經(jīng)遠(yuǎn)遠(yuǎn)不夠了，網(wǎng)站策劃人員至少應(yīng)該為設(shè)計(jì)師遞交一份需求備忘錄，提醒在設(shè)計(jì)中需要配合和注意的環(huán)節(jié)。

目錄結(jié)構(gòu)和URL
URL 是統(tǒng)一資源定位，即每個(gè)網(wǎng)頁的網(wǎng)址、路徑。網(wǎng)站文件的目錄結(jié)構(gòu)直接體現(xiàn)于URL。清晰簡短的目錄結(jié)構(gòu)和規(guī)范的命名不僅有利于用戶體驗(yàn)和網(wǎng)址傳播，更是搜索引擎友好的體
現(xiàn)。
目錄層次：
對于一個(gè)小型網(wǎng)站來說，一般只有一層子目錄，如下：
http://www.yoursite.com/dir1/page.htm
www.yoursite.com 是域名，dir1 是一級(jí)目錄名，page 是文件名。對搜索引擎而言，這種單一的目錄結(jié)構(gòu)最為理想，即扁平結(jié)構(gòu)（Flat）。
而對規(guī)模大一些的網(wǎng)站，往往需要二到三層子目錄。象這樣：
http://www.yoursite.com/dir1/dir2/dir3/page.htm
搜索引擎還是會(huì)去抓取二到三層子目錄下的文件，但最好不要超過3 層，如果超過4 層，象以下這個(gè)頁面，搜索引擎就很難去搜索它了：
http://www.yoursite.com/dir1/dir2/dir3/dir4/page.htm
當(dāng)然，以下情況下，即使深入第四層甚至更深層次的頁面，也同樣能被搜索到：
1、如果該頁提供了重要內(nèi)容，有大量來自其它網(wǎng)站的外部鏈接（Inbound Links）；
2、如果在首頁上增加一個(gè)該頁的鏈接，可以通過首頁直接到達(dá)，搜索Spider 還是可以輕易地找到它；
3、如果有其它網(wǎng)站在頂級(jí)頁面上鏈接了該頁，其效果就好似你在自己的首頁上做了該鏈接。
此外，圖形、腳本、CGI-BIN 和CSS 樣式表則各自建立專門的目錄收入其中，一般不放在根目錄下。
目錄和文件命名：
根據(jù)關(guān)鍵字無所不在的原則，可以在目錄名稱和文件名稱中使用到關(guān)鍵詞。但如果是關(guān)鍵詞組，則需要用分隔符分開。我們常用連字符“-”和下劃線“_”進(jìn)行分隔，URL 中還經(jīng)常出現(xiàn)空格碼“%20”。因此，如果以“中國制造”作文件名，就可能出現(xiàn)以下三種分隔形式：
made-in-china.htm
made_in_china.htm
made%20in%20china.htm
但事實(shí)上，至少在目前Google 并不認(rèn)同“_”為分隔符。對Google 來說， made-in-china 和made%20in%20china 都等于made in china，但made_in_china 就被讀成了madeinchina，連在一起之后，關(guān)鍵詞就失去了意義。
因此，目錄和文件名稱如果有關(guān)鍵詞組，要用連字符“-”而不是下劃線“_”進(jìn)行分隔。 URL 應(yīng)該越短越好。有人為了單純增加關(guān)鍵字而額外建多一個(gè)帶有關(guān)鍵字的子目錄，改變目錄結(jié)構(gòu)。由于URL 中含有關(guān)鍵字本身對排名提高幫助并不大，因而這種做法多此一舉，也是搜索引擎反感的。
絕對URL和相對URL：
絕對URL ： 即網(wǎng)頁路徑使用包含頂級(jí)域名在內(nèi)的完整的URL 。如：
www.yoursite.com/page1/index.html 是一個(gè)絕對路徑，其中/page1/index.html 則為相對路徑，由瀏覽器自動(dòng)在該鏈接前加上www.yoursite.com。
總體上，Google 在排名時(shí)并不在意URL 使用的是相對路徑還是絕對路徑。
動(dòng)態(tài)URL：
目前很多網(wǎng)站都有數(shù)據(jù)庫驅(qū)動(dòng)生成的URL，即動(dòng)態(tài)URL，往往表現(xiàn)為在URL 中出現(xiàn)“?”、“=”、 “%”，以及“&”、“$”等字符。動(dòng)態(tài)URL 極不利于搜索引擎抓取網(wǎng)頁，嚴(yán)重影響網(wǎng)站排名，通常是通過技術(shù)解決方案將動(dòng)態(tài)URL 轉(zhuǎn)化成靜態(tài)的URL 形式，如：
將http://www.domain.com/messages.php?id=2&type=5
轉(zhuǎn)化為http://www.domain.com/messages/2/5/
下文將會(huì)專門提到動(dòng)態(tài)URL 的解決方案。

導(dǎo)航結(jié)構(gòu)
網(wǎng)站導(dǎo)航是對引導(dǎo)用戶訪問網(wǎng)站的的欄目、菜單、在線幫助、布局結(jié)構(gòu)等形式的統(tǒng)稱。其主要功能在于引導(dǎo)用戶方便地訪問網(wǎng)站內(nèi)容，是評(píng)價(jià)網(wǎng)站專業(yè)度、可用度的重要指標(biāo)。同時(shí)對搜索引擎也產(chǎn)生諸多提示作用。概括地講，網(wǎng)站在導(dǎo)航方面應(yīng)注意以下幾點(diǎn)：
1、主導(dǎo)航醒目清晰
主導(dǎo)航一般體現(xiàn)為一級(jí)目錄，通過它們用戶和蜘蛛程序都可以層層深入訪問到網(wǎng)站所有重要內(nèi)容。因此主欄目必須在網(wǎng)站首頁第一屏的醒目位置體現(xiàn)，并最好采用文本鏈接而不是圖片。
2、“面包屑型(Breadcrumbs)”路徑
所謂“面包屑”是比喻用戶通過主導(dǎo)航到目標(biāo)網(wǎng)頁的訪問過程中的路徑提示，使用戶了解所處網(wǎng)站中的位置而不至于迷失“方向”，并方便回到上級(jí)頁面和起點(diǎn)。路徑中的每個(gè)欄目最好添加鏈接。如下：
時(shí)代營銷：首頁> 網(wǎng)絡(luò)營銷動(dòng)態(tài)> 特別報(bào)道
即使沒有詳細(xì)的路徑來源，也至少應(yīng)該在每個(gè)子頁面提示回首頁的鏈接，包括頁面的LOGO作鏈接。
3、首頁突出重要內(nèi)容
對搜索引擎來說，iframe 中的文字是可見的，也可以跟蹤到其中鏈接指向的頁面，不過與用戶所見不同的是，搜索引擎將iframe 內(nèi)容看成單獨(dú)的一個(gè)頁面內(nèi)容，與被內(nèi)嵌的頁面無關(guān)。

圖像優(yōu)化
一般而言，搜索引擎只識(shí)讀文本內(nèi)容，對圖像是不可見的。同時(shí)，圖像文件直接延緩頁面加載時(shí)間，如果超過20 秒網(wǎng)站還不能加載，用戶和搜索引擎極有可能離開你的網(wǎng)站。因此，除非你的網(wǎng)站內(nèi)容是圖片為主，比如游戲站點(diǎn)或者圖片至關(guān)重要，否則盡量避免使用大圖片，更不要采用純圖像制作網(wǎng)頁(SPLASH PAGE)。
網(wǎng)站圖片優(yōu)化的核心有兩點(diǎn)：增加搜索引擎可見的文本描述，以及在保持圖像質(zhì)量的情況下盡量壓縮圖像的文件大小。
Alt 屬性：
每個(gè)圖像<IMG>標(biāo)簽中都有ALT 屬性，搜索引擎會(huì)讀取該屬性以了解圖像的信息。因此，最好在所有插圖的ALT 屬性中都有文字描述，并帶上該頁關(guān)鍵字在其中。
如：www.marketingman.net/wm37.htm 的書籍廣告圖片代碼為：
<img src="images/webmarketing2_cover_200.jpg" width="200" height="259" alt="《網(wǎng)絡(luò)營銷基礎(chǔ)與實(shí)踐》第2 版（馮英健著，2004）" border="0">

文本說明：
除了ALT 屬性文字，還可以考慮以下方法直接優(yōu)化圖像，使之被搜索到：
1、在圖片上方或下方加上包含關(guān)鍵詞的描述文本；
2、在代碼中增加一個(gè)包含關(guān)鍵詞段的heading 標(biāo)題標(biāo)簽，然后在圖片下方增加文字描述。
3、在圖片下方或旁邊增加如“更多某某”鏈接，包含關(guān)鍵詞。
4、創(chuàng)建一些既吸引用戶又吸引搜索引擎的文本內(nèi)頁，先把流量吸引到這些頁面，再提供文
本鏈接指向你的圖片頁面。
總體上，網(wǎng)頁應(yīng)盡量減少裝飾性圖片以及大圖片。而Alt 屬性中的文字對搜索引擎來說，其
重要性比正文內(nèi)容的文字要低。

Gif 和JPGE 圖像優(yōu)化：
Alt 屬性和文本說明都只是對圖像之外的文本環(huán)境進(jìn)行優(yōu)化，下面簡單談?wù)剬D片本身的優(yōu)化處理。對圖片文件優(yōu)化的目的是在盡量不影響圖像畫面效果的情況下，將其文件大小降到最低，以加快頁面整體下載速度。
網(wǎng)頁圖片格式主要有GIF 和JPGE 兩種形式。一般來講，GIF 適用于線圖和企業(yè)標(biāo)識(shí)；JPEG 適宜照片元素的格式。主要通過減少GIF 顏色數(shù)量、縮小圖片尺寸和降低分辯率來縮小文件，也可以采用層疊樣式表達(dá)到優(yōu)化的目的。PhotoShop 的版本越高越適用于網(wǎng)絡(luò)圖形。此外，將大圖片切割成若干小圖片于不同的表格區(qū)間內(nèi)進(jìn)行拼接，也可以相對加快下載時(shí)間。

工具推薦（英文）：www.xat.com/internet_technology/download.html （圖片優(yōu)化工具）

FLASH 優(yōu)化：
由于FLASH 優(yōu)美的視覺效果和廣闊的創(chuàng)意空間，F(xiàn)LASH 技術(shù)在網(wǎng)頁設(shè)計(jì)和網(wǎng)絡(luò)廣告中的應(yīng)用非常廣泛，很多網(wǎng)站首頁甚至全部用FLASH 設(shè)計(jì)。但FLASH 網(wǎng)頁有一個(gè)非常致命的問題，即大部分搜索引擎無法識(shí)別FLASH 中的信息。Google 也只能檢索到部分Flash 文件中的內(nèi)嵌鏈接。以下列舉一個(gè)制造機(jī)電設(shè)備的企業(yè)網(wǎng)站首頁的代碼，用FLASH 制作，請注意是否可以看見有意義的文本：
<html>
<head>
<title>Welcome</title>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<style type="text/css">
<!--
body {
margin-left: 0px;
margin-top: 0px;
margin-right: 0px;
margin-bottom: 0px;
}
-->
</style>
<link rel="stylesheet" href="style.txt" type="text/css">
</head>
<body bgcolor="#FFFFFF" text="#000000">
<table border="0" width="100%" height="100%" cellspacing="0" cellpadding="0">
<tr>
<td width="100%" background="images/bg.jpg"><div align="center">
<center>
<table width="777" border="0" align="center" cellpadding="0" cellspacing="0">
<tr>
<td><object classid="clsid27CDB6E-AE6D-11cf-96B8-444553540000"
codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,29
,0" width="777" height="455">
<param name="movie" value="index.swf">
<param name="quality" value="high">