歡迎訪(fǎng)問(wèn)世紀網(wǎng)絡(luò )官網(wǎng),寶雞網(wǎng)站建設SEO優(yōu)化已累計服務(wù)超過(guò)900家企業(yè)!     咨詢(xún)熱線(xiàn):13619273150

15年網(wǎng)站建設優(yōu)化經(jīng)驗,900家客戶(hù)的選擇,值得信賴(lài)!


寶雞世紀網(wǎng)絡(luò )總結DIV+CSS網(wǎng)頁(yè)布局及網(wǎng)站設計常犯錯誤

作者:孫斌      發(fā)布時(shí)間:2009-05-18      瀏覽:2212

62.9K


1、導航菜單使用圖片、FLASH

導航菜單使用圖片、FLASH當然比純文本來(lái)得好看一些,但是搜索引擎并不認識你的圖片和FLASH。如果你非要使用漂亮的圖片來(lái)做導航的話(huà),可以使用背景替換的方法。

2、不恰當地使用圖片

為了網(wǎng)頁(yè)美觀(guān),經(jīng)常會(huì )到處貼滿(mǎn)圖片,這樣做是不正確的,與內容無(wú)關(guān)的圖片能少就少吧。我們可以把這些圖片做成容器的背景。

3、內容里特殊字體的運用

我們承認楷體很漂亮,草書(shū)也不遜色于宋體。但是不是所有人的電腦都安裝有這些字體。如果你使用這些特殊字體的話(huà),在別人的電腦里看到的網(wǎng)頁(yè)將會(huì )是不堪入目。

4、新窗口打開(kāi)

不要用任何窗口污染我的屏幕(尤其在當前操作系統低劣的窗口管理技術(shù)下)!如果需要一個(gè)新窗口,會(huì )自己打開(kāi)的。設計者打開(kāi)新窗口的本意是要讓用戶(hù)留在他的站點(diǎn)上。但是卻忽略了控制用戶(hù)的機器所帶來(lái)的負面效應,這種策略恰恰弄巧成拙,因為當用戶(hù)想通過(guò)“后退”按鈕返回先前的站點(diǎn)時(shí),已經(jīng)做不到了。用戶(hù)通常注意不到新窗口已經(jīng)被打開(kāi),尤其當他們的顯示器很小,而窗口又正好是最大化時(shí)。因此,當用戶(hù)想要返回原來(lái)的站點(diǎn)時(shí),面對的卻只是一個(gè)不可用的灰色“后退”按鈕。

5、無(wú)實(shí)際意義的特效

避免使用炫耀的技巧。這些特效對你的網(wǎng)頁(yè)沒(méi)有任何實(shí)際意義。

6、內容滾動(dòng)

內容滾動(dòng)可以在比較小的空間里展示比較多的內容。這是它的一個(gè)好處。但內容滾動(dòng)卻是弊大于利的。不是所有平臺和瀏覽器都支持滾動(dòng)的;W3C看來(lái),內容滾動(dòng)會(huì )降低用戶(hù)體驗。

7、用戶(hù)難以獲取自己想要的內容

如果一個(gè)用戶(hù)訪(fǎng)問(wèn)你的網(wǎng)站跟走入迷宮一樣,會(huì )有什么后果?聽(tīng)說(shuō)過(guò)3次點(diǎn)擊規則嗎?對于小型網(wǎng)站,在你的主頁(yè)上,沒(méi)有任何一條信息,需要點(diǎn)擊次數超過(guò)3次的。對于大型網(wǎng)站,使用導航和工具條來(lái)改善操作。

8、文件名命名不規范

不要忽視這一點(diǎn),例如新聞頁(yè)面可以用:News.html,而不是類(lèi)似2323123.html這樣的無(wú)規范的命名方式。使用規范的命名方式不僅有利于搜索引擎,而且有利于網(wǎng)站日后的維護管理。

9、長(cháng)篇文章未設置分頁(yè)

長(cháng)篇文章不分頁(yè),會(huì )導致網(wǎng)頁(yè)加載速度慢,用戶(hù)閱讀疲勞。所以建議長(cháng)篇文章設置分頁(yè)。

10、顏色搭配錯誤,網(wǎng)頁(yè)難于閱讀

如無(wú)必要,你應當堅持使用白色的背景和黑色的文本,另外還應當堅持使用通用字體。

11、沒(méi)有返回指向

“返回指向”是網(wǎng)絡(luò )用戶(hù)的生命線(xiàn),同時(shí)也是繼超文本連接后最常使用的導航特征。用戶(hù)可以隨意嘗試網(wǎng)頁(yè)所指向的任何地方,而只需點(diǎn)擊一兩次“返回”按鈕就可以回到先前的頁(yè)面。

12、顯眼的點(diǎn)擊計數器

不要輕易考慮在你的網(wǎng)站上放置一個(gè)醒目的點(diǎn)擊記數器。你設計網(wǎng)站是為了給訪(fǎng)問(wèn)者提供服務(wù),而不是推銷(xiāo)你自己認為重要的東西。大多數瀏覽者認為計數器毫無(wú)意義,它們很容易被做假,瀏覽者也不想看廣告。如果你顯示你的網(wǎng)站是多么受歡迎,你最好提供一個(gè)鏈接,顯示訪(fǎng)問(wèn)日志。

13、使用框架

與記數器一樣,框架在網(wǎng)頁(yè)上越來(lái)越流行。在大多數網(wǎng)站上,在屏幕的左邊有一個(gè)框架。但是設計者立刻就發(fā)現,在使用框架時(shí)產(chǎn)生了許多的問(wèn)題。使用框架時(shí)如果沒(méi)有17英寸的顯示屏幾乎不可能顯示整個(gè)網(wǎng)站??蚣芤彩沟镁W(wǎng)站內個(gè)人主頁(yè)不能夠成為書(shū)簽。也許更重要的是,搜索引擎常常被框架混淆,從而不能列出你的網(wǎng)站。

14、不恰當地使用聲音

聲音的運用也應得到警惕。內聯(lián)聲音是網(wǎng)頁(yè)設計者的另一個(gè)禁地。因為過(guò)多地使用聲音會(huì )使下載速度很慢,同時(shí)并沒(méi)有帶給瀏覽者多少好處。首次聽(tīng)到鼠標發(fā)出聲音可能會(huì )很有趣,但是多次以后肯定會(huì )很煩人。使用聲音前,應該仔細考慮聲音將會(huì )給你帶來(lái)什么。

15、兼容性不佳

你的網(wǎng)頁(yè)在1024下看得順眼么?那么換成1280看呢?不是所有人的顯示器都用同一種分辨率的。無(wú)論是誰(shuí),都無(wú)法做出所有分辨率下完美的網(wǎng)頁(yè),但我們要做出能確保所有分辨率下不出錯的網(wǎng)頁(yè)。

還有兩點(diǎn)就是:不要以為只有電腦才能看網(wǎng)頁(yè)!不要以為世界上只有一種瀏覽器!

17、急于發(fā)布網(wǎng)站

網(wǎng)站沒(méi)有內容、網(wǎng)站程序BUG,這些問(wèn)題解決后再發(fā)布吧。內容較為充實(shí)、程序BUG基本沒(méi)有的網(wǎng)站才會(huì )讓用戶(hù)流連。

18、發(fā)布網(wǎng)站后未登錄搜索引擎

有客戶(hù)跟我說(shuō),是不是我的網(wǎng)站已發(fā)布就可以在百度搜到了?我總會(huì )這樣回答:百度不是我家開(kāi)的,也不是你家開(kāi)的,你發(fā)布網(wǎng)站時(shí)百度他是不知道的。所以,你發(fā)布網(wǎng)站后要到各大搜索引擎的登錄口提交一下你的網(wǎng)站信息。

19、不留空白

注意留空白。不要用圖像、文本和不必要的動(dòng)畫(huà)GIFs來(lái)充斥網(wǎng)頁(yè),即使有足夠的空間,在設計時(shí)也應該避免使用。

20、缺乏互動(dòng)性

讓用戶(hù)與網(wǎng)站能夠互動(dòng),讓用戶(hù)與用戶(hù)之間能夠互動(dòng)。所以最少要有一個(gè)留言本,這能激勵訪(fǎng)問(wèn)者再次回到你的網(wǎng)站,還有助于擴充網(wǎng)站內容。這個(gè)是極其重要的,Web 2.0的核心思想。網(wǎng)絡(luò )推廣研究



0