好的網頁設計組成結構是怎樣的?

2016-07-11 2232 1 編輯:Monster 來源:深色多郎(騰訊微博)

要做好網站的內部優化就需要了解網站的組成結構,需要對網站整體構架有個全面的認識。本章主要介紹網頁的組成結構及對優化的影響,包括網頁結構簡介的基礎知識,網頁組成的基本概念。

1、網頁結構簡介

網頁的構架就是網頁的內容格局,是創建制作頁面的重點之一。合理的網站構架有助于提高搜索引擎收錄的數量以及用戶的體驗度。

2、網頁組成

設計網頁時要組織好頁面的基本元素,同時再配合特效,即可構成一個絢麗多彩的網頁。網頁的組成對象包括文本、圖像和超級鏈接。網頁主要是由導航欄、欄目及正文,這三大元素組成。網頁結構的創建、網頁內容的布局與規劃其實都是圍繞這幾點而展開的。

1.導航欄

導航欄是指位于頁眉區域的,在頁眉橫幅圖片上邊或下邊的一排水平導航按鈕,它起著鏈接博客的各個頁面的作用。

通常情況下,WordPress平臺主題里的導航欄是不允許將其鏈接任意定制成其他鏈接的,但是每當你撰寫了一個新頁面,導航欄就會自動多出一個指向該頁面的按鈕鏈接:網站使用導航欄是為了讓訪問者更加清晰明了地找到所需要的資源區域,以便尋找資源。

2.欄目

欄目是指頁面中存放相同性質內容的區域,在對頁面內容進行布局時,把性質相同的內容安排在頁面上的同一區域,可以幫助用戶快速獲取所需信息,對網站內容起到非常好的導航作用。

做好網站欄目的構架能夠很直觀的看到整個網站的結構、涵蓋的內容,也是對整個網站宏觀的一個定位。像“123寵物網”這樣的大型網站欄目都非常全面,因為它們的用戶非常多。而中小型網站則偏重于細分化,專論某一行業或某一細分領域,但是網站欄目的策劃構建同樣非常重要。

3.正文

正文是指頁面中的主體內容。例如一個文章類頁面,正文內容就是文章本身。對于展示產品的網站,正文內容就是產品信息,其中包含文本和圖像。

(1)文本

文字是網頁的主體,雖然利用Flash、圖形文字也可以達到同樣的效果,甚至超出純文本效果,但是網頁文字的優勢還是無法被取代。因為純文本所占用的存儲空間非常小。然而在頁面上用同樣的字體顯示,會使頁面過于呆板。在頁面中適當調整文字的大小、顏色等,也可以改善頁面的效果。

①標題

在一個網站的網頁或一篇獨立的文章中,通常都會有一個醒目的標題。告訴訪問者這個網站的名字或該文章的主題。而現在很多網頁設計者用圖像或者Flash動畫來代替文字標題。

②文字大小

適當地調整文字大小,可以使文字編排得更加生動活潑,達到更好的效果。

③段落

文章段落分明,有層次感,才能讓訪問者更好的閱讀,也使得頁面看起來整潔、美觀、大方。

④樣式

粗體、斜體和下劃線是最基本的文字樣式,然而在網頁中不可過多地應用下劃線,那樣會使訪問者誤以為是超級鏈接。在頁面的適當位置添加一些字體樣式,會使頁面更具有觀賞性。

⑤字體顏色

也可以為頁面上的字體添加顏色,以強調頁面中的重點,使頁面也變得絢麗起來。但是一定要注意顏色的搭配。在頁面上也不能過多地應用顏色,太過華麗反而會引起訪問者的反感。

(2)圖像

圖像給人的視覺效果要比文字強烈得多。靈活應用圖像,在網頁中可以起到點綴的效果。但是運用不當,會使網頁變得凌亂不堪。Web頁上的圖像文字大部分都是使用JPEG和GIF格式。因為它們除了具有壓縮比例外,還具有跨平臺特性。無論訪問者使用什么樣的操作系統,都能夠顯示這兩種圖片。圖像在網頁中的應用主要有以下幾種形式。

①圖像標題

一般在網頁中都要有標題,用以提示訪問者這個網站是做什么的,從而起到導航的作用,應用圖像標題可以使網頁更加美觀。

②背景

圖像的另一個重要應用是作為網頁的背景。網頁背景千變萬化,特別是一些個人網站,應用圖片背景比較多。

③網頁主圖

網頁上除了用小圖像美化網頁外,通常還會在網頁上用一些較大的圖片來突出網頁主題,占滿網頁的整個空間。特別是主頁中用主圖的比較多,或者直接用圖片取代文字作為超級鏈接按鈕,可以使網頁更加美觀。

3、重要區域分布規律

搜索引擎對頁面中每個區域的重視程度是不一樣的,同樣的內容出現在頁面中不同的區域,所起的作用也會不同。

如“頭條新聞”出現在頁面的頂板或者底部,所起的作用就是完全不一樣的。從用戶的立場出發,普通用戶在查看頁面時是自上而下、自左向右地進行的。因此,頁面中各區域的重要性關系是:“左上一>右上一>左一>右一>左下一>右下”,所以應將所要重點展示的內容盡量放置在左上的位置。

利用搜索引擎分析主頁時,在HTML源代碼中是自上而下地進行的。因此,搜索引擎更加重視接近頂板的代碼。正常的情況下,HTML源代碼自上而下對應頁面中“左上一>右上一>左一>右一>左下一>右下”的內容。

4、網頁結構類型

網頁結構實際上就是對導航欄、欄目及其正文內容這三大頁面的基本組成元素進行輔助性的布局。頁面結構布局好之后將有助于訪問者更加清晰地分析,并在網站中找到的所需資料,不僅提高了搜索引擎的友好度,同時也加深了訪問者對網站的記憶,讓他有再次回來觀看和深度觀看的想法。

1.導航型

導航型,顧名思義就是以網頁導航為主的頁面,根據網頁的重點與次重點可分為頻道導航型和內容導航型。

(1)頻道導航型

頻道導航型頁面是以網站頻道導航為主的頁面,常用于頻道比較多的網站首頁,如導航性質的網站和目錄網站。如果公司有很多種產品的類型,那么便可以設置一個頻道導航,以便更好地展示公司的產品。在制作頻道導航頁面的時候只需要列出個頻道的名稱并且給其加上相應的鏈接即可,也可稱其為錨文本,在錨文本的排列上根據大多訪問者的瀏覽習慣應該把比較重要的放在最上面。

(2)內容導航型

內容導航型頁面是以網站中相對重要的內容導航為主,內容導航型頁面主要由欄目組成,常見于網站或者是頻道的首頁。在設置內容導航頁時需要把性質或者特征相同的內容分成同一個欄目從而展示給用戶,這樣有助于用戶輕而易舉的找出所需要的內容,同樣對搜索引擎有很大的幫助,可以使搜索引擎更快速的對頁面進行抓取。

2.內容型

所謂的內容型就是完全由內容組成的頁面,沒有其他任何信息。只是單純的對內容進行一個完整地介紹與說明的網頁。在給網站進行優化的時候內容型的頁面是不能選擇的,因為不管是訪問者還是搜索引擎,當他們瀏覽到這個頁面的時候就已經不知道再去哪里瀏覽了。訪問者遇到這種情況便會離開網頁重新搜索想找的信息。

3.內容導航結合型

內容導航結合型主要的目的是展示內容所用,但是在展示內容的同時還增加了導航輔助,這樣當一個訪問者進入這個內容頁面的時候,他不僅看到了所需要的內容,而且在他瀏覽完的時候,如果覺得這篇文章有用,那么就會通過內容頁所設置的導航繼續閱讀其他的文章。對于搜索引擎來講,在對內容抓取結束以后導航也會對其產生指引的效果,讓其依然停留在本網站,讓本網站被抓取的可能性大大提高,但是美中不足的就是內容導航結合型給搜索引擎做的指引量遠遠不足于導航型對搜索引擎的指引量。所以哪個類型都有自己的好處與弊端。這就需要站長根據自己網站的實際情況而定了。


本站文章均為深正網站建設摘自權威資料,書籍,或網絡原創文章,如有版權糾紛或者違規問題,請即刻聯系我們刪除,我們歡迎您分享,引用和轉載,但謝絕直接搬磚和抄襲!感謝...
關注深正互聯
七星彩头尾