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