網(wǎng)站的目標(biāo)及內(nèi)容主題等有關(guān)問題已經(jīng)確定。結(jié)構(gòu)設(shè)計(jì)要做的事情就是將內(nèi)容劃分為清晰合理的層次體系，如欄目的劃分及其關(guān)系、網(wǎng)頁的層次及其關(guān)系、鏈接的路徑設(shè)置、功能在網(wǎng)頁上的分配等。

網(wǎng)站物理結(jié)構(gòu)是指網(wǎng)站目錄及其包含文件的真實(shí)存儲(chǔ)位置所表現(xiàn)出來的結(jié)構(gòu)，一般有兩種表現(xiàn)形式，分別是扁平式物理結(jié)構(gòu)和樹形物理結(jié)構(gòu)。網(wǎng)站的目錄是建立網(wǎng)站時(shí)所創(chuàng)建的目錄，目錄結(jié)構(gòu)則主要是指物理結(jié)構(gòu)和邏輯結(jié)構(gòu)。當(dāng)網(wǎng)站涉及多個(gè)尤其是成千上萬個(gè)頁面時(shí)，就需要有一個(gè)清晰的網(wǎng)站結(jié)構(gòu)來確保搜索引擎的抓取和用戶的訪問。網(wǎng)站的目錄結(jié)構(gòu)就起到這樣的作用，它在SEO中意義非凡。

千萬不要把一個(gè)網(wǎng)站的所有文件都放在根目錄下，這會(huì)給網(wǎng)站造成非常大的負(fù)擔(dān)，降低文件上傳的速度，維護(hù)起來也會(huì)非常麻煩。每個(gè)子目錄都應(yīng)該有自己的文件從屬，如image、extension。不管是數(shù)據(jù)庫后臺(tái)還是網(wǎng)站自動(dòng)生成的頁面，都需要遵循這個(gè)目錄結(jié)構(gòu)，這樣做的好處是不會(huì)造成網(wǎng)站文件的混亂。

與網(wǎng)站的物理結(jié)構(gòu)不同，網(wǎng)站的邏輯結(jié)構(gòu)也稱鏈接結(jié)構(gòu)，主要是指由網(wǎng)頁內(nèi)部鏈接形成的邏輯結(jié)構(gòu)。邏輯結(jié)構(gòu)和物理結(jié)構(gòu)的區(qū)別在于，邏輯結(jié)構(gòu)由網(wǎng)站頁面的連接關(guān)系決定，而物理結(jié)構(gòu)由網(wǎng)站頁面的物理存儲(chǔ)位置決定。在網(wǎng)站的邏輯結(jié)構(gòu)中，通常采用“鏈接深度”來描述頁面之間的邏輯關(guān)系。鏈接深度是指從源頁面到達(dá)目標(biāo)頁面所經(jīng)過路徑的數(shù)量。

了解鏈接結(jié)構(gòu)之前，我們需要熟悉一個(gè)概念——拓?fù)浣Y(jié)構(gòu)。所謂拓?fù)浣Y(jié)構(gòu)是指網(wǎng)絡(luò)中各個(gè)站點(diǎn)相互連接的形式，它反映的是一個(gè)網(wǎng)站中實(shí)體和實(shí)體之間的鏈接形式，而網(wǎng)站中的拓?fù)渚褪琼撁媾c頁面之間的結(jié)構(gòu)關(guān)系，如圖1-10所示。

層疊樣式表，也就是CSS，是一種用于控制網(wǎng)頁樣式并允許將樣式信息與網(wǎng)頁內(nèi)容分離的標(biāo)記性語言，目前流行的是DIV+CSS布局方式。CSS能夠幫助我們實(shí)現(xiàn)許多功能，對(duì)普通站長(zhǎng)來說，CSS顯得過于復(fù)雜，這里我們只需要了解它的作用就可以了。對(duì)CSS感興趣的讀者可以自己學(xué)習(xí)一下，這對(duì)于站點(diǎn)布局是有好處的。

相較于CSS，表格布局相對(duì)簡(jiǎn)單，表格在格式化文本時(shí)非常便捷。但是，CSS要更為穩(wěn)定一些，可是頁面中如果出現(xiàn)多表格嵌套的話，會(huì)增加頁面負(fù)擔(dān)，不僅用戶體驗(yàn)不好，而且對(duì)搜索引擎也不友好（因?yàn)榇罅康谋砀窨蚣艽a不利于搜索引擎的檢索和收錄）。框架其實(shí)是一種很好的布局方式，但是它有一個(gè)缺點(diǎn)，就是不利于進(jìn)行SEO推廣，搜索引擎也不是很喜歡它。