- 一月29
-

自从今年初开始考虑博客转型,便渐渐有意无意的在参考一些优秀博客的网页是如何排版和设计的,当然博客的转型主要是内容,其实才是网页,考虑到博客的发展方向之后,便开始考虑如何设计页面。而此时我的微博客首页已经改版了。随大流,微博客做了一个大众化的页面。
下面我就对近期我博客页面布局和参考的几个国外IT类博客的页面布局进行分析,如果你的博客也提供资讯和技巧类的,可以参考此文。

(博客两栏常见布局结构)
两栏布局更清晰
博客两栏的布局,更加突出主页内容展示,侧栏大多写放上最新文章、热门文章等文章展示,这样的布局方法使整个博客看上去更加简洁明了。
80%的网友不会点网页侧栏
通过半年的观察我发现,接近80%不会点击我博客右侧的信息,即使不是广告,也没人点,所以卢松松发现,国外的IT博客侧栏除了一些简洁的信息之外,全是方块广告。
去除可要可不要的信息
在卢松松刚建立博客时,如点击率、栏目分类、Tag、作者等等,博客文章列表页恨不得把所有信息都塞到列表页,后来一想,反正用户也不会点多余的信息,到不如直接去除的好,网页还简洁了不少。
博文插图很重要
如果你的博客大多是文字为主,建议一定要给博客加个插图,以免整个博客看上去就是一堵文字墙,可以用tag来做插图,也可以用文章缩略图的方式来做插图,当然,如果你会点PS,且不怕麻烦,可以手动给每篇文章配上插图。
参考博客:
TechCrunch:PR=8 Alexa=372,主要关注高科技,尤其是Web2.0领域的创业企业。TechCrunch本质上是一家为创业企业服务的网站。市场对该博客的估值也达到上千万美元。从博客价值来看,TechCrunch已成为独立博客的典范。
Read Write Web(读写网) PR=8 Alexa=2054,该博客通常刊登深度分析类文章,而较少消息类文章。文章范围包括互联网技术、产品、趋势及大公司动态等。该博客近来对中国互联网的关注力度明显较大。并且受搜狐邀请开通了搜狐中文博客。
原创文章请注明转载自卢松松博客,本文地址:http://www.lusongsong.com/reed/152.html

199楼 qmdvd
Post:2010-3-6 19:36:32
198楼 中国亚龙
Post:2010-3-2 18:00:39
197楼 博客赚钱
Post:2010-2-20 11:32:54
196楼 otsorg
Post:2010-2-10 21:00:45
195楼 tangzhehao
Post:2010-2-10 11:00:21
194楼 王士奇
Post:2010-2-8 9:23:13
我也是觉得两栏的博客比较清爽。
193楼 笔头
Post:2010-2-7 18:10:49
192楼 女生飘飘
Post:2010-2-7 12:12:00
191楼 女生飘飘
Post:2010-2-7 12:07:27
呵呵 这样不影响读者
190楼 分享联盟
Post:2010-2-7 8:05:43
189楼 大头虾客
Post:2010-2-6 10:11:02
188楼 Kem
Post:2010-2-5 22:22:16
谢谢,希望有更多这样的文章
187楼 乱爬网
Post:2010-2-5 19:42:39
186楼 Tenzo
Post:2010-2-5 16:42:36
185楼 子强
Post:2010-2-4 15:12:44
184楼 路痴
Post:2010-2-3 22:42:07
183楼 征途牛仔
Post:2010-2-3 17:08:51
182楼 落落
Post:2010-2-3 15:18:41
181楼 朽木
Post:2010-2-3 12:59:58
180楼 建华老师
Post:2010-2-3 12:48:10
179楼 资源窝
Post:2010-2-3 10:08:50
178楼 晓龙在线
Post:2010-2-2 22:10:35
博主不厚道哦。。
每次都不回访。。
177楼 老夫
Post:2010-2-2 15:57:13
176楼 简单生活
Post:2010-2-2 14:51:46
175楼 简单生活
Post:2010-2-2 14:51:00
174楼 smigoo
Post:2010-2-2 9:23:19
173楼 张林强博客
Post:2010-2-2 9:18:14
172楼 孟智
Post:2010-2-2 9:15:54
171楼 张林强博客
Post:2010-2-2 9:13:46
170楼 chisdy
Post:2010-2-2 7:53:28
169楼 myogg
Post:2010-2-1 23:07:40
168楼 myogg
Post:2010-2-1 23:06:27
167楼 liuzm
Post:2010-2-1 22:43:50
166楼 Vonvia
Post:2010-2-1 21:40:37
165楼 大学男生
Post:2010-2-1 21:25:45
164楼 二人三地话健康
Post:2010-2-1 20:57:10
163楼 阿福
Post:2010-2-1 18:21:23
162楼 anear
Post:2010-2-1 18:17:44
161楼 张林强博客
Post:2010-2-1 15:52:36
160楼 stone
Post:2010-2-1 14:38:58
159楼 苏囧
Post:2010-2-1 14:37:59
158楼 高于怡
Post:2010-2-1 14:25:49
157楼 广寒宫电子商务博客
Post:2010-2-1 14:01:17
156楼 太阳博客
Post:2010-2-1 14:00:14
155楼 魔法辞典
Post:2010-2-1 13:42:19
154楼 一件可以
Post:2010-2-1 13:37:06
153楼 张林强博客
Post:2010-2-1 13:07:18
152楼 三脚猫
Post:2010-2-1 13:02:07
简捷,去除不相关的文字~才更专业!
151楼 菲萨塔
Post:2010-2-1 12:57:11
150楼 菲萨塔
Post:2010-2-1 12:55:31
149楼 张林强博客
Post:2010-2-1 12:50:02
148楼 虾虾
Post:2010-2-1 12:49:10
147楼 赵恩之
Post:2010-2-1 12:34:09
146楼 一件可以
Post:2010-2-1 12:33:50
145楼 虫虫博客
Post:2010-2-1 12:26:03
144楼 一件可以
Post:2010-2-1 11:32:52
143楼 赵恩之
Post:2010-2-1 11:32:20
142楼 飘洋过海
Post:2010-2-1 11:30:46
141楼 过去的往事
Post:2010-2-1 11:12:52
140楼 小高
Post:2010-2-1 10:41:32
139楼 过去的往事
Post:2010-2-1 10:12:56
我喜欢单兰的 比较好看
138楼 yywr
Post:2010-2-1 9:57:23
137楼 菲萨塔
Post:2010-2-1 9:48:53
136楼 liuzm
Post:2010-2-1 9:27:59
135楼 hzhjun
Post:2010-2-1 6:50:47
每篇文章的内容都很有针对性,让人受益匪浅!!
134楼 chouray
Post:2010-2-1 0:53:34
133楼 广州seo咨询室
Post:2010-1-31 23:09:31
132楼 所以PHP
Post:2010-1-31 23:03:37
131楼 张楠
Post:2010-1-31 22:34:10
130楼 日记男孩
Post:2010-1-31 22:25:40
129楼 木鱼
Post:2010-1-31 21:44:01
128楼 资源窝
Post:2010-1-31 16:40:59
127楼 大山
Post:2010-1-31 15:53:13
126楼 三七八蛋
Post:2010-1-31 15:39:26
125楼 Nox
Post:2010-1-31 14:55:36
124楼 星网
Post:2010-1-31 13:31:05
123楼 潘蟹蟹
Post:2010-1-31 12:14:22
122楼 cluries
Post:2010-1-31 11:41:04
而且也很简洁 功能也好放置
121楼 瓶子无芯
Post:2010-1-31 10:30:58
120楼 迷失
Post:2010-1-31 9:58:54
119楼 风吟
Post:2010-1-31 8:36:50
118楼 reizhi
Post:2010-1-31 5:21:43
117楼 外贸SOHO
Post:2010-1-31 2:13:01
116楼 seo博客
Post:2010-1-31 1:01:16
115楼 bwskyer
Post:2010-1-31 0:52:45
114楼 锋子
Post:2010-1-30 22:58:43
113楼 宁波SEO
Post:2010-1-30 22:47:57
112楼 海波
Post:2010-1-30 22:42:11
111楼 仁心博客
Post:2010-1-30 21:52:46
110楼 飘洋过海
Post:2010-1-30 21:08:31
109楼 老兵
Post:2010-1-30 18:42:25
108楼 17doit
Post:2010-1-30 18:00:45
107楼 abdyuiu
Post:2010-1-30 15:56:20
前几天
发现一个东西不错 自称 网站自动化宣传机器 就是输入你的域名 然后点击开始疯狂的推广
号称可以把你的网站瞬间推广到数千个网站 看着蛮好玩的黑了他的虚拟机偷到了源程序
开辅臣解析数据库 发现他的数据库写法不一样...
每句查询命令都自动替换为www/xxxxx/com 而你输入的网址就是徒劳 url?=的不是你的网址而是www/xxxxx/com
说到这里大家都**了吧? 有些人被人卖了还在帮人家数钱叫好,
拿站长开国际玩笑 真是气人
自称的原文如下:
我们的特点是:全免费、免人力、工具化、自动化、批量化、普适化、系统化! (永远不会被搜索引擎K) 非黑帽工具
查看效果方法: inurl:?url=加上你网址 domain:加上你网址 site:加上你网址 搜索引擎查一查就明白有没有效果!
(平均一天刷十次左右最佳效果)
工具用途:轻轻松松提高网站曝光率,明显增加外部链接,快速增高世界排名,等等.
数据分析:
当你点击查询/推广的时候 的确进入了推广页面 而url后面呈现的数据也是你的网址
这就是一障眼法 不要以为是真的给你宣传了 给你推广了
其实他数据库里面的网址已经写好了
如果大家有兴趣 可以下载一个他的数据库自己拿回去玩玩
做网站是没有任何捷径的 也不要为了所谓的排名 数据 收录 把自己搞傻
106楼 joe
Post:2010-1-30 15:33:27
105楼 喵喵呜
Post:2010-1-30 15:21:09
104楼 柳絮轻飞
Post:2010-1-30 15:20:14
103楼 疾风
Post:2010-1-30 15:16:24
102楼 siyu
Post:2010-1-30 14:55:42
101楼 colin
Post:2010-1-30 14:53:10
100楼 喂喂
Post:2010-1-30 14:29:09
99楼 GEZ鸽子
Post:2010-1-30 19:28:05
98楼 bigfools.com
Post:2010-1-30 14:14:11
http://bigfools.com/2010/01/1660.html
97楼 资源窝
Post:2010-1-30 14:12:19
96楼 1314lucky
Post:2010-1-30 13:17:24
95楼 江流
Post:2010-1-30 13:10:51
94楼 鸟人飞呀飞
Post:2010-1-30 12:22:15
看到挂上GG广告了,一天收入是多少呀?
93楼 世纪之光
Post:2010-1-30 12:05:10
92楼 Joyla
Post:2010-1-30 11:46:06
91楼 元胜
Post:2010-1-30 11:45:14
90楼 草根网评
Post:2010-1-30 11:01:52
博客与网站不一样,所以,不要让首页成了百科全书。
89楼 leecay
Post:2010-1-30 10:28:09
88楼 liuzm
Post:2010-1-30 9:51:35
87楼 梵高先生
Post:2010-1-30 3:13:04
86楼 Mr.小宇
Post:2010-1-30 1:27:21
感觉,给文章找一个合适的图片,这个不是很容易的。
85楼 二十六公斤
Post:2010-1-30 1:20:04
84楼 所以PHP
Post:2010-1-30 1:11:42
83楼 wayne
Post:2010-1-30 0:38:33
82楼 濯焰鸟
Post:2010-1-30 0:16:57
81楼 永世的缘
Post:2010-1-30 0:10:34
80楼 cyusyu
Post:2010-1-30 0:06:49
79楼 A.shun
Post:2010-1-29 23:48:12
现在流行main menu 和header合在一起的
78楼 QQ批发网站
Post:2010-1-29 23:47:47
77楼 山东SEO
Post:2010-1-29 23:27:08
风格我喜欢,但是我用的是wp
76楼 竹
Post:2010-1-29 23:22:14
75楼 jankerli
Post:2010-1-29 23:02:14
设计这东西,我最不行了!唉……
74楼 搜稀奇
Post:2010-1-29 22:37:11
73楼 alswl
Post:2010-1-29 22:26:27
72楼 catwork
Post:2010-1-29 22:22:28
71楼 大圣图库
Post:2010-1-29 22:19:47
70楼 伍锐锋
Post:2010-1-29 21:51:39
69楼 站长助
Post:2010-1-29 21:31:44
68楼 liuzm
Post:2010-1-29 21:18:57
67楼 wuleilei
Post:2010-1-29 20:58:41
66楼 17doit
Post:2010-1-29 20:56:33
65楼 YY
Post:2010-1-29 20:48:44
64楼 hxyhbkj
Post:2010-1-29 20:45:29
63楼 土狼妹妹
Post:2010-1-29 20:26:28
62楼 集思博客
Post:2010-1-29 20:24:39
61楼 loker
Post:2010-1-29 19:59:20
60楼 百奥博
Post:2010-1-29 17:51:21
59楼 集趣
Post:2010-1-29 17:25:02
58楼 feln
Post:2010-1-29 17:24:47
57楼 evlos
Post:2010-1-29 17:13:03
小邪是两栏,而且尽量精简了侧栏的挂件,以后得加大配图量咯,呵呵 ~
56楼 zwwooooo
Post:2010-1-29 16:02:57
55楼 猴子
Post:2010-1-29 15:58:48
54楼 苏囧
Post:2010-1-29 15:35:27
53楼 bolo
Post:2010-1-29 15:26:34
52楼 许哥儿个人博客
Post:2010-1-29 15:24:35
51楼 漢文溪
Post:2010-1-29 15:18:07
50楼 泡面
Post:2010-1-29 14:48:57
49楼 AnQ博客
Post:2010-1-29 14:41:11
48楼 志言
Post:2010-1-29 14:36:27
47楼 licream
Post:2010-1-29 14:32:22
46楼 先看看
Post:2010-1-29 14:29:06
45楼 张林强博客
Post:2010-1-29 14:25:41
44楼 welee
Post:2010-1-29 14:22:38
43楼 sk
Post:2010-1-29 14:16:37
42楼 LAONB
Post:2010-1-29 14:13:54
41楼 Zenoven自由人
Post:2010-1-29 14:10:33
40楼 非博
Post:2010-1-29 14:03:21
39楼 平平
Post:2010-1-29 14:02:52
38楼 itlobo
Post:2010-1-29 14:02:45
37楼 好心情摄影日志
Post:2010-1-29 13:52:58
板凳不见了
连地板都满了
偶只能悬在天花板上 观看…………
36楼 泡面
Post:2010-1-29 13:49:19
PS:泡面原来也仿过国外的网页,但是效果不咋样。欧美网页趋于简单化,直截了当,日韩网页趋于风格化。这是泡面感觉的。请松松批评指正。
35楼 闪闪的星
Post:2010-1-29 13:46:45
34楼 CT
Post:2010-1-29 13:34:54
33楼 ubosm
Post:2010-1-29 13:29:59
32楼 Firm
Post:2010-1-29 13:07:37
31楼 笨笨
Post:2010-1-29 13:05:58
每个人的品味不同,我个人更喜欢简洁一点。
30楼 猫哥
Post:2010-1-29 13:04:37
29楼 敏锐的眼睛
Post:2010-1-29 13:03:16
28楼 pentium
Post:2010-1-29 13:03:15
27楼 雪狼子
Post:2010-1-29 12:41:45
26楼 风云春秋博客
Post:2010-1-29 12:22:02
25楼 从前网
Post:2010-1-29 12:17:06
24楼 Gonten
Post:2010-1-29 12:15:45
23楼 真好网
Post:2010-1-29 12:03:51
22楼 游牧猎狼
Post:2010-1-29 11:57:48
21楼 博爱老头
Post:2010-1-29 11:52:41
20楼 午夜兰花手札
Post:2010-1-29 11:40:26
19楼 有图
Post:2010-1-29 11:37:44
如果想知道侧边栏的用处,还记得长尾理论里所提到的侧边栏的巨大作用,布局的好是锦上添花,布局太乱当然没人点。另外,不要忘了搜索引擎。
更多的我就不说了,很多人其实很明白。
18楼 无名
Post:2010-1-29 11:29:35
似乎应该是其次才是...
其实我认为博客主要的还是在内容,页面的设计只要简单实用就好,比如卢松松博客的页面
侧边栏,那个最活跃的朋友完全可以去掉,没有什么意义,侧边栏只留下最新评论以及热门日志即可
如果愿意还可以加入GGAD。
再就是文章内的那个GGAD,我觉得可以放到文章的最下面,设计成468*60大小的
这样页面整体上看上去或许会舒服一些?你觉得呢?卢松松.
17楼 万戈
Post:2010-1-29 11:29:26
16楼 小辉网
Post:2010-1-29 11:29:08
15楼 风也飘泊
Post:2010-1-29 11:21:47
我也去把主题精简下
14楼 易搜购
Post:2010-1-29 11:19:37
好厉害啊,我要好好看下,看来sidebar 的确不太需要
13楼 lty
Post:2010-1-29 11:17:09
12楼 菲萨塔
Post:2010-1-29 11:13:13
11楼 伏少雄
Post:2010-1-29 10:59:15
10楼 伏少雄
Post:2010-1-29 10:56:51
9楼 太阳博客
Post:2010-1-29 10:44:53
8楼 huangjun
Post:2010-1-29 10:41:25
7楼 念念不忘
Post:2010-1-29 10:40:51
6楼 淘书阁
Post:2010-1-29 10:38:48
5楼 免费小说
Post:2010-1-29 10:37:51
4楼 太阳博客
Post:2010-1-29 10:35:09
3楼 迈普电子
Post:2010-1-29 10:34:44
2楼 悠远的驼铃
Post:2010-1-29 10:32:57
1楼 迈普电子
Post:2010-1-29 10:27:26