網(wǎng)站設(shè)計(jì)師在網(wǎng)站頁面設(shè)計(jì)的時(shí)候都做了很大的努力,網(wǎng)站底部設(shè)計(jì),等于設(shè)計(jì)師來說只是例行公事,隨便做一個(gè)差不多的就算了,也沒有太多想法。但是一個(gè)設(shè)計(jì)正確的網(wǎng)頁底部,對(duì)網(wǎng)站有很大提升作用,有人做過一個(gè)試驗(yàn),使用不同設(shè)計(jì)的網(wǎng)站底部兩者跳出率相差了40%!
網(wǎng)頁底部是什么?
網(wǎng)頁底部指的是網(wǎng)頁底部的內(nèi)容,它和網(wǎng)頁主體分開獨(dú)立設(shè)置,幾乎顯示在網(wǎng)站的所有頁面上,一般的網(wǎng)頁底部會(huì)包含網(wǎng)站的一些基本信息和聯(lián)系方式等。
是誰發(fā)明了網(wǎng)頁底部這個(gè)東西現(xiàn)在已經(jīng)很難追溯了,但我們可以大概猜測(cè)到網(wǎng)頁底部的出現(xiàn)時(shí)間,在90年代中期,由于加入了JavaScript,和Flash。網(wǎng)站有了這兩項(xiàng)創(chuàng)新讓網(wǎng)站的設(shè)計(jì)不再局限于文本和表格,再過年后CSS的加入,徹底改變了原有的網(wǎng)站設(shè)計(jì)。
大概就在這個(gè)時(shí)候,就出現(xiàn)了現(xiàn)代的網(wǎng)站結(jié)構(gòu)雛形,導(dǎo)航+內(nèi)容+底部。隨著網(wǎng)站設(shè)計(jì)的不斷發(fā)展,網(wǎng)站導(dǎo)航的重要性收到重視也使得網(wǎng)頁底部作用變得重要。
網(wǎng)站底部作為與主體分開設(shè)計(jì)的一部分,我們要確保它與主體內(nèi)容部分顏色有一定的對(duì)比度,讓用戶清楚這部分是網(wǎng)站的底部。但字體樣式應(yīng)保持一致,并盡量保持簡單整潔。
雖然網(wǎng)頁底部內(nèi)容沒有用固定的規(guī)則,但是有些內(nèi)容大家都會(huì)默認(rèn)的把它放在網(wǎng)頁底部。如:法律信息、版權(quán)信息、聯(lián)系信息、微博、微信公眾號(hào)等。
網(wǎng)站導(dǎo)航
將一些常用的頁面用錨文本鏈接的方式設(shè)置在網(wǎng)頁底部。可以方便用戶進(jìn)一步瀏覽網(wǎng)站。同時(shí)也有助于搜索引擎蜘蛛爬取網(wǎng)站。
法律信息
網(wǎng)站的法律聲明、版權(quán)信息、使用條款等內(nèi)容設(shè)置在網(wǎng)站底部。每當(dāng)網(wǎng)站有新內(nèi)容更新的時(shí)候這些信息都可以自動(dòng)的出現(xiàn)在網(wǎng)站的底部,既實(shí)用又方便。
聯(lián)系信息
通常網(wǎng)站聯(lián)系信息會(huì)放在網(wǎng)站頂部,但試想一下,用戶瀏覽完網(wǎng)站內(nèi)容的時(shí)候正好是滾動(dòng)到網(wǎng)站底部,如果網(wǎng)站聯(lián)系信息只設(shè)置在頂部的話這時(shí)用戶就看不到網(wǎng)站的聯(lián)系信息。在網(wǎng)頁底部設(shè)置網(wǎng)站的一些聯(lián)系信息,地址、電話、電子郵箱等聯(lián)系信息,可使用戶更輕松的聯(lián)系上你。
社交平臺(tái)信息
社交平臺(tái)的重要性不言而喻,通過社交平臺(tái)可以更方便的與用戶進(jìn)行交流互動(dòng)。因此可以在網(wǎng)頁底部設(shè)置上社交平臺(tái)的信息,讓用戶可以方便的訂閱關(guān)注你的社交平臺(tái)。
SEO鏈接
在網(wǎng)頁底部做SEO也是不錯(cuò)的選擇,很多時(shí)候有一些重要的網(wǎng)站鏈接,可能不太適合放在網(wǎng)站導(dǎo)航菜單上。這時(shí)我們就可以把這些鏈接放在網(wǎng)頁底部。
我們可以把網(wǎng)站底部想象成與網(wǎng)站主體獨(dú)立的一塊地方,在不影響用戶體驗(yàn)的情況下,任何有需要的內(nèi)容都可以設(shè)置在網(wǎng)頁底部。