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

精簡代碼

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

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

網(wǎng)站導(dǎo)航是一個非常重要的武器，網(wǎng)站優(yōu)化網(wǎng)站導(dǎo)航全站通用，盡量使用文字導(dǎo)航，不要用圖片和flash，如果沒有請?zhí)砑訄D片的alt屬性。閃存是可以避免的，效果很好，但是負(fù)載慢慢的，搜索引擎看不到的閃存文件，壞了以后進行網(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標(biāo)準(zhǔn)，搜索引擎會讀取alt屬性，圖片的alt屬性還可以幫助用戶瀏覽。給文字鏈接加上TITLE屬性，8U網(wǎng)絡(luò)推廣提醒大家要盡量減少用圖片代替文字!

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

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

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

尺寸

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

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

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

文字

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

圖片

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

色彩

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

1.顏色的幾種固定搭配

藍(lán)白橙——藍(lán)為主調(diào)。白底，藍(lán)標(biāo)題欄，橙色按鈕或icon做點綴。

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

2.顏色的忌諱

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

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

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

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

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

藍(lán)色忌純，綠色忌黃，紅色忌艷。

排版

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

多媒體

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

當(dāng)前文章：網(wǎng)頁設(shè)計十三大要點
分享URL：http://jinyejixie.com/news/160706.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián)，為您提供微信公眾號、網(wǎng)頁設(shè)計公司、服務(wù)器托管、網(wǎng)站建設(shè)、品牌網(wǎng)站設(shè)計、自適應(yī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)