網(wǎng)站是一個企業(yè)的互聯(lián)網(wǎng)形象窗口，很多人因此很關(guān)注網(wǎng)站的頁面設(shè)計，筆者碰到多很多老板對網(wǎng)站的要求就是"高大上"，我不知道在他們眼中“高大上” 究竟是個什么標(biāo)準(zhǔn)(有人說是完美)，但是我認(rèn)為網(wǎng)站的設(shè)計制作更重要的是實用、美觀以及良好的用戶體驗。下文主要介紹了本人自己對對seo網(wǎng)站設(shè)計制作的 幾點小建議，僅供參考，有不對的地方還望大家指正。 一、 頁面響應(yīng)速度 網(wǎng)站打開慢導(dǎo)致訪客等不及直接關(guān)閉，這是我們大家都不愿意看到的 ，同時也會直接導(dǎo)致網(wǎng)站的跳出率大大增加，這對seo同樣不利，我們可以采用以下方法來解決這個問題(這里是說服務(wù)器運行正常、帶寬足夠)。 1、js、css合并壓縮以及代碼優(yōu)化、圖片壓縮 js 和css 可以用在線工具直接壓縮，jq的一些常用類庫可以使用百度 cdn公共庫或者使用官方給的cnd公共庫;圖片壓縮以不影響圖片美觀為主，壓縮不易太過分，針對網(wǎng)站內(nèi)部的小圖片，可以使用css sprite 技術(shù)，這樣做的好處不僅僅減小了圖片整個的體積，而且減少了服務(wù)器對圖片的響應(yīng)次數(shù)(css sprite 使用對象是頁面中的小圖，不是說將所有圖整成一個大的這樣就好，這種觀點是錯誤滴)。對于多個js，如果沒有非常特別的原因，建議合并到一起，并用代碼屏 蔽報錯(這樣做的好處是避免在ie中彈出報錯信息,js、css代碼優(yōu)化這個直接找技術(shù)就可以了。 2、圖片預(yù)加載 目前常用的是web lazyload技術(shù)，簡單點說就是當(dāng)網(wǎng)頁頁面滾動到相應(yīng)的地方，對應(yīng)位置的內(nèi)容才進(jìn)行加載顯示，這樣能明顯減少了服務(wù)器的壓力和流量，也能夠減小瀏覽器的負(fù)擔(dān)。這樣前臺顯示的內(nèi)容就會相對減少，從而提升了網(wǎng)頁的加載速度。 3、沒有必要的情況下盡量少用響應(yīng)式布局 雖然目前網(wǎng)站的終端有多個，兼容多個終端也是網(wǎng)頁設(shè)計的趨勢，但是由于很多時候網(wǎng)站并不是做的網(wǎng)格式布局，這樣就會在頁面中增加N多的代碼，想想這個加載速度吧，如果沒有特別的必要，建議不要做響應(yīng)式。 二、 用戶體驗 1、 css3、html5的運用 css3、 html5等技術(shù)確實可以讓頁面有更加豐富的頁面效果，同時也可以大大增強用戶體驗，但是考慮到國內(nèi)很多用戶的ie版本都還在ie8甚至是更低的版本，因 此，在使用這些技術(shù)的同時，我們是不是應(yīng)該考慮到這部分用戶呢?因此陰影、畫板、過渡等等一系列特效，如果一定要實現(xiàn)的話就用js或者是jq。 2、移動網(wǎng)站、社交化是趨勢 越 來越多的用戶開始使用手機(jī)上網(wǎng)，越來越多的人喜歡在社交網(wǎng)站上分享，移動網(wǎng)站、社交化是互聯(lián)網(wǎng)未來的趨勢。如果你沒有移動站點、或者是網(wǎng)站不支持移動頁面 瀏覽，你可以嘗試使用百度的移動app ，如果需要客戶端可以使用無覓;另外網(wǎng)站中的分享按鈕也是非常重要的 ，這不僅可以免費給你帶來外鏈，還可以免費幫你做推廣。 三、關(guān)于seo 1、seo相關(guān)元素能用標(biāo)簽、文字的盡量少用圖片、flash、框架、js 原因很簡單，因為圖片、flash、框架、js搜索引擎蜘蛛無法抓取到其中的內(nèi)容，這都是老生常談的問題了，就不重復(fù)。 2、頁面標(biāo)簽書寫、不相關(guān)a 用nofollow B、strong 、h1-h6等大家都知道，這里不重復(fù)。 seo網(wǎng)站設(shè)計制作幾點小建議就寫到這里，其實還有很多小的注意點，特別是關(guān)于seo的，由于寫的人太多，這里就不重復(fù)了。 |
