做(zuò)SEO對網頁設計(jì)制(zhì)作(zuò)的要求

做(zuò)SEO對網頁設計(jì)制(zhì)作(zuò)的要求

網站(zhàn)建設中頁面設計(jì)一般是由網頁設計(jì)師(shī)完成。設計(jì)師(shī)設計(jì)網站(zhàn)往往僅從美觀、創意和(hé)易用的角度考慮，這對于一個(gè)期望獲得(de)搜索引擎排名優秀的商業網站(zhàn)來(lái)說，已經遠遠不夠了，網站(zhàn)策劃人(rén)員至少(shǎo)應該為(wèi)設計(jì)師(shī)遞交一份需求備忘錄，提醒在設計(jì)中需要配合和(hé)注意的環節。
目錄結構和(hé)URL
URL是統一資源定位，即每個(gè)網頁的網址、路徑。網站(zhàn)文件的目錄結構直接體(tǐ)現于URL。清晰簡短(duǎn)的目錄結構和(hé)規範的命名不僅有(yǒu)利于用戶體(tǐ)驗和(hé)網址傳播，更是搜索引擎友(yǒu)好的體(tǐ)現。

目錄層次：
對于一個(gè)小(xiǎo)型網站(zhàn)來(lái)說，一般隻有(yǒu)一層子目錄，如下：
/ymkj/
www.zjcoo.com是域名，dir1是一級目錄名，page是文件名。
對搜索引擎而言，這種單一的目錄結構最為(wèi)理(lǐ)想，即扁平結構（Flat）。

而對規模大(dà)一些(xiē)的網站(zhàn)，往往需要二到三層子目錄。象這樣：
/dir1/dir2/dir3/page.htm
搜索引擎還(hái)是會(huì)去抓取二到三層子目錄下的文件，但(dàn)最好不要超過3層，如果超過4層，象以下這個(gè)頁面，搜索引擎就很(hěn)難去搜索它了：/dir1/dir2/dir3/dir4/page.htm

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

1、如果該頁提供了重要內(nèi)容，有(yǒu)大(dà)量來(lái)自其它網站(zhàn)的外部鏈接（Inbound Links）；
2、如果在首頁上(shàng)增加一個(gè)該頁的鏈接，可(kě)以通(tōng)過首頁直接到達，搜索Spider還(hái)是可(kě)以輕易地找到它；
3、如果有(yǒu)其它網站(zhàn)在頂級頁面上(shàng)鏈接了該頁，其效果就好似你(nǐ)在自己的首頁上(shàng)做(zuò)了該鏈接。

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

目錄和(hé)文件命名：
根據關鍵字無所不在的原則,可(kě)以在目錄名稱和(hé)文件名稱中使用到關鍵詞。但(dàn)如果是關鍵詞組,則需要用分隔符分開(kāi)。我們常用連字符"-"和(hé)下劃線"_"進行(xíng)分隔，URL中還(hái)經常出現空(kōng)格碼"%20"。因此，如果以"中國制(zhì)造"作(zuò)文件名,就可(kě)能出現以下三種分隔形式：
made-in-china.htm
made_in_china.htm
made%20in%20china.htm
但(dàn)事實上(shàng)，至少(shǎo)在目前Google并不認同"_"為(wèi)分隔符。對Google來(lái)說， made-in-china和(hé)made%20in%20china都等于made in china，但(dàn)made_in_china就被讀成了madeinchina，連在一起之後，關鍵詞就失去了意義。

因此，目錄和(hé)文件名稱如果有(yǒu)關鍵詞組，要用連字符"-"而不是下劃線"_"進行(xíng)分隔。
URL應該越短(duǎn)越好。有(yǒu)人(rén)為(wèi)了單純增加關鍵字而額外建多(duō)一個(gè)帶有(yǒu)關鍵字的子目錄，改變目錄結構。由于URL中含有(yǒu)關鍵字本身對排名提高(gāo)幫助并不大(dà)，因而這種做(zuò)法多(duō)此一舉，也是搜索引擎反感的。

絕對URL和(hé)相對URL：
絕對URL：即網頁路徑使用包含頂級域名在內(nèi)的完整的URL。
如：www.zjcoo.com/page1/index.html是一個(gè)絕對路徑，其中/page1/index.html則為(wèi)相對路徑，由浏覽器(qì)自動在該鏈接前加上(shàng)www.zjcoo.com。
www.zjcoo.com

總體(tǐ)上(shàng)，Google在排名時(shí)并不在意URL使用的是相對路徑還(hái)是絕對路徑。 動态URL： 目前很(hěn)多(duō)網站(zhàn)都有(yǒu)數(shù)據庫驅動生(shēng)成的URL，即動态URL，往往表現為(wèi)在URL中出現"?"、"="、"%"，以及"&"、"$"等字符。動态URL極不利于搜索引擎抓取網頁，嚴重影(yǐng)響網站(zhàn)排名，通(tōng)常是通(tōng)過技(jì)術(shù)解決方案将動态URL轉化成靜态的URL形式，如：
将php?id=2&type=5">/messages.php?id=2&;type=5 轉化為(wèi)/messages/2/5/ 下文将會(huì)專門(mén)提到動态URL的解決方案。
導航結構
網站(zhàn)導航是對引導用戶訪問網站(zhàn)的的欄目、菜單、在線幫助、布局結構等形式的統稱。其主要功能在于引導用戶方便地訪問網站(zhàn)內(nèi)容，是評價網站(zhàn)專業度、可(kě)用度的重要指标。同時(shí)對搜索引擎也産生(shēng)諸多(duō)提示作(zuò)用。概括地講，網站(zhàn)在導航方面應注意以下幾點：
1、主導航醒目清晰
主導航一般體(tǐ)現為(wèi)一級目錄，通(tōng)過它們用戶和(hé)蜘蛛程序都可(kě)以層層深入訪問到網站(zhàn)所有(yǒu)重要內(nèi)容。因此主欄目必須在網站(zhàn)首頁第一屏的醒目位置體(tǐ)現，并最好采用文本鏈接而不是圖片。
2、"面包屑型(Breadcrumbs)"路徑
所謂"面包屑"是比喻用戶通(tōng)過主導航到目标網頁的訪問過程中的路徑提示，使用戶了解所處網站(zhàn)中的位置而不至于迷失"方向"，并方便回到上(shàng)級頁面和(hé)起點。路徑中的每個(gè)欄目最好添加鏈接。

如下： 網信設計(jì)： 網信日志(zhì) > 技(jì)術(shù)資訊 > 網絡營銷
即使沒有(yǒu)詳細的路徑來(lái)源，也至少(shǎo)應該在每個(gè)子頁面提示回首頁的鏈接，包括頁面的LOGO作(zuò)鏈接。
3、首頁突出重要內(nèi)容
除了主欄目，還(hái)應該将次級目錄中的重要內(nèi)容以鏈接的方式在首頁或其它子頁中多(duō)次呈現，以突出重點。搜索引擎會(huì)對這種一站(zhàn)內(nèi)多(duō)次出現的鏈接給予充分重視(shì)，對網頁級别（PageRank）提高(gāo)有(yǒu)很(hěn)大(dà)幫助，這也是每個(gè)網站(zhàn)首頁的網頁級别一般高(gāo)于其它頁面級别的重要因素，因為(wèi)每個(gè)子頁都對首頁進行(xíng)了鏈接。

4、使用網站(zhàn)地圖
網站(zhàn)地圖（Site Map）是輔助導航的手段，最初是為(wèi)用戶設計(jì)，以方便用戶快捷到達目标頁。良好的網站(zhàn)地圖設計(jì)常常以網站(zhàn)拓撲結構體(tǐ)現複雜的目錄關系，具有(yǒu)靜态、直觀、扁平、簡單的特點。多(duō)采用文本鏈接，不用或少(shǎo)用修飾性圖片，以加快頁面加載速度。以上(shàng)特點符合搜索引擎友(yǒu)好的要求，因此網站(zhàn)地圖在SEO中也有(yǒu)重要的意義。尤其對于那(nà)些(xiē)采用圖片導航和(hé)動态技(jì)術(shù)生(shēng)成的網頁，通(tōng)過在網站(zhàn)地圖中進行(xíng)文本鏈接，可(kě)在一定程度上(shàng)彌補蜘蛛程序無法識别圖片和(hé)動态網頁造成的頁面不可(kě)見的風險。
www.here123.com

需要注意，網站(zhàn)地圖也要突出重點，盡量給出主幹性內(nèi)容及鏈接，而不是所有(yǒu)細枝末節。一頁內(nèi)不适宜放太多(duō)鏈接。Google明(míng)确提出"如果網站(zhàn)地圖上(shàng)的鏈接超過大(dà)約 100 個(gè)，則最好将網站(zhàn)地圖拆成多(duō)個(gè)網頁"。
工具推薦：
Xenu：http://home.snafu.de/tilman/xenulink.html 生(shēng)成網站(zhàn)地圖
框架結構
框架結構，即幀結構（Frame）網頁表現為(wèi)一個(gè)頁面內(nèi)的某一塊保持固定，其它部分信息可(kě)以通(tōng)過滾動條上(shàng)下或左右移動顯示，如左邊菜單固定，正文信息可(kě)移動，或者頂部導航和(hé)LOGO部分保持固定，其它部分上(shàng)下或左右移動。我們的郵箱通(tōng)常都采用框架建構。框架型網頁的另一個(gè)表現是，深層頁面的域名通(tōng)常不會(huì)在URL中體(tǐ)現出來(lái)，即使進入深層子頁面，浏覽器(qì)顯示出來(lái)的URL仍然是主頁的URL。

框架型網站(zhàn)的優越性體(tǐ)現在頁面的整體(tǐ)一緻性和(hé)更新方便上(shàng)。尤其對于那(nà)些(xiē)大(dà)型網站(zhàn)而言，框架結構的使用可(kě)以使網站(zhàn)的維護變得(de)相對容易。但(dàn)框架對搜索引擎來(lái)說是一個(gè)很(hěn)大(dà)的問題，這是由于大(dà)多(duō)數(shù)搜索引擎都無法識别框架，也沒有(yǒu)什麽興趣去抓取框架中的內(nèi)容。此外，某些(xiē)浏覽器(qì)也不支持框架頁面。

如果網頁已經使用了框架，或出于某種原因一定要使用框架結構，則必須在代碼中使用"Noframes"标簽進行(xíng)優化，把Noframe标簽看做(zuò)是一個(gè)普通(tōng)文本內(nèi)容的主頁。在<Noframe></Noframe>區(qū)域中包含指向frame頁的鏈接以及帶有(yǒu)關鍵詞的描述文本，同時(shí)在框架以外的區(qū)域也出現關鍵詞文本。這樣，搜索引擎才能夠正确索引到框架內(nèi)的信息。

還(hái)有(yǒu)一個(gè)辦法是采用iframe即內(nèi)聯框架(Inner Frame)技(jì)術(shù)來(lái)避免Frame帶來(lái)的不便。所謂iframe也是框架的一種形式，它是相當于在主浏覽器(qì)窗口中內(nèi)嵌一個(gè)子窗口，內(nèi)容自動打開(kāi)。iframe可(kě)以嵌在網頁中的任意部分，也可(kě)以随意定義其大(dà)小(xiǎo)，其代碼顯示為(wèi)：

<iframe src=xx width=x height=x scrolling=xx frameborder=x></iframe>"
對搜索引擎來(lái)說，iframe中的文字是可(kě)見的，也可(kě)以跟蹤到其中鏈接指向的頁面，不過與用戶所見不同的是，搜索引擎将iframe內(nèi)容看成單獨的一個(gè)頁面內(nèi)容，與被內(nèi)嵌的頁面無關。
圖像優化
一般而言，搜索引擎隻識讀文本內(nèi)容，對圖像是不可(kě)見的。同時(shí)，圖像文件直接延緩頁面加載時(shí)間(jiān)，如果超過20秒(miǎo)網站(zhàn)還(hái)不能加載，用戶和(hé)搜索引擎極有(yǒu)可(kě)能離開(kāi)你(nǐ)的網站(zhàn)。因此，除非你(nǐ)的網站(zhàn)內(nèi)容是圖片為(wèi)主，比如遊戲站(zhàn)點或者圖片至關重要，否則盡量避免使用大(dà)圖片，更不要采用純圖像制(zhì)作(zuò)網頁(SPLASH PAGE)。

網站(zhàn)圖片優化的核心有(yǒu)兩點：增加搜索引擎可(kě)見的文本描述，以及在保持圖像質量的情況下盡量壓縮圖像的文件大(dà)小(xiǎo)。
Alt屬性：
每個(gè)圖像<IMG>标簽中都有(yǒu)ALT屬性，搜索引擎會(huì)讀取該屬性以了解圖像的信息。因此，最好在所有(yǒu)插圖的ALT屬性中都有(yǒu)文字描述，并帶上(shàng)該頁關鍵字在其中。
如：www.zjcoo.com的主頁LOGO部分代碼為(wèi)：
<img src="/article/UploadPic/2007-3/200739223415731.gif" alt="重慶網站(zhàn)建設" width="200" height="70" border="0">
文本說明(míng)：
除了ALT屬性文字，還(hái)可(kě)以考慮以下方法直接優化圖像，使之被搜索到：
1、在圖片上(shàng)方或下方加上(shàng)包含關鍵詞的描述文本；
2、在代碼中增加一個(gè)包含關鍵詞段的heading标題标簽，然後在圖片下方增加文字描述。
3、在圖片下方或旁邊增加如"更多(duō)某某"鏈接，包含關鍵詞。
4、創建一些(xiē)既吸引用戶又吸引搜索引擎的文本內(nèi)頁，先把流量吸引到這些(xiē)頁面，再提供文本鏈接指向你(nǐ)的圖片頁面。
總體(tǐ)上(shàng)，網頁應盡量減少(shǎo)裝飾性圖片以及大(dà)圖片。而Alt屬性中的文字對搜索引擎來(lái)說，其重要性比正文內(nèi)容的文字要低(dī)。
Gif和(hé)JPGE圖像優化：
Alt屬性和(hé)文本說明(míng)都隻是對圖像之外的文本環境進行(xíng)優化，下面簡單談談對圖片本身的優化處理(lǐ)。對圖片文件優化的目的是在盡量不影(yǐng)響圖像畫(huà)面效果的情況下，将其文件大(dà)小(xiǎo)降到最低(dī)，以加快頁面整體(tǐ)下載速度。

網頁圖片格式主要有(yǒu)GIF和(hé)JPGE兩種形式。一般來(lái)講，GIF适用于線圖和(hé)企業标識；JPEG适宜照片元素的格式。主要通(tōng)過減少(shǎo)GIF顔色數(shù)量、縮小(xiǎo)圖片尺寸和(hé)降低(dī)分辯率來(lái)縮小(xiǎo)文件，也可(kě)以采用層疊樣式表達到優化的目的。PhotoShop的版本越高(gāo)越适用于網絡圖形。此外，将大(dà)圖片切割成若幹小(xiǎo)圖片于不同的表格區(qū)間(jiān)內(nèi)進行(xíng)拼接，也可(kě)以相對加快下載時(shí)間(jiān)。

由于FLASH優美的視(shì)覺效果和(hé)廣闊的創意空(kōng)間(jiān)，FLASH技(jì)術(shù)在網頁設計(jì)和(hé)網絡廣告中的應用非常廣泛，很(hěn)多(duō)網站(zhàn)首頁甚至全部用FLASH設計(jì)。但(dàn)FLASH網頁有(yǒu)一個(gè)非常緻命的問題，即大(dà)部分搜索引擎無法識别FLASH中的信息。Google也隻能檢索到部分Flash文件中的內(nèi)嵌鏈接。
以下列舉一個(gè)制(zhì)造機電(diàn)設備的企業網站(zhàn)首頁的代碼，用FLASH制(zhì)作(zuò)，請(qǐng)注意是否可(kě)以看見有(yǒu)意義的文本：

因此可(kě)以得(de)出結論是：
蜘蛛程序沒有(yǒu)在這個(gè)企業網站(zhàn)首頁獲得(de)任何有(yǒu)意義的文本內(nèi)容，也沒有(yǒu)獲得(de)該Flash首頁中進入"中文版""英文版"關鍵性內(nèi)容的鏈接。

FLASH優化可(kě)以從以下三個(gè)方面來(lái)考慮：
1、做(zuò)一個(gè)輔助HTML版本： 保留原有(yǒu)FLASH版本的同時(shí)，還(hái)可(kě)以設計(jì)一個(gè)HTML格式的版本，這樣既可(kě)以保持動态美觀效果，也可(kě)以讓搜索引擎通(tōng)過HTML版本的網頁來(lái)發現網站(zhàn)。

2、将Flash內(nèi)嵌HTML文件： 還(hái)可(kě)以通(tōng)過改變網頁結構進行(xíng)彌補，即不要将整個(gè)網頁都設計(jì)成Flash動畫(huà)，而是将Flash內(nèi)容嵌入到HTML文件中，這樣對于用戶浏覽并不會(huì)削弱視(shì)覺效果，搜索引擎也可(kě)以從HTML代碼中發現一些(xiē)必要的信息，尤其是進入內(nèi)容頁面的鏈接。 即使首頁全部動用了FLASH，也應該将進入內(nèi)頁的關鍵性按鈕/鏈接置于FLASH文件之外，以獨立純文本鏈接的方式呈現。上(shàng)文案例将"中文版"鏈接置于FLASH文件中，使得(de)蜘蛛程序一無所獲，無法抓取到內(nèi)頁信息。

3、付費登錄搜索引擎： 如果FLASH網站(zhàn)錯過了被免費的技(jì)術(shù)型搜索引擎自動檢索的機會(huì)，或者搜索結果排名效果不太理(lǐ)想，可(kě)以通(tōng)過付費登錄或做(zuò)搜索引擎關鍵詞廣告，同樣被用戶搜索到。
總體(tǐ)上(shàng)，商業網站(zhàn)應盡量少(shǎo)用FLASH，站(zhàn)點間(jiān)進行(xíng)廣告交換時(shí)也要避免采用FLASH廣告為(wèi)上(shàng)策。

 信息來(lái)源：重慶網站(zhàn)建設,網站(zhàn)建設