下面筆者就一些初級(jí)的概念進(jìn)行講解：

瀏覽器

不同的瀏覽器通常在不同的位置展示網(wǎng)站的題目，即 標(biāo)簽的內(nèi)容，通常會(huì)在瀏覽器的左上方（IE6）或在標(biāo)簽里顯示（火狐，chrome等）。而現(xiàn)在絕大部分瀏覽器，無(wú)論是360，TT，都采用了標(biāo)簽式的設(shè)計(jì)（美其名曰設(shè)計(jì)，其實(shí)都是copy），標(biāo)簽雖好用，但顯示內(nèi)容有限，所以站長(zhǎng)們應(yīng)注意網(wǎng)頁(yè)命名形式應(yīng)該采用“頁(yè)面題目+網(wǎng)站題目”的形式來(lái)設(shè)計(jì)網(wǎng)站，否則如果不注意的話，按照某些cms默認(rèn)的規(guī)則來(lái)看，所有頁(yè)面都用網(wǎng)站名稱(chēng)，或者網(wǎng)站名稱(chēng)在前面，最終通過(guò)標(biāo)簽看起來(lái)，整個(gè)網(wǎng)站還是一個(gè)名稱(chēng)，非常不利于用戶(hù)分別網(wǎng)頁(yè)，顯得很不專(zhuān)業(yè)。類(lèi)似情況在某些小公司的網(wǎng)站尤為常見(jiàn)。

除此之外，如果想讓你的網(wǎng)站在瀏覽器中打開(kāi)的更快，那么你需要提高網(wǎng)站的速度。當(dāng)然，瀏覽器緩存和壓縮網(wǎng)頁(yè)能夠有效提速，但放棄表格采用css+div布局是不是更能從全局提速呢？如果想減少css和javascript文件帶來(lái)的代碼臃腫，可以把其寫(xiě)到外部文件中再?gòu)木W(wǎng)頁(yè)中調(diào)入即可。

頭部信息

站長(zhǎng)是否想在網(wǎng)頁(yè)的頭部加入以下信息：

1. RSS訂閱，人人分享，百度搜藏等社會(huì)化標(biāo)簽

2. 電話號(hào)碼

3. 關(guān)于我們，免責(zé)協(xié)議，聯(lián)系方式，網(wǎng)站地圖等連接

4. 各種大小的Banner

5. 站內(nèi)搜索框

6. 郵件訂閱框

7. 等等

8. 的確，網(wǎng)頁(yè)的最上面部分（離頂部100px以?xún)?nèi)的部分）是極易吸引訪客眼球的部分，寸土寸金不說(shuō)，還是提供第一印象的絕佳寶地。但如果弄得信息量過(guò)大，則容易起相反的作用，比如會(huì)逼迫訪客自動(dòng)跳過(guò)這部分。所以，在網(wǎng)頁(yè)頭部最好只放必須的元素，至于其他部分可以放到側(cè)邊欄或者底部去。

9. 比如你的網(wǎng)站是提供咨詢(xún)服務(wù)的公司網(wǎng)站，那么站長(zhǎng)在設(shè)計(jì)的時(shí)候應(yīng)該在頭部著重強(qiáng)調(diào)電話，讓更多讀者給你打電話為目的，所以要盡量把電話設(shè)置的明顯一些，但注意不要超過(guò)LOGO的大小。

10. 再不如你的網(wǎng)站獲得過(guò)知名成就或者有其他卓越的表現(xiàn)，那就應(yīng)該將優(yōu)勢(shì)進(jìn)行著重宣傳，可以在頭部加上如“恭喜本站榮膺第18屆優(yōu)秀網(wǎng)站設(shè)計(jì)大獎(jiǎng)”，“2012西門(mén)子在華獨(dú)家合作伙伴”等信息。

11. 頭部信息的設(shè)置要做到有的放矢，突出優(yōu)勢(shì)，千萬(wàn)別什么都想突出，最終什么效果也沒(méi)起到。

12. 關(guān)于導(dǎo)航欄，站長(zhǎng)可能想在里面列舉出超過(guò)30個(gè)欄目名稱(chēng)。那么，究竟是依次列舉更能讓訪客集中精力去帶著目的訪問(wèn)，而不是亂點(diǎn)，還是只列舉6個(gè)主欄目，其他通過(guò)分類(lèi)采用下拉菜單等形式進(jìn)行隱藏更容易起到引導(dǎo)作用？站長(zhǎng)要根據(jù)實(shí)際情況考慮好，絕大多數(shù)情況下，總結(jié)歸類(lèi)的導(dǎo)航欄更受讀者歡迎，但也有特殊情況。

13. 到此為止筆者并沒(méi)有提到很難懂的知識(shí)，對(duì)嗎？事實(shí)上，你可能會(huì)說(shuō)，這些我都早就知道了啊，但那又為什么在互聯(lián)網(wǎng)上面仍然還有那么多不規(guī)范的網(wǎng)站？

14. 內(nèi)容

15. 現(xiàn)在搜索引擎更歡迎每篇文章不少于300字的網(wǎng)頁(yè)。原因其實(shí)很簡(jiǎn)單：如果真的能用幾十字就能把一個(gè)話題/關(guān)鍵詞描述清楚的話，那么這種描述是否真的對(duì)訪客有價(jià)值呢？如果真的能描述清楚，那幾十字的描述足夠全面嗎？至少筆者不信，你可能也不信，所以搜索引擎也不會(huì)相信。所以只有包含大量相關(guān)內(nèi)容的網(wǎng)頁(yè)才會(huì)被搜索引擎視為有價(jià)值的信息源。
    
    關(guān)于內(nèi)容還要注意保持邏輯性，采用H1，H2，H3標(biāo)簽對(duì)段落進(jìn)行邏輯劃分是一個(gè)很好的習(xí)慣。H1通常用作文章的題目，H2在分段標(biāo)題上面使用，小標(biāo)題使用H3；H4，H5，H6用在更小的標(biāo)題，雖然作用不大，但也是規(guī)范性的體現(xiàn)。

16. 除此之外，我們都知道現(xiàn)如今雖然電子媒介已經(jīng)代替了不少紙質(zhì)媒體的工作，但我們都不能否認(rèn)從紙上閱讀感覺(jué)更加舒服。所以，為了盡可能為使用電子產(chǎn)品閱讀的讀者提供方便，內(nèi)容的編寫(xiě)應(yīng)該多注重易于閱讀，比如，控制段落長(zhǎng)度，避免過(guò)長(zhǎng)的句子。筆者通常喜歡把一個(gè)段落最好控制在4-8行左右，希望這樣能夠讓讀者更舒服。

17. 分享

18. 現(xiàn)在由筆者重申一次：當(dāng)你寫(xiě)了優(yōu)質(zhì)的文章之后，你的讀者會(huì)更愿意把其推薦給朋友。這就是為什么現(xiàn)在社交化網(wǎng)站如此流行的原因。所以，你需要在內(nèi)容下面加上社會(huì)化按鈕。這些按鈕無(wú)需多么絢麗，但至少應(yīng)該清晰明了，讓用戶(hù)極易分辨，最好是當(dāng)用戶(hù)拍手稱(chēng)贊的時(shí)候恰好看到了這些按鈕，然后或分享之，或收藏之。流量，回頭客就這么慢慢多了起來(lái)。

19. 此外，如果你的網(wǎng)站更新頻繁且具有實(shí)效性，可以著重推薦一下訂閱功能，讓讀者訂閱后就可以及時(shí)收到網(wǎng)站的最新更新。

20. 底部

21. 這是目前最常見(jiàn)的網(wǎng)頁(yè)底腳形式之一：