網(wǎng)頁設(shè)計十三大要點

2022-05-29    分類: 網(wǎng)站建設(shè)

網(wǎng)頁設(shè)計時注意的SEO事項

精簡代碼

為了更有利于網(wǎng)站優(yōu)化,符合Web3.0標準,嘗試使用DIV + CSS的網(wǎng)頁設(shè)計,合理布局的標簽來減少DIV層,描述標簽的使用,簡潔的描述”,將關(guān)鍵內(nèi)容和頻繁更新內(nèi)容的網(wǎng)站代碼盡可能接近的位置,但也要注意不要超過200k的頁面。

網(wǎng)站導航重點設(shè)計

網(wǎng)站導航是一個非常重要的武器,網(wǎng)站優(yōu)化網(wǎng)站導航全站通用,盡量使用文字導航,不要用圖片和flash,如果沒有請?zhí)砑訄D片的alt屬性。閃存是可以避免的,效果很好,但是負載慢慢的,搜索引擎看不到的閃存文件,壞了以后進行網(wǎng)站優(yōu)化。

少用腳本和外部調(diào)用

網(wǎng)站的JavaScript和CSS等文件一律外部調(diào)用,不要把代碼寫在網(wǎng)頁中,并且盡量減少腳本文件個數(shù),這樣不僅僅有利于網(wǎng)頁加載速度也有利于搜索引擎蜘蛛的抓取,之后網(wǎng)站優(yōu)化才會更給力。

避免頁面重復(fù)

網(wǎng)站的外部調(diào)用JavaScript和CSS文件,不要寫頁面中,并嘗試減少腳本文件的數(shù)量,這不僅有利于頁面加載速度也有利于搜索引擎蜘蛛爬行,網(wǎng)站優(yōu)化后會更棒。

圖片與文字鏈接加上屬性

記得要給所有圖片加上alt屬性,還要符合W3C標準,搜索引擎會讀取alt屬性,圖片的alt屬性還可以幫助用戶瀏覽。給文字鏈接加上TITLE屬性,8U網(wǎng)絡(luò)推廣提醒大家要盡量減少用圖片代替文字!

網(wǎng)頁布局結(jié)構(gòu)

面包屑型導航,樹狀扁平化結(jié)構(gòu)。為了更有利于網(wǎng)站優(yōu)化,有利于百度收錄,要降低頁面的層次,首頁點擊不出三次可以到達網(wǎng)站任何一個頁面,任何頁面都可以很快的回到想要的頁面。文章內(nèi)容部分先于其他部分顯示,設(shè)置上一篇、下一篇文章,根據(jù)文章的關(guān)鍵詞設(shè)置“相關(guān)文章,如果文章內(nèi)容多分幾頁顯示,需要保持每頁的網(wǎng)頁標題、文章內(nèi)容均不同,避免出現(xiàn)復(fù)制內(nèi)容問題

網(wǎng)頁設(shè)計注意事項

尺寸

船的大小決定了它在海里的運動方式,話糙理不糙。更大的圖標看上去更為顯眼,不過并不代表著是更好的設(shè)計。簡單來說就是你最為重要的頁面元素當然應(yīng)該使用大尺寸,但是涉及到細節(jié)部分,處理起來就復(fù)雜得多。費茨定律的原則之一就是放大可點擊區(qū)域,目標越大用戶就越容易點中。換句話說,使用大圖標可以讓用戶更為輕松地點擊進去,這一點在引導用戶瀏覽行為時非常管用。當然了,這并不是說你把「立即下載」圖標簡單地放大十倍就能有顯著效果,在網(wǎng)頁設(shè)計中讓各個元素之間形成微妙的和諧感才是關(guān)鍵。網(wǎng)頁正中那個巨大的、可點擊的互動式產(chǎn)品圖片毋庸置疑是最能吸引注意力的,這種效果完全來自它異乎尋常的尺寸。事實上,設(shè)計師甚至無需使用文字介紹去促使用戶與產(chǎn)品互動,產(chǎn)品圖片具有對比性的顏色和尺寸已經(jīng)吸引了用戶用鼠標去轉(zhuǎn)動它。這種設(shè)計手法的結(jié)果就是讓用戶無需分心注意環(huán)繞產(chǎn)品圖片四周的小圖標,當你需要進一步了解產(chǎn)品時,點擊這些小圖標它們的尺寸會自動放大,并且彈出詳細的產(chǎn)品介紹。

除了吸引用戶點擊之外,圖標尺寸大小對于網(wǎng)站的整體視覺效果也起著關(guān)鍵作用。依據(jù)圖標尺寸大小,它們甚至可以影響人們?yōu)g覽網(wǎng)頁時從左到右、從上到下的閱讀習慣。此外,由于尺寸大小是一種相對的存在,因此使用大小對比也能達到一定效果。除了簡單地把圖標調(diào)大以外,你還可以通過縮小其他設(shè)計要素來營造出顯著的視覺效果,這一招對于節(jié)省頁面空間相當有用。

尺寸大小還會影響到文字排版,主標題、副標題以及正文都應(yīng)該有所區(qū)分。Smashing Magazine 針對 50 個最受歡迎網(wǎng)頁做了統(tǒng)計研究,發(fā)現(xiàn)它們的平均尺寸為:標題:18-29 像素,內(nèi)文:12-14 像素,一個網(wǎng)頁構(gòu)成要素,相信大家心里都會有個大概,但是要具體說清楚了,又一下子講不上來。

文字


文字是網(wǎng)頁中最主要的一部分。對于文字的把握,主要有兩點。一是簡潔、明了,能夠讓用戶讀得下去;二是數(shù)量的掌握,文字太少,會顯得單調(diào),文字多了,網(wǎng)頁就會顯得很乏味。

圖片


圖片,比文字更能吸引人的眼球,所以網(wǎng)頁中要善用圖片。在某些突出的位置,可以放置一些比較出彩的圖片,這樣既能達到美觀的效果,又能讓瀏覽者對網(wǎng)頁印象深刻。

色彩


色彩的搭配,能體現(xiàn)出一個網(wǎng)頁設(shè)計者的審美觀,也會直接影響到瀏覽者的觀感。網(wǎng)頁的顏色不用很多,但是一定要搭配得當。一個網(wǎng)頁一般會有一個主打色,用以配合網(wǎng)頁的主題。其他的顏色,輔以調(diào)節(jié)的作用。

1.顏色的幾種固定搭配

藍白橙——藍為主調(diào)。白底,藍標題欄,橙色按鈕或icon做點綴。

綠白蘭——綠為主調(diào)。白底,綠標題欄,蘭色或橙色按鈕或icon做點綴。 橙白紅——橙為主調(diào)。白底,橙標題欄,暗紅或桔紅色按鈕或icon做點綴。 暗紅黑——暗紅主調(diào)。黑或灰底,暗紅標題欄,文字內(nèi)容背景為淺灰色。

2.顏色的忌諱

忌臟——背景與文字內(nèi)容對比不強烈,灰暗的背景令人沮喪!

忌純——艷麗的純色對人的刺激太強烈抗議,缺乏內(nèi)涵。

忌跳——再好看的顏色,也不能脫離整體。脫離群眾是自取其辱!

忌花——要有一種主色貫穿其中,主色并不時面積大的顏色,而是最重要,最能揭示和反映主題的顏色,就象領(lǐng)導者一樣,雖然在人數(shù)上居少數(shù),但起決定作用。

忌粉——顏色淺固然顯的干凈,但如果對比過弱,整得蒼白無力了,就象病夫一樣無可救藥。

藍色忌純,綠色忌黃,紅色忌艷。

排版


有文字、有圖片、有顏色,網(wǎng)頁有這些就夠了嗎?No!光是這些,還不夠,還需要有專業(yè)的排版技術(shù),把這些要素整合起來,組成一個協(xié)調(diào)的頁面。排版需要顧忌很多,要注意字間距,文字、圖片的數(shù)量,顏色的搭配,頁面留白等等,是個細致活。

多媒體


有些網(wǎng)頁為了博眼球,會放置音頻、動畫、視頻等等,這些就是多媒體了。但是,一在一般的網(wǎng)頁中,存在大量的多媒體并不是一件好事,這些多媒體會對網(wǎng)頁打開速度造成影響。一般,放置多媒體,需要量力而行。

名稱欄目:網(wǎng)頁設(shè)計十三大要點
本文鏈接:http://www.bm7419.com/news6/160706.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián),為您提供品牌網(wǎng)站建設(shè)、外貿(mào)網(wǎng)站建設(shè)ChatGPT、網(wǎng)站建設(shè)、全網(wǎng)營銷推廣、定制網(wǎng)站

廣告

聲明:本網(wǎng)站發(fā)布的內(nèi)容(圖片、視頻和文字)以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主,如果涉及侵權(quán)請盡快告知,我們將會在第一時間刪除。文章觀點不代表本網(wǎng)站立場,如需處理請聯(lián)系客服。電話:028-86922220;郵箱:631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載,或轉(zhuǎn)載時需注明來源: 創(chuàng)新互聯(lián)

網(wǎng)站建設(shè)網(wǎng)站維護公司