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

1、明確建站目的

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

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

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

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

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

3、網(wǎng)站布局

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

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

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

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

如果網(wǎng)站比較大那就用垂直目錄結(jié)構(gòu)。垂直結(jié)構(gòu)意思就是：主頁鏈接頻道頁面 ----> 頻道頁面鏈接主頁和內(nèi)容頁面 ---> 內(nèi)容頁面鏈接主頁和自己的頻道頁面。對于主域名的連接最好用絕對地址這樣的話能夠很好的維護主域名的權(quán)重，至少不會因為主域名鏈接不夠而造成首頁降權(quán)，對于新站來說垂直目錄結(jié)構(gòu)目錄層次越少越好，因為搜索引擎一般是不會抓取新站三層目錄以上的內(nèi)容。

5、網(wǎng)站代碼

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

DIV+CSS之所以好是因為所有的屬性表都單獨放在一個CSS文件里，這樣的代碼比較清晰、簡潔，而且信噪比相比所有屬性都寫在本身頁面里的TABLE小很多。那么什么情況下TABLE要比DIV+CSS好呢?如果你對DIV+CSS運用不熟練，比如兼容老出問題，那么建議你使用TALBE，你可以把屬性都寫到CSS文件里，從頁面之中獨立出來。

另外JS代碼也不要寫到頁面中，單獨放到其他文件中然后調(diào)用。對于代碼的嵌套一般不要超過三層，嵌套越少越好。不要跟一些大型門戶網(wǎng)站比，因為好多事情我們是不能和門戶網(wǎng)站相提并論的。HTML中幾個很適合seo的代碼，比如：h1、h2、B、strong等等代碼要運用到頁面的合適位置。比如h1代碼越靠近頁面的頂端效果越好，在一個頁面中H1、H2代碼最好只出現(xiàn)一次，如果出現(xiàn)多了也不起什么作用了。

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

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

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

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

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

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

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

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

廣告

聲明：本網(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)