有網(wǎng)站設(shè)計(jì)經(jīng)驗(yàn)的SEOer都清楚，只要企業(yè)站點(diǎn)的首頁(yè)設(shè)計(jì)布局完成，網(wǎng)站建站作業(yè)基本就完成了80%，剩下的就是根據(jù)首頁(yè)的風(fēng)格編輯出欄目頁(yè)面即可。結(jié)合網(wǎng)站優(yōu)化，我們清楚企業(yè)站點(diǎn)的首頁(yè)是權(quán)值最高的頁(yè)面，不論是導(dǎo)航欄目布局還下面的版塊安排都會(huì)影響到后期的網(wǎng)站運(yùn)營(yíng)工作，所以在整個(gè)網(wǎng)絡(luò)營(yíng)銷(xiāo)工程中，首頁(yè)制作的優(yōu)劣直接關(guān)乎著網(wǎng)站質(zhì)量。

    那怎樣來(lái)設(shè)計(jì)企業(yè)站點(diǎn)的首頁(yè)呢？下面筆者小丹根據(jù)工作終于到的網(wǎng)站類(lèi)型來(lái)和大家分享一下首頁(yè)的布局與設(shè)計(jì)。

    企業(yè)站點(diǎn)的首頁(yè)安排要根據(jù)行業(yè)特征來(lái)進(jìn)行，最常見(jiàn)的形式就是上下結(jié)構(gòu)的，有獨(dú)樹(shù)一幟的會(huì)采取左右布局格式或者是通欄結(jié)構(gòu)。但是不論我們的首頁(yè)設(shè)計(jì)是怎樣安排的，都要遵循內(nèi)容重要性從左至右，自上而下。只要掌握好這個(gè)主要原則，無(wú)論你的首頁(yè)布局成什么樣的風(fēng)格都可以找到重點(diǎn)，優(yōu)化也就迎刃而解了。

    首先來(lái)看看我們最常檢查的形式—自上而下。

    這種形式在企業(yè)站點(diǎn)中相對(duì)最多，因?yàn)樗麄儣l理清晰，讓用戶(hù)一目了然，所以在版面設(shè)計(jì)的時(shí)候設(shè)計(jì)師只要將欄目板塊根據(jù)客戶(hù)提供產(chǎn)品的主次，進(jìn)行分布及可。而首頁(yè)的布局風(fēng)格則可以根據(jù)行業(yè)主流特征來(lái)確定，是簡(jiǎn)約還復(fù)古，都可以實(shí)現(xiàn)。

    然后我們?cè)趤?lái)認(rèn)識(shí)一下另一種布局格式—從左至右。

    這樣的布局格式相對(duì)自上而下的格局有點(diǎn)另類(lèi)，不過(guò)也算是近年來(lái)互聯(lián)中可以見(jiàn)到的布局形式。最常見(jiàn)的就是我們的博客網(wǎng)站，多數(shù)情下分為兩欄，一欄是內(nèi)容，另一欄是小程序和增加頁(yè)面豐富感的“裝飾”。

    最后我們簡(jiǎn)答概述一下其他的布局格式。

    在首頁(yè)布局中還有一些比較個(gè)性的設(shè)計(jì)方式，如層層包羅式，用DIV的說(shuō)法就是建立一層一層的盒子，將內(nèi)容層層套進(jìn)去，就小丹來(lái)看這樣的方式會(huì)影響用戶(hù)的體驗(yàn)，但是你不得不承認(rèn)確實(shí)“絕無(wú)僅有”。還有如插圖式的，這樣的首頁(yè)主要是將頁(yè)面劃分為5個(gè)部分，導(dǎo)航，內(nèi)容（左部分，中間插圖式部分，右面部分）和尾部。看似好像布局獨(dú)特其實(shí)這是將原來(lái)的二屏與第一屏中間相連，形式了一個(gè)“凸或凹”式布局罷了。這樣的設(shè)計(jì)布局其實(shí)小丹個(gè)人并不喜歡，總有種嘩眾取寵的感覺(jué)。

    總體來(lái)說(shuō)，企業(yè)站點(diǎn)的首頁(yè)設(shè)計(jì)與布局只要滿(mǎn)足用戶(hù)體驗(yàn)即可，內(nèi)容上像之前小丹說(shuō)是將內(nèi)容主次按照蜘蛛爬行收錄規(guī)則進(jìn)行編輯就可以了。如果你不滿(mǎn)足于傳統(tǒng)的布局方式，可以嘗試不同結(jié)構(gòu)的布局，不過(guò)優(yōu)化規(guī)則一定要遵循。所以在決定新版面布局設(shè)計(jì)時(shí)候不妨與設(shè)計(jì)師和優(yōu)化師進(jìn)行溝通，找到一套最合適的方案。