有些朋友對(duì)于網(wǎng)站建設(shè)的一些問(wèn)題不了解，經(jīng)常過(guò)來(lái)咨詢，今天小編就來(lái)給大家介紹一下：seo網(wǎng)站設(shè)計(jì)制作的幾點(diǎn)小建議。

　　網(wǎng)站是一個(gè)企業(yè)的互聯(lián)網(wǎng)形象窗口，很多人因此很關(guān)注網(wǎng)站的頁(yè)面設(shè)計(jì)，筆者碰到多很多老板對(duì)網(wǎng)站的要求就是"高大上"，我不知道在他們眼中"高大上" 究竟是個(gè)什么標(biāo)準(zhǔn)(有人說(shuō)是完美)，但是我認(rèn)為網(wǎng)站的設(shè)計(jì)制作更重要的是實(shí)用、美觀以及良好的用戶體驗(yàn)。

　　一、 頁(yè)面響應(yīng)速度

　　網(wǎng)站打開(kāi)慢導(dǎo)致訪客等不及直接關(guān)閉，這是我們大家都不愿意看到的 ，同時(shí)也會(huì)直接導(dǎo)致網(wǎng)站的跳出率大大增加，這對(duì)seo同樣不利，我們可以采用以下方法來(lái)解決這個(gè)問(wèn)題(這里是說(shuō)服務(wù)器運(yùn)行正常、帶寬足夠)。

　　1、js、css合并壓縮以及代碼優(yōu)化、圖片壓縮

　　js 和css 可以用在線工具直接壓縮，jq的一些常用類庫(kù)可以使用百度 cdn公共庫(kù)或者使用官方給的cnd公共庫(kù);圖片壓縮以不影響圖片美觀為主，壓縮不易太過(guò)分，針對(duì)網(wǎng)站內(nèi)部的小圖片，可以使用css sprite 技術(shù)，這樣做的好處不僅僅減小了圖片整個(gè)的體積，而且減少了服務(wù)器對(duì)圖片的響應(yīng)次數(shù)(css sprite 使用對(duì)象是頁(yè)面中的小圖，不是說(shuō)將所有圖整成一個(gè)大的這樣就好，這種觀點(diǎn)是錯(cuò)誤滴)。對(duì)于多個(gè)js，如果沒(méi)有非常特別的原因，建議合并到一起，并用代碼屏 蔽報(bào)錯(cuò)(這樣做的好處是避免在ie中彈出報(bào)錯(cuò)信息,js、css代碼優(yōu)化這個(gè)直接找技術(shù)就可以了。

　　2、圖片預(yù)加載

　　目前常用的是web lazyload技術(shù)，簡(jiǎn)單點(diǎn)說(shuō)就是當(dāng)網(wǎng)頁(yè)頁(yè)面滾動(dòng)到相應(yīng)的地方，對(duì)應(yīng)位置的內(nèi)容才進(jìn)行加載顯示，這樣能明顯減少了服務(wù)器的壓力和流量，也能夠減小瀏覽器的負(fù)擔(dān)。這樣前臺(tái)顯示的內(nèi)容就會(huì)相對(duì)減少，從而提升了網(wǎng)頁(yè)的加載速度。

　　3、沒(méi)有必要的情況下盡量少用響應(yīng)式布局

　　雖然目前網(wǎng)站的終端有多個(gè)，兼容多個(gè)終端也是網(wǎng)頁(yè)設(shè)計(jì)的趨勢(shì)，但是由于很多時(shí)候網(wǎng)站并不是做的網(wǎng)格式布局，這樣就會(huì)在頁(yè)面中增加N多的代碼，想想這個(gè)加載速度吧，如果沒(méi)有特別的必要，建議不要做響應(yīng)式。

　　二、 用戶體驗(yàn)

　　1、 css3、html5的運(yùn)用

　　css3、 html5等技術(shù)確實(shí)可以讓頁(yè)面有更加豐富的頁(yè)面效果，同時(shí)也可以大大增強(qiáng)用戶體驗(yàn)，但是考慮到國(guó)內(nèi)很多用戶的ie版本都還在ie8甚至是更低的版本，因 此，在使用這些技術(shù)的同時(shí)，我們是不是應(yīng)該考慮到這部分用戶呢?因此陰影、畫(huà)板、過(guò)渡等等一系列特效，如果一定要實(shí)現(xiàn)的話就用js或者是jq。

　　2、移動(dòng)網(wǎng)站、社交化是趨勢(shì)

　　越 來(lái)越多的用戶開(kāi)始使用手機(jī)上網(wǎng)，越來(lái)越多的人喜歡在社交網(wǎng)站上分享，移動(dòng)網(wǎng)站、社交化是互聯(lián)網(wǎng)未來(lái)的趨勢(shì)。如果你沒(méi)有移動(dòng)站點(diǎn)、或者是網(wǎng)站不支持移動(dòng)頁(yè)面 瀏覽，你可以嘗試使用百度的移動(dòng)app ，如果需要客戶端可以使用無(wú)覓;另外網(wǎng)站中的分享按鈕也是非常重要的 ，這不僅可以免費(fèi)給你帶來(lái)外鏈，還可以免費(fèi)幫你做推廣。

　　三、關(guān)于seo

　　1、seo相關(guān)元素能用標(biāo)簽、文字的盡量少用圖片、flash、框架、js

　　原因很簡(jiǎn)單，因?yàn)閳D片、flash、框架、js搜索引擎蜘蛛無(wú)法抓取到其中的內(nèi)容，這都是老生常談的問(wèn)題了，就不重復(fù)。

　　2、頁(yè)面標(biāo)簽書(shū)寫(xiě)、不相關(guān)a 用nofollow

　　B、strong 、h1-h6等大家都知道，這里不重復(fù)。

　　相信看過(guò)這篇文章的朋友一定了解了網(wǎng)站制作的一些知識(shí)，如果還有任何問(wèn)題請(qǐng)通過(guò)網(wǎng)站上面的qq或者電話聯(lián)系咱們，會(huì)有專業(yè)人員幫您一一解答。