網(wǎng)站架構(gòu)、代碼、布局和色彩選擇

1、明確建站目的

你在建這個(gè)網(wǎng)站之前要想好用這個(gè)網(wǎng)站來做些什么。是做宣傳用還是做商城用。如果是做宣傳，那么你的網(wǎng)站布局就要以文字為主，多留出說明文字的地方，需要時(shí)候多有圖示說明。如果是做產(chǎn)品的，那么打折消息、知名度體現(xiàn)、誠(chéng)信度的展示等等就是你應(yīng)該側(cè)重的。你的網(wǎng)站需要讓你的產(chǎn)品質(zhì)量顯得很好 、又要有誠(chéng)信度再加上費(fèi)用適合大眾才能受到大家的青睞。
網(wǎng)站上的聯(lián)系方式一定要留常用的電話，在接到咨詢電話時(shí)一定要專業(yè)一點(diǎn)，這樣對(duì)促成訂單的作用可不是一點(diǎn)半點(diǎn) 。另外在選擇行業(yè)中最好選擇自己熟悉的或者感興趣行業(yè)去做，如果你光是跟風(fēng)或者只是為了賺錢而對(duì)那些行業(yè)一點(diǎn)都不喜歡，那么你肯定做不長(zhǎng)久賺錢也賺不了多少。

2、網(wǎng)站色彩選擇

網(wǎng)站就是公司的形象是一個(gè)人的臉面，大家都知道第一印象的重要，如果你的網(wǎng)站布局很亂而又有很多錯(cuò)誤，即使客戶很需要你網(wǎng)站上出售的東西，但是客戶也會(huì)對(duì)你產(chǎn)生懷疑，這樣你的訂單就很難最終達(dá)成了。

網(wǎng)站配色注意事項(xiàng)：如果你不是搞藝術(shù)網(wǎng)或者非常時(shí)尚的那種站就不要把自己的網(wǎng)站弄的花花綠綠的，如果你看過一些色彩學(xué)的書籍，你就知道網(wǎng)站色彩的選擇是能影響到瀏覽者的心情和心理的。色彩學(xué)最常見的應(yīng)用就是KFC了，為什么他們的桌椅以及墻面等布置顏色很多?因?yàn)槎喾N顏色第一可以吸引人的注意，對(duì)于兒童來說相當(dāng)重要，但是太過豐富的顏色會(huì)讓長(zhǎng)時(shí)間身處其中的人產(chǎn)生一定的煩躁感，這樣就會(huì)讓那些已經(jīng)吃完東西的人盡早離開座位，只有人不斷的流動(dòng)生意才會(huì)好做。

根據(jù)自己網(wǎng)站的類型選擇合適的顏色，一般來說網(wǎng)站頁(yè)面的顏色搭配最好不要超過三種，不同的行業(yè)顏色的運(yùn)用也很講究。比如IT類的就選用藍(lán)色或者白色，藍(lán)色和白色都能使人感覺到寧?kù)o安詳，而且藍(lán)色容易讓人聯(lián)想到高科技元素，紅蓮的個(gè)人站紅蓮工作室就選擇的是藍(lán)色+銀灰的主色調(diào);女性站就需要選取一些暖色系的顏色，能讓人感覺到溫暖祥和，容易聯(lián)想到母性;政府站一般選用紅色，因?yàn)榧t色從某一方面來說代表了中國(guó)了，這就是為什么國(guó)外人都叫紅色為中國(guó)紅;電子商務(wù)網(wǎng)站橙色居多;好多行業(yè)的主顏色上在人的思維中已經(jīng)定型了，不要試圖去扭轉(zhuǎn)人的思維，除非你是個(gè)色彩學(xué)的高手，弄巧成拙了會(huì)付出很大的代價(jià)的。

3、網(wǎng)站布局

好的網(wǎng)站布局讓人看了覺得大氣舒服，能吸引用戶繼續(xù)瀏覽。如果你為了多放些廣告而把自己的網(wǎng)站弄得凌亂不堪，那樣用戶是非常討厭的，很快就會(huì)離開。網(wǎng)站文字布局上也有需要注意的。運(yùn)用不同的字體字號(hào)可以使網(wǎng)站的主次分明，需要讓用戶注意到的得到強(qiáng)調(diào)，對(duì)用戶和站長(zhǎng)來說都是很好的。

另外網(wǎng)頁(yè)的排版就跟書籍的排版一樣，那些書籍排版的禁則也可以用到網(wǎng)站上，比如每行最后一個(gè)字符不能是標(biāo)點(diǎn)，破折號(hào)不能跨行，每行開始不能是標(biāo)點(diǎn)符號(hào)，單字不能成行等等。這其實(shí)就是用戶體驗(yàn)的體現(xiàn)了。

4、網(wǎng)站的整體架構(gòu)

如果網(wǎng)站比較小，比如小型企業(yè)站，頁(yè)面不超過20的最好用扁平布局。所謂扁平布局的意思就是：把整個(gè)頁(yè)面都放在根目錄下不需要在另外設(shè)置網(wǎng)站的目錄。

如果網(wǎng)站比較大那就用垂直目錄結(jié)構(gòu)。垂直結(jié)構(gòu)意思就是：主頁(yè)鏈接頻道頁(yè)面 ----> 頻道頁(yè)面鏈接主頁(yè)和內(nèi)容頁(yè)面 ---> 內(nèi)容頁(yè)面鏈接主頁(yè)和自己的頻道頁(yè)面。對(duì)于主域名的連接最好用絕對(duì)地址這樣的話能夠很好的維護(hù)主域名的權(quán)重，至少不會(huì)因?yàn)橹饔蛎溄硬粔蚨斐墒醉?yè)降權(quán)，對(duì)于新站來說垂直目錄結(jié)構(gòu)目錄層次越少越好，因?yàn)樗阉饕嬉话闶遣粫?huì)抓取新站三層目錄以上的內(nèi)容。

5、網(wǎng)站代碼

現(xiàn)在不管是開源的還是在制作網(wǎng)站中,大家都在運(yùn)用DIV+CSS代碼來建站。好些人都認(rèn)為只要是用DIV+CSS寫的網(wǎng)站就比用TABLE做的網(wǎng)站有利于搜索引擎的抓取。一般來說是這樣的，但是任何事情都不是絕對(duì)的。

DIV+CSS之所以好是因?yàn)樗械膶傩员矶紗为?dú)放在一個(gè)CSS文件里，這樣的代碼比較清晰、簡(jiǎn)潔，而且信噪比相比所有屬性都寫在本身頁(yè)面里的TABLE小很多。那么什么情況下TABLE要比DIV+CSS好呢?如果你對(duì)DIV+CSS運(yùn)用不熟練，比如兼容老出問題，那么建議你使用TALBE，你可以把屬性都寫到CSS文件里，從頁(yè)面之中獨(dú)立出來。

另外JS代碼也不要寫到頁(yè)面中，單獨(dú)放到其他文件中然后調(diào)用。對(duì)于代碼的嵌套一般不要超過三層，嵌套越少越好。不要跟一些大型門戶網(wǎng)站比，因?yàn)楹枚嗍虑槲覀兪遣荒芎烷T戶網(wǎng)站相提并論的。HTML中幾個(gè)很適合seo的代碼，比如：h1、h2、B、strong等等代碼要運(yùn)用到頁(yè)面的合適位置。比如h1代碼越靠近頁(yè)面的頂端效果越好，在一個(gè)頁(yè)面中H1、H2代碼最好只出現(xiàn)一次，如果出現(xiàn)多了也不起什么作用了。

對(duì)于title、Description、Keywords的寫法這里就不多說了，網(wǎng)上已經(jīng)泛濫成災(zāi)了。下面以博客站 Z-BLOG為例子再說下“網(wǎng)站的內(nèi)容布局”

Z-BLOG的博客模版大家可以打開我按照這個(gè)案例給大家說下內(nèi)容的發(fā)布。用過Z-BLOG的朋友都應(yīng)該知道的這個(gè)開源的模版的大概布局，大家可以看一下我對(duì)這個(gè)布局進(jìn)行了修改：

首先看一下首頁(yè)的頭部“seo每一天” 用的是H1標(biāo)簽離頭部很近，緊接著是"記錄seo學(xué)習(xí)過程中的點(diǎn)點(diǎn)滴滴-小飛筆記"這里是H2標(biāo)簽;然后在下面就是一個(gè)次導(dǎo)航，這里本來應(yīng)該放置導(dǎo)航，但是我研究過那個(gè)思億歐的網(wǎng)站然后也鑒于次導(dǎo)航做到上面比較好點(diǎn)所以我就把次導(dǎo)航做到主導(dǎo)航這個(gè)位置了，右側(cè)的網(wǎng)站分類算是主導(dǎo)航，模版原來有的那些時(shí)間表和繁雜的搜索功能全部都去掉了，只留有用的東西在上面 ，從而降低信噪比。

實(shí)際上“網(wǎng)絡(luò)分類”那塊放到左側(cè)比較好點(diǎn)，但是放右側(cè)沒動(dòng)目的就是突出關(guān)鍵詞并且讓關(guān)鍵詞都離代碼的頭部比較近。

然后講下文章詳細(xì)頁(yè)面：在博客寫文章中不要去掉鏈接，每個(gè)文章的結(jié)尾都放一段話做上你網(wǎng)站的鏈接，這樣做有2個(gè)好處，第一做了站內(nèi)錨文本鏈接;第二如果是轉(zhuǎn)帖的話可以減少文章的相似度，放在文章的末尾利于蜘蛛爬完這個(gè)頁(yè)面了可以爬取其他頁(yè)面。在頁(yè)面下部加上與本文章關(guān)聯(lián)的其他文章題目和連接，如果你的文章題目是一個(gè)長(zhǎng)尾關(guān)鍵詞，那么在這里做上會(huì)對(duì)你這個(gè)長(zhǎng)尾關(guān)鍵詞的排名很有幫助。

大家在用z-blog模版的時(shí)候一定要去進(jìn)行2次開發(fā)，因?yàn)閆-BLOG的模版中有好多都有隱藏文本內(nèi)容，如果直接用的話那么必然是隱藏文本，會(huì)被搜索引擎判斷為作弊行為，我們可以修改css樣式把他顯示出來或者去掉避免對(duì)我們的優(yōu)化產(chǎn)生影響。

網(wǎng)頁(yè)題目：網(wǎng)站架構(gòu)、代碼、布局和色彩選擇
文章地址：http://www.muchs.cn/news/96626.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián)，為您提供小程序開發(fā)、網(wǎng)站設(shè)計(jì)、微信公眾號(hào)、響應(yīng)式網(wǎng)站、做網(wǎng)站、App設(shè)計(jì)

廣告

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