自從今年初開始考慮博客轉(zhuǎn)型,便漸漸有意無意的在參考一些優(yōu)秀博客的網(wǎng)頁是如何排版和設(shè)計(jì)的,當(dāng)然博客的轉(zhuǎn)型主要是內(nèi)容,其實(shí)才是網(wǎng)頁,考慮到博客的發(fā)展方向之后,便開始考慮如何設(shè)計(jì)頁面。而此時(shí)我的微博客首頁已經(jīng)改版了。隨大流,微博客做了一個(gè)大眾化的頁面。
下面我就對(duì)近期我博客頁面布局和參考的幾個(gè)國(guó)外IT類博客的頁面布局進(jìn)行分析,如果你的博客也提供資訊和技巧類的,可以參考此文。
客兩欄常見布局結(jié)構(gòu))
兩欄布局更清晰
博客兩欄的布局,更加突出主頁內(nèi)容展示,側(cè)欄大多寫放上最新文章、熱門文章等文章展示,這樣的布局方法使整個(gè)博客看上去更加簡(jiǎn)潔明了。
80%的網(wǎng)友不會(huì)點(diǎn)網(wǎng)頁側(cè)欄
通過半年的觀察我發(fā)現(xiàn),接近80%不會(huì)點(diǎn)擊我博客右側(cè)的信息,即使不是廣告,也沒人點(diǎn),所以盧松松發(fā)現(xiàn),國(guó)外的IT博客側(cè)欄除了一些簡(jiǎn)潔的信息之外,全是方塊廣告。
去除可要可不要的信息
在盧松松剛建立博客時(shí),如點(diǎn)擊率、欄目分類、Tag、作者等等,博客文章列表頁恨不得把所有信息都塞到列表頁,后來一想,反正用戶也不會(huì)點(diǎn)多余的信息,到不如直接去除的好,網(wǎng)頁還簡(jiǎn)潔了不少。
博文插圖很重要
如果你的博客大多是文字為主,建議一定要給博客加個(gè)插圖,以免整個(gè)博客看上去就是一堵文字墻,可以用tag來做插圖,也可以用文章縮略圖的方式來做插圖,當(dāng)然,如果你會(huì)點(diǎn)PS,且不怕麻煩,可以手動(dòng)給每篇文章配上插圖。
參考博客:
TechCrunch:PR=8 Alexa=372,主要關(guān)注高科技,尤其是Web2.0領(lǐng)域的創(chuàng)業(yè)企業(yè)。TechCrunch本質(zhì)上是一家為創(chuàng)業(yè)企業(yè)服務(wù)的網(wǎng)站。市場(chǎng)對(duì)該博客的估值也達(dá)到上千萬美元。從博客價(jià)值來看,TechCrunch已成為獨(dú)立博客的典范。
Read Write Web(讀寫網(wǎng)) PR=8 Alexa=2054,該博客通?巧疃确治鲱愇恼拢^少消息類文章。文章范圍包括互聯(lián)網(wǎng)技術(shù)、產(chǎn)品、趨勢(shì)及大公司動(dòng)態(tài)等。該博客近來對(duì)中國(guó)互聯(lián)網(wǎng)的關(guān)注力度明顯較大。并且受搜狐邀請(qǐng)開通了搜狐中文博客。