網(wǎng)站是一個(gè)企業(yè)的互聯(lián)網(wǎng)形象窗口，因此網(wǎng)站的頁面設(shè)計(jì)備受關(guān)注。很多老板對(duì)網(wǎng)站的要求都很高。我不知道他們眼中的“高”是什么標(biāo)準(zhǔn)，但我認(rèn)為網(wǎng)站的設(shè)計(jì)和制作更重要的是要實(shí)用、美觀和良好的用戶體驗(yàn)。下面主要介紹我對(duì)SEO網(wǎng)站設(shè)計(jì)和制作的一些建議，僅供參考。我希望你能改正任何錯(cuò)誤。

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

網(wǎng)站的緩慢開放導(dǎo)致訪問者無法等待網(wǎng)站直接關(guān)閉。這是我們都不想看到的。同時(shí)，這將直接導(dǎo)致網(wǎng)站跳出率的顯著提高，這也不利于SEO。我們可以使用以下方法來解決這個(gè)問題（這里，服務(wù)器運(yùn)行正常，帶寬足夠）。

2、JS，CSS合并壓縮，代碼優(yōu)化，圖像壓縮

JS和CSS可以通過在線工具直接壓縮。JQ的一些公共圖書館可以使用百度CDN公共圖書館或官方CND公共圖書館。圖像壓縮主要不影響圖像的美觀，所以不容易壓縮太多。對(duì)于網(wǎng)站內(nèi)部的小圖片，可以使用csssprite技術(shù)，這不僅減少了圖片的整體大小，還減少了服務(wù)設(shè)備對(duì)圖片的響應(yīng)次數(shù)（csssprite使用頁面中的小圖片，這并不是說把所有圖片都變成一個(gè)大圖片是好的，這是個(gè)錯(cuò)誤）。對(duì)于多個(gè)JS，如果沒有非常特殊的原因，建議將它們合并在一起，并使用代碼屏蔽錯(cuò)誤報(bào)告（這樣做的好處是避免ie、JS中出現(xiàn)錯(cuò)誤報(bào)告信息，CSS代碼優(yōu)化是一種直接搜索技術(shù)。

目前，weblazload技術(shù)是常用的。簡單地說，當(dāng)網(wǎng)頁滾動(dòng)到相應(yīng)的位置時(shí)，會(huì)加載和顯示相應(yīng)位置的內(nèi)容，這可以顯著降低服務(wù)器的壓力和流量，同時(shí)也減輕瀏覽器的負(fù)擔(dān)。這樣，前臺(tái)顯示的內(nèi)容會(huì)相對(duì)減少，從而提高網(wǎng)頁的加載速度。雖然目前網(wǎng)站上有很多終端，與多個(gè)終端兼容也是網(wǎng)頁設(shè)計(jì)的趨勢(shì)，但很多時(shí)候網(wǎng)站并不是一個(gè)網(wǎng)頁格式的布局，因此會(huì)在網(wǎng)頁中添加n個(gè)以上的代碼。想想裝載速度。如果沒有特殊需要，建議不要做反應(yīng)。

3、 用戶體驗(yàn)

CSS3、HTML5等技術(shù)確實(shí)可以使頁面具有更加豐富的頁面效果，大大提升用戶體驗(yàn)。但是，考慮到國內(nèi)很多用戶的ie版本仍然是IE8甚至更低版本，我們?cè)谑褂眠@些技術(shù)時(shí)不應(yīng)該考慮這些用戶。因此，陰影、畫板、過渡等一系列的特效，如果要實(shí)現(xiàn)的話，可以使用js或JQ。

越來越多的用戶開始使用手機(jī)上網(wǎng)。越來越多的人喜歡在社交網(wǎng)站上分享。移動(dòng)網(wǎng)站和社會(huì)化是未來互聯(lián)網(wǎng)的發(fā)展趨勢(shì)。如果你沒有移動(dòng)網(wǎng)站，或者網(wǎng)站不支持移動(dòng)頁面瀏覽，可以嘗試使用百度的移動(dòng)應(yīng)用，如果你需要客戶端，可以不用搜索；此外，網(wǎng)站中的分享按鈕也非常重要，不僅可以免費(fèi)為你帶來外鏈，還可以幫你免費(fèi)做推廣。

4、 關(guān)于SEO

搜索引擎優(yōu)化相關(guān)的元素可以使用標(biāo)簽和文字盡可能少的圖片，閃光燈，框架，JS原因很簡單，因?yàn)閳D片、flash、framework、JS搜索引擎蜘蛛抓不到內(nèi)容，這是一個(gè)常見的問題，不會(huì)重復(fù)。頁面標(biāo)簽書寫，不相關(guān)的a和nofollow 很強(qiáng)，h1-h6等，大家都知道，這里不重復(fù)。