網(wǎng)站的目標(biāo)及內(nèi)容主題等有關(guān)問題已經(jīng)確定。結(jié)構(gòu)設(shè)計要做的事情就是將內(nèi)容劃分為清晰合理的層次體系,如欄目的劃分及其關(guān)系、網(wǎng)頁的層次及其關(guān)系、鏈接的路徑設(shè)置、功能在網(wǎng)頁上的分配等。
網(wǎng)站物理結(jié)構(gòu)是指網(wǎng)站目錄及其包含文件的真實存儲位置所表現(xiàn)出來的結(jié)構(gòu),一般有兩種表現(xiàn)形式,分別是扁平式物理結(jié)構(gòu)和樹形物理結(jié)構(gòu)。網(wǎng)站的目錄是建立網(wǎng)站時所創(chuàng)建的目錄,目錄結(jié)構(gòu)則主要是指物理結(jié)構(gòu)和邏輯結(jié)構(gòu)。當(dāng)網(wǎng)站涉及多個尤其是成千上萬個頁面時,就需要有一個清晰的網(wǎng)站結(jié)構(gòu)來確保搜索引擎的抓取和用戶的訪問。網(wǎng)站的目錄結(jié)構(gòu)就起到這樣的作用,它在SEO中意義非凡。
千萬不要把一個網(wǎng)站的所有文件都放在根目錄下,這會給網(wǎng)站造成非常大的負(fù)擔(dān),降低文件上傳的速度,維護(hù)起來也會非常麻煩。每個子目錄都應(yīng)該有自己的文件從屬,如image、extension。不管是數(shù)據(jù)庫后臺還是網(wǎng)站自動生成的頁面,都需要遵循這個目錄結(jié)構(gòu),這樣做的好處是不會造成網(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)站頁面的物理存儲位置決定。在網(wǎng)站的邏輯結(jié)構(gòu)中,通常采用“鏈接深度”來描述頁面之間的邏輯關(guān)系。鏈接深度是指從源頁面到達(dá)目標(biāo)頁面所經(jīng)過路徑的數(shù)量。
了解鏈接結(jié)構(gòu)之前,我們需要熟悉一個概念——拓?fù)浣Y(jié)構(gòu)。所謂拓?fù)浣Y(jié)構(gòu)是指網(wǎng)絡(luò)中各個站點相互連接的形式,它反映的是一個網(wǎng)站中實體和實體之間的鏈接形式,而網(wǎng)站中的拓?fù)渚褪琼撁媾c頁面之間的結(jié)構(gòu)關(guān)系,如圖1-10所示。
層疊樣式表,也就是CSS,是一種用于控制網(wǎng)頁樣式并允許將樣式信息與網(wǎng)頁內(nèi)容分離的標(biāo)記性語言,目前流行的是DIV+CSS布局方式。CSS能夠幫助我們實現(xiàn)許多功能,對普通站長來說,CSS顯得過于復(fù)雜,這里我們只需要了解它的作用就可以了。對CSS感興趣的讀者可以自己學(xué)習(xí)一下,這對于站點布局是有好處的。
相較于CSS,表格布局相對簡單,表格在格式化文本時非常便捷。但是,CSS要更為穩(wěn)定一些,可是頁面中如果出現(xiàn)多表格嵌套的話,會增加頁面負(fù)擔(dān),不僅用戶體驗不好,而且對搜索引擎也不友好(因為大量的表格框架代碼不利于搜索引擎的檢索和收錄)。框架其實是一種很好的布局方式,但是它有一個缺點,就是不利于進(jìn)行SEO推廣,搜索引擎也不是很喜歡它。