搞网站?你傻了吧!

搞网站?你傻了吧!
  起的比鸡早,睡的比狗迟,吃的比猪差——有点过激,但做网站的谁没有过这样的经历呢?
  为了什么?到底为了什么?
  是不是一个个的网络创富神话鼓舞了我们?我们期待变成下一个?
  于是忍耐,于是苦求……死而后已。
  太难了……肚子有时候咕咕叫,重要的是,你找不到支持,天天猫在那里,忽然,你发现
  QQ上好友越来越多,而现实中,朋友越来越少了。
  有点悲愤,有点抓狂,有点不知所以……
  
  想走个捷径,打点擦边球,花在研究搜索引擎上的时间远远超过了更新维护网站的时间……
  有点效果了……效果不错了……被KKKKKK了!!!!!
  哭!没人听到。
  铤而走险吧,弄点*图,**视频……….
  哇塞,不需要推广,不需要作弊,不需要关键词,流量哗哗的来啦!
  我操,挂广告,挂代码,什么挣钱挂什么,注册收费,短信……
  我操,流量怎么这么大啊,都是哪来的啊……乱哄哄的……可心里高兴,瞪着通红的兔子眼,看着流量统计、点击统计……换算******民币,人民币换算成房子、车子、美人…………
  忽然世界清净了!名气大了,被政府请去喝茶了。
  我们有前车之鉴,所以不能那么做。
  某某某可以那么做,他发了,后来他金盆洗手了,黑改白了,牛逼了……但我们不能啊,为什么我们不能啊?就是有人能有人不能,这就是世道。
  安分守己的做吧,是的,就这样吧,没有风险,顶多就是转载点文章,盗链点图片,没什么大不了的,人家写信来,咱老老实实删了就是,看一下热门搜索,放点热门文章,找几个友情链接,去论坛发发帖子,骗点浏览量……老老实实的做吧,挂点GG的广告,一天看三遍现在有几刀,不小心点一下就紧张的要死,赶紧给 GG写信承认错误,道歉三十遍,我不是故意的,我故意不是故意的……然后在A5发帖,问一个关于GG广告的问题……
  放点文字链,期待有一天能把那些积分换******民币,自己有时候点个一两下,反正它不是GG,不用怕它,可有一天你发现许多人都有几万十几万乃至几十万的积分在那里,永远是那么多积分,不会多,也不会少,偶尔减少,那是被人买去了……你千方百计找到那人的id,联系资料,查到他的网站,发现那人根本就没挂文字链!甚至那人网站的规模、美工、排名甚至流量都远在你之下……你有点幡然醒悟了!哦!原来是这样!!!

  天可怜见,上帝保佑你,你很勤奋,做的不错,规规矩矩干干净净的做,忽然也有流量了,而且很稳定……恭喜你!因为马上就会有“很不错的”联盟来找你,做我们的广告吧,我们上行高!转换率高!不扣量!……不扣量???哄傻子吧你!不信你就试试看嘛!虽然必然知道他们会扣量,但你终于还是尝试了……哇塞,不错!收入还不错哎~~~一天差不多有十几二十块呢,等着吧,满100元支付,马上就到了,还差10块,2天的事儿……第二天一看,还差一块!你说怎么这么……没事再等一天吧!第三天,打开联盟,傻眼了:公告:经研究决定,自即日起,改为满200元支付!我日!再日!马上找客服,投诉!申诉!客服很客气,说,无所谓嘛,你流量不错,200元也很快嘛,再等等,一周多的事儿嘛!想想也是,干嘛那么急呢?再等等吧……第四天,打开联盟,忽然发现,收入从十几块一下子变成了三五块!想到,可能是偶尔吧,第五天,两三块……第六天……三两块……找客服,客服依旧很客气,我们的数据没有问题,是不是您的流量下来了?您是不是更改了投放方式?……终于,你崩溃了,你认为问题出在自己这里了——因为你崩溃了。按照你目前的收入,达到支付门槛或许需要一个月,或许需要一年……只有鬼知道了。—— 拉你入伙的时候你是大爷,出了问题你叫大爷也没有用,有一些比较实在的联盟,所谓比较实在,就是扣量比较稳定,只要你达到支付,就给你支付了的,也有一些包月的广告,还有一些个弹出什么的,会给你钱,虽然都是花1块钱买你10块钱的东西,但必定给你了钱,辛苦钱,血汗钱,点灯熬蜡钱…… 你有钱了,有劲了,想好好搞搞,资源多了,流量大了,虚拟主机撑不住了,换独立吧,
  买不起,养不起,合租不错,一开始大多不错,到最后大多不好,有时候就打不开网页了,有时候做的好好的,服务器就被拿走了,说发现了违禁,在你空间你倒霉,不在你空间,你也倒霉。 咬咬牙,买个主机,独立的,双线的,智能的……多花钱,买个好未来嘛!好的,对,就 这样,你被套牢了!……说起来没个完。

揭露SEO高手不愿公开的SEO秘籍

  (1)、title中尽可能出现全部关键词。这里说的全部关键词,不外乎也就2-5个。有人说关键词堆尽会K站,那都是狗屁。也会有人说,那是只暂时没被K。错,我对一些关键词大量堆积的网站观察了近一年,不但没被K,而且排名非常好。百度一下任何一个热门关键词,看看排名好的哪个站没有关键词堆积?

  (2)、title、keywords、description这三个标签中最好不要出现“最”。当然有些关键词站长在优化的时候都出现“最”了,百度也没办法,总得有站排前面不是?

  (3)、title、keywords、description中也要包含所相关关键词,尽量用句子连成一段话。不要怕长,长了也没事,别轻信一些所谓的SEO人士说得长了会K、会降权,那都是狗屁。

  (4)、title、keywords、description、网站结构、模板这些元素千万别频繁修改,每修改一次,就会降低网站在搜索引擎中的信任度。这一点是最最重要的,网站被降权90%的原因在此。

  (5)、h1、h2、h3……标签在网站优化中的作用不可低估,主关键词出现在h1标签里,次关键词出现在h2标签里,依次类推。切记:不可隐藏标签里的内容,h1标签搜索引擎非常敏感,隐藏就是作弊,这一点是会被搜索引擎惩罚的,不过凡事都有个例外,搜索引擎也不是神。

  (6)、就目前百度排名形势来看,各行各业排名好的网站都有以下几个共同特征:

  ① 网站头部、脚部堆积大量粗体关键词,且链接指向主域名。(也算是内链吧,有些排名好的站,自己首页链接就放10几个)

  ② 网站美工差,版面参差不齐,可以说得上很难看。(可能百度认为这是个人网站,不属于带有赢利性质的商业网站)

  ③ 导出链接少。(10-30个之间,买链接的可能性极大)。

  ④ 网站内容并不是原创,并不是天天更新,甚至有些是10天半月更新一次。(更新的太频繁没有好处)

  (7)、导出链接不宜过多,最多30个为好。如果可以一个都不要导出那最好。百度的权重并不是看PR,RP只是个虚拟产物,没有一点实际意义,所以与人交换友情链接应该看重对方网站的排名、每日新收录页、快照日期。

  (8)、导入链接可以买,且越多越好,没有限制。有人说买链接是作弊的,那都是狗屁。没有一点根据,百度还没有那个技术检测出你的导入链接是花钱买的还是朋友给帮忙链的。但要求稳定,不可今日链,明日下。

网站增加流量的必备方法

如何提高网站访问量—11种常用方法!
做网站内容,推广难,一直都是站长们的心头病,以下是我个人总结的一下方法,大家觉得好就参考一下吧。通常能够获得链接的方式大概可以分为以下11种:
1、同类站点友情链接—难度系数最大 ,所以可以多做一些其它的!
2、做出特色,有独到之处获得别人的主动链接 —-最有效的方法
3、写blog、发新闻,被其他网站转载,获得链接—-最有效的方法
4、到其他论坛、博客在留言内容上带上链接
5、做好签名到论坛回帖获得链接
6、花钱购买单向链接(链接交易)—-最简单的方法
7、自己或者朋友站点主动链接 —最省力的方法
8、投放广告获得链接 —-最简单的方法
9、加入网站联盟,获得链接
10、加入分类目录或者网址大全之类的(当然有收费和免费以及互惠3中类型),获得链接
11、在百度知道、贴吧、google groups、yahoo answers回答问题,获得链接 —营销中的互惠原则

网站采集的发展及技巧

采集是我们个人网站必须面对的东西,没有谁有精力和能力批量创作原创的信息。

几年前的采集刚开始时流行时,SE是你有什么东西,他照单全收。

记的我接触的第一个采集器是一个用php代码写成的程序名字是小蜜蜂采集器,自己觉得东西很不错。不过现在官方已经不存在了。停止了开发。让我很是惋惜。有用过的完了后跟我交流一下,给下当初的版本让我收藏下。

那几年给了很多站长爆发的机会,一些人通过采集带来了N多的流量

再加上当时SP服务广告的横行,带来了N多的金钱。

但是负面的影响也很多,由于采集的横行,互联网上出现了太多的重复的信息

插一下话 小蜜蜂 没有 SK采集器 好,可惜也停止开发了 惋惜

SE也不愿意出现这样的情况所以专门对此研究了新的算法。导致了现在的情况。

SE开始在乎新的东西,对于已有的信息他不愿意收录,要让他收录你的文章,就必须让他觉得有新鲜感

但是任何时候,任何技术都不过时,关键是用脑子衍生出更多的东西。

怎么破解不收录采集的文章这个难题就成了现在大家头痛的事情了

大家的目的都是一样的,就是取巧了,也就是不劳而获。

因为你没有付出,就想得到别的人通过自己的努力,积攒下来的东西。

为此,伪原创出现了。伪原创的方法很多

今天就说两个 1,词组替换 2,词频更改

大家用的最多的就是通过特定的词典,将含义相同或相似的东西进行替换,在不影响访问者阅读的基础上,使原文章在搜索引擎眼中变为一篇新的文章。

第二就是修改词频就是说一篇文章原来如果出现了张三5次。李四3词

SE在数据库里就记录了,下次再出现一篇文章 张三也5词,李四也3次,SE很可能把他当做一样的文章而不进行收录。
这也就是为什么打乱段落顺序对SE判断原创无效的原因。
而更改关键字的词频就能对搜索引擎对原创文章的判断产生干扰。
针对原来的文章,使张三变成4次,李四变成2次,这样词频就改变了

当然每个站都需要自己用心去改变对应关键词的词频。

最终极的方法也是最牛的方法就是如果你的网站有了很高的权重,

你稍微改动点内容,把一个权重低的原创站点的文章拿过来或者直接COPY过来

SE也有很大的几率判定你原创。而原先原创的站点自然变成的转载的站。

这是对原来的站点不公平,可是这个世界本来就没有公平。

不过我觉得既然网站权重够大了就不要采集了,注重用户粘度才是出路。

说道这里得给大家说个问题,大家的新站千万不要拿出自己的原创文章加上链接当
软文发到高权重站点。

因为现在许多的站点对于提交的文章

都是禁止出现站外链接的。

纯文章类型的站点

这样别的站会成为这篇文章的原创地址,你的就是纯copy站了,不但不会有好的影响,反而会将你的站点当做纯copy站降权,这个我是受过罪的。

所以我一般自己写不出软文都拿竞争者的文章加我的链接当软文,有链接了对我好,没有了惩罚的可不是我……是谁我就不说了。

今天关于采集过程,最重要的东西要亮相了,我想也是大家最关心的

这就是能不能不通过伪原创直接就让SE认为你的是原创!

回答是肯定的。
这个方法很好想的,只要你用SE的逻辑思维跟原理来想就行了

SE怎么样获得数据,通过放出蜘蛛爬虫程序,而蜘蛛其实就是模拟普通访问者对网站进行深度的探索。并把看到得东西提交给SE。

那么什么文章你能看到而蜘蛛看不到。
蜘蛛是受限制的,你可以是自由的。

网站对蜘蛛的限制分为两类

一是robots文件对他的限制,这个限制对普通访问者是不存在的,不懂robots的自己可以查资料。

二是 人为设置的权限限制,这个限制对蜘蛛跟普通访问者并存,区别是蜘蛛是过不了这道限制的,而人可以通过一些手段破除这些限制。

1.蜘蛛受robots.txt 文件限制的,有很多大站的很多目录是不允许蜘蛛访问的,也就是说搜索引擎是不能收录这些目录的。大家可以采集这些目录下的信息,蜘蛛会把这个当做原创的,不过采的人多了就又回到开始了。

2.蜘蛛模拟的是访问者,如果网站对访问者有限制,蜘蛛同样通不过。
比如各行各业访问量搞的网站的论坛有些含金量高的栏目都是禁止游客进行浏览的,蜘蛛也被挡在了门外,所以绝不会在这里收录到这些内容。

可是我们可以注册相关的账号,拥有了账号就拥有了访问的权限。通过对cookies模拟来让采集器也获得访问这些内容的权限。这样你就可以采集到这些含金量比较高的内容,SE同样把这些内容当做你的原创。

这样你就可以批量的采集到原创的内容,但是前提是只有你用这个方法采集这个论坛的。所以这一招适用于不是很热的关键词。毕竟这样用的人目前我没见过有太多。虽然知道的人很多,但是刻意这样做的人又有几个。知道不做什么也完成不了。

不只有论坛有限制的,还有很多地方,就要自己想一想了,都说出来反而不好了,把握好蜘蛛的原理就行了。

上面的所有的话都只是个皮毛,要是觉得照着上面的内容做你的站就能成功,那么你已经被大众的话伤的很深了。

做网站要时刻记着你做网站是为了什么。

没有几个人是为了数流量玩

采集的后期处理

采集的东西还是要经过人工让他们通过内链有机的合成一个整体,可以通过tag来实现。这个是最快捷的方法了。

后期处理才是在采集整个过程中最重要的,觉得采集完事就哦了的人是绝对错误的。但是与今天的主题无关,要是有人愿意跟我探讨下,那么请哪天找我私聊吧。

采集器不单单是用来采集的

采集器的作用不止是给你的网站增加内容,他还可以干很多的事情

这个不能说出来,不过大家还是可以通过原理法来猜测。

哪里有采集器

我不能阻断了大家想象的权利。甚至就在那一瞬间新的技术在你的脑海里展现。那是真正属于你自己的东西。

采集的目的是原创,要把握好自己,切不可迷失在采集的世界里

采集的东西吸引来游客,要尽量的增强用户的粘度,经常组织跟用户互动的活动,让他们觉得你的站点有意义

时间长了,你甚至会摆脱了搜索引擎对你的影响。只有原创的网站才会有活力,才会有赢利点出现。

垃圾站是什么,就是无目的,无计划,无后期处理的采集打造的站点。

我所说的采集站希望大家伙别把当成了垃圾站。千万不要认为我在教你办垃圾站,要是为了个垃圾站我还费这么多口舌,那我就自己鄙视自己了。

最后一句话:采集只是网站初期的伟哥。

网站会员分析

首先从网站的目标会员的需求、习惯等说起.

一、目标会员:
  核心:24-39 大多数家庭是没有孩子的
  受过高等院校教育,对互联网有丰富的使用技巧
  对互联网的依赖已经成为他们生活的一个主要组成部分
  深层次的需求表现在多种方面
  成就感的嗜迷者——只有通过做这些事情才能让自己放松

二、目标会员需求:
  1、贴近生活——多种不同种类的需要相互交叉,但是他们到互联网的目的(越来越多的)是为了寻找解决问题的答案:工作,社交,思考,家庭,娱乐,商务,研究,消息。
  2、让他们有美好的感觉,有实用价值以及觉得与众不同的服务产品
  3、能让他们便于控制的清楚的界面和组织结构
  4、提供冒险,惊喜,时尚,地位,野心,社会责任等等的感觉
  5、工作成就感 – 他们因工作的完成而感觉心理的放松
  6、经久不衰性——就象一个拥有一定倾向的产品或娱乐表演一样,用户相信它可以提供优雅的理性的心理感受。

目标会员上网习惯:
  1、大多数习惯采用商务服务以及使用菜单选择的服务
  2、比较热衷于有关于创新,自我提升,金融,成功案例,体育,冒险和旅游方面的话题.
  3、不是消磨时间的人—他们使用互联网用来节约时间(以一种更休闲最更容易操作的方式解决问题)。
  4、不是“耗时游戏狂”— 几乎没有在线或离线玩游戏的习惯。
  5、不属于流行前沿 —他们流行而不前卫.
  6、不是被胁迫的 —网络是他们寻找发展的生活中心

谁是商务SNS的用户-成长的一代(1)
  1、年轻的办公室一族,新新白领
  2、时尚且讲究一些品味和格调;热爱生活;有“不大不小”的压力;自我,但内心渴望交往和承认;有一定的分享精神
  3、有一定的品牌敏感度
  4、他们都成长于飞跃的时代,拥有类似的回忆;生活对于他们,意味着新鲜和挑战

谁是商务SNS的用户-成熟的一代(2)
  1、他们是公司和社会的中坚力量
  2、追求事业,对未来仍有理想,但对生活的态度更为实际;家庭和工作是完全的生活重心;有更大的压力;少于冲动
  3、追求高品质的生活,不追求时尚,但讲求“时尚”;不甘心落伍;有较为固定的朋友圈
  4、他们长于变革的年代,内心传统而叛逆,时尚而不前卫,和时代同步,不停步

网站对受众的价值:
  1、真实、诚信
  2、私密性、安全性
  3、专业性强,稳重、成熟
  4、沟通交流方便
  5、联系人信息维护方便
  6、找到志同道全或志趣相投的朋友
  7、功能强大

目标会员对网站的要求:

①严格的身分认证 80.7%
  ②会员资料的绝对保密 71.5%
  ③丰富的线下活动 39.8%
  ④能提供专业的服务 34.3%

目标会员面临的社交或交友障碍:
  ①工作繁忙,缺乏时间 51.4%
  ②想了解一个人太难 43.6%
  ③交际面窄,缺乏机会 38.7%
  ④很难找到合适的朋友 48.8%

会员评价交友或社交类网站的优势
  ①交流沟通方便 57.4%
  ②扩大社交面,有更多选择 52.9%
  ③节省时间,能快速找到朋友 50.1%
  ④安全及保护隐私 16.9%

商务SNS网站现在代表什么?
  品牌认知:高层次,成熟而有些内敛、时尚而非前卫、无明显性别差异
  功能认知:专业而带一点生活化、私密性好、界面时尚而不轻浮

谈谈网站运营需要注意的四个要素

一、网站氛围
  策划和开发网站的时候,作为日后的运营管理者,我认为有非常必要考虑这个问题–构建网站的环境.并且,如果有人问我,网站运营的第一步是什么,我会很坚决的告诉他:先别急着做推广,先做好内功,把自己的网站环境按照你的业务方向来整理一下吧.

通俗点说,网站的环境就是网站的气氛.是在给以后网站拥有的所有业务先磨刀的行为,可以说磨刀不误砍材功.一个好的网站环境,能够起到的作用恐怕要远远比表面的强大而重要.

我拿天涯举个例子,天涯是我非常喜欢的论坛,但是经常去天涯的人尽管都知道天涯的界面不好看,功能不太好用甚至有点生硬,却不自觉的沉迷于其 中.我觉得这是因为天涯给了大家一个非常公平自由参与的言论环境.天涯的文化环境之深厚,也是让人着迷的地方.天涯现在七周年,只是简简单单一个帖子作为 庆贺,低调的不得了,但是众多潜水的活跃的爱找事的原创的一干人等都在里面动情的衷心祝贺,让人感动的同时,也深刻感受到天涯的环境对人潜移默化的影响. (引用)

这就是网站环境的力量,超出了页面,功能,技术,服务,在这种环境下,我甚至能够忍受我在其他网站上不能忍受的错误和不便.因为很多人,所喜欢的就是这里的环境,同时也喜欢上这个环境下的人和事.

所以,最出色的网站,不是最强大的技术,最全面的功能,最周到的应用,最漂亮的页面,而是为用户创造了一个可接受的网络环境并因为这个环境的作用而留下了用户.

那么,如果构建自己的网站环境呢?这其实是网站运营者的一个运营意识上的问题,不同的人有不同的办法,我自己能够给大家提供的是我个人的一点原则性的思路:

①不要先把自己当成一个商人,而是先作为一个用户
  ②细小之处见真功,从最细小的地方来考虑,哪怕只是经常看到的普通文字
  ③考虑并亲身了解你的网站的目标人群,喜欢什么社会性的环境下的生活
  ④试着用一句最简单的话来说说网站是个什么氛围,说服自己和团队,然后围绕这个氛围去工作
  ⑤不要先急着告诉别人你的业务是多么的好,要先让别人觉得这里的气氛很好
  ⑥找几个从来没有看过你的网站的目标用户,来让他们说说他们觉得呆在这里是什么感觉
  ⑦到自己最喜欢并能够经常去的地方,想想这个地方到底是什么吸引了你,让你留连忘返?同样也去调查一下你的目标用户.

刀磨快了,如同给网站所有的业务上了锋利的刃,轻轻一挥,就能砍下你想要的”柴”.提着钝刀上阵,尽管这把刀重金打造,材质独特,也恐怕一刀下 去,”柴”还没有得到,自己却可能伤了筋骨,甚至反弹回来,要了自己的命.因为这个原因,已经看到很多网站倒下了,我也不举例子了,大家只要想想哪些垮掉的网站是说不来网站氛围的.

总结:
  做构建网站氛围的功课,是尽量体现真正的人文关怀,满足用户的心灵,是做的攻心的功课.而网站运营之极致,是否也应该是制人先夺其心?

二、网站速度
  有些网站访问速度非常慢,以至很多用户不等网站页面的打开,就关掉浏览器,那么我们如何来解决这个问题?下面我从低成本、高性能和高扩张性的角度来说说我的一些经验。

1、网站全部或大量HTML静态化
  其实大家都知道,效率最高、消耗最小的就是纯静态化的html页面,所以我们尽可能使我们的网站上的页面采用静态页面来实现,这个最简单的方法其实也是最有效的方法。对于交互性要求很高的社区类型网站来说,尽可能的静态化也是提高性能的必要手段,将社区内的帖子、文章进行实时的静态化,有更新的时候再重新静态化也是大量使用的策略,像Mop的大杂烩就是使用了这样的策略,网易社区等也是如此。

同时,html静态化也是某些缓存策略使用的手段,对于系统中频繁使用数据库查询但是内容更新很小的应用,可以考虑使用html静态化来实现,比如论坛中论坛的公用设置信息,这些信息目前的主流论坛都可以进行后台管理并且存储再数据库中,这些信息其实大量被前台程序调用,但是更新频率很小,可以考虑将这部分内容进行后台更新的时候进行静态化,这样避免了大量的数据库访问请求。

2、图片服务器分离
  大家知道,对于Web服务器来说,不管是Apache、IIS还是其他容器,图片是最消耗资源的,于是我们有必要将图片与页面进行分离,这是基本上大型网站都会采用的策略,他们都有独立的图片服务器,甚至很多台图片服务器。这样的架构可以降低提供页面访问请求的服务器系统压力,并且可以保证系统不会因为图片问题而崩溃,在应用服务器和图片服务器上,可以进行不同的配置优化,比如apache在配置ContentType的时候可以尽量少支持,尽可能少的LoadModule,保证更高的系统消耗和执行效率。

3、采用DIV+CSS的页面技术
  可以使访问的效率得到提高。

4、页面长度和大小
  一般一个页面的长度尽量控制在2-3的长度,文件的大小尽量保持在150K以内。我一直认为太长的页面会使得用户失去耐心。

5、缓存
  缓存一词搞技术的都接触过,很多地方用到缓存。网站架构和网站开发中的缓存也是非常重要。这里先讲述最基本的两种缓存。
  架构方面的缓存,对Apache比较熟悉的人都能知道Apache提供了自己的缓存模块,也可以使用外加的Squid模块进行缓存,这两种方式均可以有效的提高Apache的访问响应能力。
  网站程序开发方面的缓存,Linux上提供的Memory Cache是常用的缓存接口,可以在web开发中使用,比如PHP有Pear的Cache模块对一些数据进行缓存和通讯共享,其它我就不熟悉了。

6、镜像
  镜像是大型网站常采用的提高性能和数据安全性的方式,镜像的技术可以解决不同网络接入商和地域带来的用户访问速度差异,比如ChinaNet和EduNet之间的差异就促使了很多网站在教育网内搭建镜像站点,数据进行定时更新或者实时更新。在镜像的细节技术方面,这里不阐述太深,有很多专业的现成的解决架构和产品可选。也有廉价的通过软件实现的思路,比如Linux上的rsync等工具。

7、尽量不使用Flash和大图片
  这样好处是非常明显的,一个能够使得用户专注在文字上,而图片部分都和网站核心相关,不会产生无关的东西。

8、不要将整个页面内容塞到一个Table中
  这是网页设计的问题了,很多站长为了追求页面统一对齐,将整个页面的内容都塞进了一个Table(表格)里,然后再由单元格td来划分各个“块”的布局,这种网站的显示速度是绝对慢的。因为Table要等里面所有的内容都加载完毕后才显示出来的,如果某些内容无法访问,就会拖延整个页面的访问速度。正确的做法是:将内容分割到几个具有相同格局的Table中去,不要全都塞到一个Table里。

总结:
  在这里介绍得比较浅显,具体实现过程中很多细节还需要大家在工作中慢慢熟悉和体会。另外,推荐一个在线的网页读取速度测试工具给大家,它可以显示整个读取进程,细化到每个网页元素。 链接 http://www.octagate.com/service/SiteTimer/?Target=AJAX

实际经历:
  运营交友网站时,由于我们属于个人网站,资金小,不可能在带宽和服务器上有大的投入,我们采用了网站页面全部静态化,每隔12小时更新一次数据,同也这也带来另外一个好处就是加大搜索引擎对网站的收录页面数,并搞会员的注册量,最高的时候baidu收录网站的页面数为100多万页,Google收录了70多万页.此外,还采用了缓存、镜像、网页优化、不使用FALS等方法。这样做的效果是非常明显的。简单的招式练到极致就是绝招!

三、用户体验
  现在同类型的网站数不胜数,网站的功能或服务日趋同质化,大的方面看不出什么差别,差别就体现在细节上。“窥斑见豹”,细节成为网站最有力的表现形式。关注细节、完善细节往往体现了网站真诚地为用户着想的拳拳之忱。我们有理由充分相信,一个真心实意地在细节上下功夫的网站,其服务的品质一定非常优秀。所以,作为网站运营者只有细致入微地审视自己的产品或服务,注重细节,为用户着想,才能让自己的网站在竞争中取胜, 就如针尖上打擂台,拼的就是精细!

按照网站发展的观点,“没有最好,只有更好”,需要完善的细节会层出不穷,根本没有止境;网站也正是在这种无止境的追求中不断得到发展和提高的。

那么如何让网站的设计具有独特性和可用性?如何应用一些有效的方法来让自己的网站具有良好的用户体验?下面谈谈我的一些经验:

第一:体现网站的标识和定位
  网站不能放过任何一个可能访问或者正在访问甚至访问过的用户,大家都削尖了脑袋想办法如何处理这三个问题。那么对于任何一个访问你网站的用户你就要了解他第一次打开你网站他关心什么。我个人觉得用户第一次打开一个网站大部分是这四个问题:
  ①这是什么网站?
  ②这个网站上有什么?
  ③我能在这里做什么或得到什么?
  ④为什么我应该选择这里,而不是其他地方?

第二:网站导航和站点层次
  网站要给出网站提供的服务的概貌,既要包括内容――“我能在这里找到什么?”。也要包括功能―“我能做什么?”。还有这些服务是如何组织的。这项工作通常由持久导航来处理。其实一个网站的导航是非常重要的,他是网站的通道,它能让用户最方便快捷的找到他想去的页面,此外,在用户浏览每个页面的时候,都应该清楚的标明他现在所在的位置,以免让用户摸不清东南西北。

第三:搜索
  多采用热门关键词的搜索方法,这样对用户来说是方便、快捷并且省事,对网站来说能减轻服务器的压力,提高用户浏览的速度。

第四:推荐
  就像杂志封面一样,主页要用一些“里面有精彩内容”的暗示来吸引我,“内容推荐”部分应该突出最新、最好、最热门等的内容片断,例如:在SNS网站,推荐一些优秀的会员,最好是每天能更新一次,这能给新来的会员树立一个榜样,同时也能加强会员间的互动。

第五:告诉用户从哪里开始
  用户第一次到一个网站还无从下手,网站首页应该如何安排才能完成这个任务,其实方法有很多,比如:在SNS网站里,根据会员的注册时的个人资料,向他匹配一些同城同兴趣、同城同行的朋友,同时提示他所在的城市有那些聚会,有关于他所在的行业有什么信息等,总之一点不能让会员进来后举目无亲或无所事从!

第六:内容更新
  如果网站的成功取决于用户是否经常来访,那么网站应该有一些经常更新的内容。即使是不需要固定访问者的网站也需要有一些活跃的迹象,哪怕只是一个到最新的新闻链接,告诉用户这里并不是一潭死水。

第七:让用户看到他正在寻找的东西
  网站应该让用户想要的任何东西显而易见,如果这些内容在站内某个角落的话。当然,不是把网站的所有东西都罗列出来,而是把对会员最有用和网站最有特色的显示出来!

第八:建立可信度和信任感
  网站应该经常的倾听和收集会员的反馈,并定期对会员的反馈进行快速的处理和答复,总之一点就急用户所急,帮用户解决问题。长持以往,取得用户对网站的信任和支持。

总结:
  在用户体验方面应该更多的学习一些好的并且是成功的网站,学习他们先进的经验、先进的设计和方法,然后快速的转变成自己的东西,缩短自己的学习、研究成本。但要注意的是“抄/学习”都是要以自己的用户为基础,清楚用户的情况,了解自己的发展阶段,不要盲从。此外,也要靠自己长期积累的经验去摸索,并充分去了解用户、了解用户的需求,才可能保证自己的行动是有目的性和一定的可靠性,而不至于把自己的产品当成测试品,这样才能设计更好的用户体验.

有关用户体验具体如何运用还需要根据网站自身的特点,站在网站自身的角度,站在用户的角度,站在行业的角度,用心的取舍,细细的考究!

实际经历:
  在运营网站的时候,基本上每天会收集一些会员的反馈,同时在会员的一些MSN群和QQ群上跟会员去沟通交流,此外,也会到一些同类型的网站去使用他们的产品或服务,并且看看其网站会员的一些反馈,并收集起来(很有效)。稍后,会定期的把收集到的会员反馈以及后台的数据结合起来分析,并整理出来可执行的改进计划,并实施,来完善我们的服务或产品。例如:对注册页面改进,改进后的会员注册量比未改时之前提高了20-40%,具体的改进方法如下:
  ① 颜色搭配:页面的颜色不超过三色,让注册的用户感到简洁、舒适;
  ② 文字描述:简单明了的告诉用户填写什么,删除多余无用的用语;
  ③ 取消链接:去掉所有与注册页面无关的链接,以便让用户专心注册;
  ④ 下拉菜单:尽可能使用户要填写的地方使用下拉菜单,这能节省用户很多时间并减少会员不必要的输入。
  ⑤ 按钮排放:采面上面标签,下面输入框的方式,能减少用户的眼睛切换时间的
  总之,不要小看这些小细节上的改变,它会给用户带来很好体验,同时给网站带来的效果也有很大的不同。伟大源于细节的积累!

此外,还会经常去使用一些比较有特色的网站,大多是一些国内成功的个人网站,他们有非常着好的创意或者在某些方面做得非常个性化、人性化,我们会把这些好的方面跟自己的网站结合起来,开发新服务或产品提供给我们的会员。创新才能胜出!

四、互动和参与
  一个好的网站成功的原因各不相同,但是,有一点是不能忽视的,那就是用户的互动和参与性。可以说,每个网站都是一个社区,人们可以在这里发布信息,沟通交流,人们也可以在这里阐述自己的观点或者评论,再或者在这里交朋识友。从BBS、博客、播客、威客、秀客、换客、交友或SNS网站等等,不管其概念如何,所需要的技术支持如何,功能如何,它们都有一个共同点,那就是让每一个用户都成为参与者和贡献者。因此任何网站要有互动性,才可以说它具有发展的潜能;离开了用户的互动和参与性,网站就是一堆废墟。互动性的重要特征就是它既要能满足用户之间的沟通与交流,又要提高用户的参与和贡献,这才能使使网站赢得良好的口碑,并且很好地聚集人气。

以我的经验来看,互动性包括以下几方面:
  ① 排名:针对某些具体事物进行排行。例如:博客排行、相册排行、最受欢迎会员排行等
  ② 评价:可以让用户针对某件具体事物进行评价,例如:会员评价的音乐、电影、博客等
  ③ 推荐:可以让用户针对某些具体事物进行推荐,例如:会员推荐的餐馆、书、音乐等
  ④ 统计:针对用户对某些内容进行统计,例如:用多少会员浏览他的相册、博客等
  ⑤ 激励:提高用户的贡献和参与热情。
  ⑥ 评论: 可以让用户对网站的任何用户发布的东西时行评论。
  ⑦ 讨论:针对某些具体的事物进行讨论,例如:网上辨论、网上评选等。
  ⑧ 方便: 网站提供的功能,一定要操作方便,反馈及时。
  ⑨ 参与:简化用户对某一事物的参与性。
  ⑩ 聚会:让会员通过网上和网下进行互动。

总结:
  互动性是一个网站灵魂,也是一个网站成功的标志之一,作为一个网站运营者,其中一项最主要的工作,就是加强网站与用户的互动,提高用户与用户之间的沟通和交流,激励用户的参与和贡献,总之,一定要让用户对你的网站产生依赖性,直白的说就让用户觉得这里“好玩”,只有这样才能提高网站的活跃用户数和黏度。

实际经历:
  下面举三个实例问题,详细说明一下
  ① 在用户登录网站后,进来做的第一件事情是什么?
  我们从后台数据分析,并且咨询过很多网站的会员,得出大得数会员登录后做的第一件事就是查阅自己的邮箱,看看有没有好友新的邮件。

② 接下来,用户会做的什么?
  用户会去查看自己曾经发布或回复过的博客、贴子等信息是否有新的回复。

③ 当用户在浏览别人的博客、相册、贴子的时候,他们是怎么做的?
  大多数用户在浏览的别人的博客、相册、贴子时基本上是一看完就走人,从这组数据看出发布者、参与者、浏览者的比例是:1:10:90,即一个用户发表一篇博客,有100个观众,其中10个用户参与了回复,其它90个用户只是过客,不参与任何操作。为什么会这样呢?根据《第二届中国互联网社区发展状况调查报告》显示“社区网民不发帖或跟帖的原因以“想说的话都已经有人说出来了”的比例最多;”

大家看看自己是不是在天际网也是这样的?

那么以上三个问题我们是怎么解决的呢?
  第一和第二个问题我们可以看到,用户最关心的是跟自己的相关的信息,这会让他们感觉自己被别人关注、关怀或重视,观点被别人珍视,被欣赏,或被称赞。

第二和第三个问题有点相互矛盾,用户既希望自己发布信息有更多的回复,同时又不愿意去参与。

基于这种情况我们网站做出相应的调整,一是简化参与操作,如给博客、相册等增加推荐、评价、留言等参与功能,推荐(只需一只点击)比评价(两只点击)操作简单,评价比留言简单,可以提高用户的参与性,并激励发布人发布更多信息。二是加强互动,当用户对信息进行推荐、评价、留言时都在相关页面上显示其照片和姓名,并在其下增加如“加为好友”、“给他留言”等互动功能,可增强会员间的沟通和交流。三是提醒功能,当有新的用户对其曾推荐、评价、留言过的信息有新的操作时,都会被提醒,同时发布人也收到相应的提醒信,并且把每周有关于他的相关统计也发送给他,让会员可以随时收到与他有关的新信息。通过上述的三种解决办法,我们从后台数据和Alexa上面看到效果是比较显著的,如:会员间的发信量提高、网站的PV增加、用户浏览的页面数增加、活跃用户数增加等,从而带动用户继续使用和留在网站。

好了,有关网站运营的四个基本要素就说到这,希望对大家有所帮助,不足之处敬请大家谅解和指正!

最后想提几个问题,欢迎大家一起讨论一下:
  1、一个技术含量高,功能繁多的网站是不是就是有价值的网站?
  2、网站组织活动,有多少是用户感兴趣的?
  3、社交网站到底可以做什么?
  4、你会邀请你身边的朋友加入这类的社交网站吗?
  5、你最希望网站能为你提供什么样的服务或产品?

谈谈SNS网站

一直关注国内和国外SNS和社区的发展,运营过SNS两年,看过很多有关SNS方面的评论和分析,同时也一直在使用各个SNS网站,我想就从在SNS运营中碰到的一些问题和想法与各位交流一下,在这篇文章里我会提到一些具体的网站,如有不妥当的地方,欢迎大家给我提出指正和批评,我也将认真的回复您的意见,您的提出的任何东西都将对我极为有用,让我们共同提高!

之前所写的《谈谈网站运营需要注意的四个要素》、《谈谈网站的黏度》、《网站会员分析》都是为今后所写的文章做一个铺垫。

感谢你耐心地看完这段文字。

先谈谈SNS的概念,以便于大家理解:
  Social Networking Service (简称SNS ,社会化网络软件)是Web 2.0 体系下的一个技术应用架构。SNS 基于六度分隔理论运作,这个理论的通俗解释是:“在人脉网络中,要结识任何一位陌生的朋友,中间最多只要通过六个朋友就可以达到目的。” “按照六度分隔理论,每个个体的社交圈都不断放大,最后成为一个大型网络,这就是社会化网络(SNS )。国内的SNS最初基本是以美国的两个网站为参照:Linkedin和Friendster。目前大家使用的若邻网就属于SNS网站。

回顾2006:
  毫无疑问,2006年是社会化网络(SNS)年。
  在美国:MySpace, YouTube, Facebook 是最突出的成功案例。同时英国的Bebo也很出色。以及现有SNS网站的强势发展,如LinkedIn融资1300万美元估值2.5亿美元、Wallop获得1000万美元风险投资。而SNS狂潮的顶峰可能就是Google以16亿5千万收购YouTube了。
  在欧洲:XING德国成功上市融资3570万欧元、Passado获1320万美元资金投资等
  在韩国:cyworld早已实现盈利,并进入中国。
  在日本:Mixi于9月13日在日本上市,其市值达到15亿美金
  在台湾:雅虎奇摩2100万美金收购台湾最大社交网站“无名小站”,爱情公寓获300万美金投资
  在国内:千橡互动集团200万美金收购校内网(校园SNS)等

国内现状:
  国内从去年开始,大批SNS网站纷纷创立,那么我按各家网站定位将其分为以下几种:
  ① 娱乐型:如:亿友友、碰碰网、网友天下、粉丝网、赛我网、我赛网、爱情公寓等
  ② 商务型:如:天际网、楚现会、联系家、若邻、四度、世界经理人、人联网、九帮网等
  ③ 校园型:如:校内网、占座网、5Q网、亿聚网、底片网、Chinay等
  ④ 综合型:如:博亿网、Fzone、UUzone、U能网、联趣网、根本网、圈网、

首先,SNS作为web2.0阵营中的典型代表,一年之间,诞生了上百家的SNS网站,目前在国内就我看到的、使用过的SNS网站里没有那一家网站是处于绝对的领导和领先地位。国内的SNS网站在创立时绝大多数是拷贝国外的成功模式。互联网界流行这样一个说法:国外一个新模式只要出来,最多半年一定会在中国复制出现。由于国外互联网的发展阶段、网民成熟程度、思想文化观念与国内有着很大的差异,直接照搬国外的模式往往是很危险的。复制容易,创新艰难!如何认识到这些差异的影响、如何根据中国国情、用户的需求并不断的创新,将是对中国SNS网站的重大考验。

其次,我们再看看日本人发出的危险预言, 日本财经类权威日报《日本经济新闻》刊登专栏文章,对中国互联网行业的web2.0现象进行了解读,并指出,如果不能推出更多的特色服务,中国的web2.0泡沫将面临崩溃的危险。

另外,该专栏文章中提到,中国的众多web2.0企业因为“以用户为中心”、blog、SNS等新鲜概念吸引了大量VC,但是(由于缺乏完整的商业模式支持),中国的互联网行业总是受VC的影响过大(而失去创新赢利点的时机),Web1.0时代的泡沫悲剧注定要在web2.0时代重演。

文章同时认为,web2.0虽然概念新,但中国的web2.0企业大多还是采用广告、短信等陈旧的盈利模式,而且,web2.0的技术门槛并不高,大型门户网站很容易介入,而新兴小网站必将敌不过实力雄厚的传统门户。即便是web2.0企业的代表、曾放出豪言“2年内纳斯达克上市”(方兴东)的博客网也不得不迫于运营压力而裁员。因此,刚刚展露头角的web2.0企业被传统门户网站收购是大势所趋,中国互联网行业必将迎来新一轮洗牌。

文章同时指出,“C2C(Copy to China)”是中国的互联网企业长期以来的一大弱点,照搬海外模式、特别是美国模式,确实有成功的先例,但在特色服务先行的web2.0时代,依然一味地“C2C“,成功机率就很低了。

还有,该文也评价了中国网民的免费心理,认为这是早期互联网企业自掘坟墓的结果,(已经形成了不可扭转的商业伦理/信仰),再开始培养网民的付费习惯也是中国互联网行业的当务之急之一,(但几乎是不可能实现的)。

文章的结论是:
  ①在web2.0时代,中国的互联网企业应该透彻地分析国情,进行市场细分,推出真正的特色服务;(只有细分,才能真正掌握细分话题的激发、扩散、辩论和权威生成4个过程)
  ②与更多的主流媒体合作,提升网络广告的价值;(Web2.0一定要融入某个信息链条中,主流媒体的信息注意力的价值评价方法完全可以借鉴过来)
  ③电子商务必须同时关注线上和线下活动,构筑垂直型商务模式;(所谓线下,就是与最终愿意付钱那个环节—-机构或个人—-面对面交流,其实就是推销的过程而已)

再次,SNS网站的成长发展道路上,还将面临来自以门户网站为代表的“上一代网站”和国外成功SNS网站的严峻挑战。SNS并非一个革命性的新概念和新技术,并不是“新一代网站”的专利,“上一代网站”必然将“与时俱进”,跟上web2.0的步伐,新浪网推出blog、视频,而腾讯QQ涉入校园SNS,以及进入中国的Xing和即将进入中国的Myspace,从这些可见到这种必然。“上一代网站”和国外的成功SNS网站,已经历多年的市场磨练,无论资金、人才、经验都明显占据优势,国内新生SNS网站要获得成功,势必需要付出多倍的努力。

最后,作为新生代SNS网站,需要做出自己的特色。特色一是来自创新,来自于对用户需求的把握,二是来自于市场细分。互联网领域的竞争,逐渐类似于商业领域的竞争,留给新生网站的市场空隙越来越小,新生网站面临的市场竞争越来越大。新生代SNS网站要站稳脚跟,成长壮大,在激烈的市场竞争中脱颖而出,重要的法宝是“细分市场”:根据自身的优势选择合适的细分市场,深刻分析理解自身所面向的细分市场的用户特点,集中资源,在本细分市场深耕细作,不断改进创新,努力去满足用户的个性需求,形成自己的特色,并不断取得更大的竞争优势。估计未来前途光明的SNS网站,不是大而全的SNS网站,不是“见热跟风、缺乏定力”的 SNS网站。

“好风凭借力,送我上青天”。对于众多的SNS网站创新、中国特色、市场细分、个性满足,也许将决定谁是明日耀眼的明星。

如何提高网站的黏度

从事互联网行业10年,曾经负责过B2B网站的运营、创建过一家交友网站,参与运营过一家SNS网站,正好在这段休息的时间里,把自己在网站运营方面的一些心得、经验和问题总结出来,以期抛砖引玉与大家一起探讨。

网站运营范畴包括:产品设计、内容运营、内容更新、市场推广等相关的运营管理工作。具体表现为网站策划、产品开发、网络营销、客户服务、市场推广等;

那我就先从网站的黏度说起,作为一个网站运营者,我们不得不面临一个问题,就是如何提高网站会员的黏度,广义的黏度指的是用户对网站的重复使用度(依赖度、忠诚度),和用户迁移成本基本成正比。我认为黏度是指个体用户对于社区内某个或某些特定人群的交互的依赖性,而不是对某个社区产品或者功能应用的依赖性。通常黏度越高的网站越体现价值,因此如何提高用户黏度是各网站运营的首要任务之一。

我们可以通过网络推广的营销战术,可以短时间吸引到人,但是留住人我认为需要以下几个方面,以我的实际经历来说说,供大家参考:

一、用户需求是什么?
  首先,我们需要观察和了解”用户在做什么、在怎么做”。
  比如一个门把手,我们需要观察和了解用户怎么去用的,拉?推?.?

其次,我们需要知道用户是怎样想的为什么要这么做?
  他们在使用这个门把手的过程中和使用后在想什么,包括他脑袋里面的感受是什么。

接下来,我们要去了解“用户知道什么?”
  他有什么样的基础,是否见过用过你设计的这种门把手?(知识积累、使用经验、..?)

同时,我们还需要知道用户是什么样的思考路线,你的设计给了他什么样的预设逻辑。
  当他看到这个门把手要去开门的时候,他会如何打算去完成这个事情。 (当你告诉用户“把大象放进冰箱”,他会做什么样的计划?)

最后,我们还需要了解:用户有什么样的接受和学习能力。
  如果这个用户从来没有见过圆形的门把手,也不会想到拧开门,那么他是否能够接受和很快的学会去“拧着开门”。

总结:
  在互联网上,我们发现任何一种兴趣爱好都可以找到那么一群人,比如看书,听音乐,购物,甚至育儿,都可以发现每种需求都会引导一群人,使他们走到一起。形形色色的各类网站成为某一种需求的提供者,而这样的提供方式,很多人认为较之传统的门户网站,更加专注,更有个性。我想,同样一种需求,不同的表现方式,也可以获得不同人群的反馈,因为我们都是希望可以获得更好的服务。

我们用一种可以让一类人群喜欢的服务去吸引他们,当然我们希望他们可以停留下来,成为网站忠实的用户,那我想这个工作就应该是社区了。同时满足这种需求的服务,也是在引导网站的发展方向,甚至商业模式。

人们通过一种需求吸引到网站,参与分享后,发展已经不再仅仅是满足一种需求,作为网站本身来说并不是服务提供者,而是一个服务的平台,用户可以在平台上创造需求,满足需求,完善需求。那么我想这也是网站的优势所在,需求的扩展性和外延性非常好,永远的beta版本,永远在帮助用户创造更好的服务。

用户需求决定了社区的氛围,决定了商业模式,决定了赢利规模。

当然用户需求容易发掘,就好比一个好的idea,但是真正的发展,仅仅有idea是完全不够的。是否具备了优秀的产品设计能力,是否具备了优秀的网站运营能力,我想这些都很关键。如果要谈到网站设计,网站运营发展,那完全可以在写几篇,只是想到了这些,随便谈谈,我始终认为用户是网站价值的核心,网站也必须围绕用户去做,甚至对于用户自身的关注程度要高于网站本身。

虽然我们在搭舞台,用户在表演,演员的积极性,除了舞台下观看者的鼓掌,对于台幕下的服务也很关键。

实际经验:
  在做社交类网站时遇到过这样的问题?那就是当一个目标用户注册成为你的会员后,大多数会员并不知道这个网站是做什么的?也不知他们能从这个网站得到什么?他们能在这里做什么?这些问题同时也是国内某些SNS网站共同所面临的问题, 因此,不要仅仅满足于只停留在“玩概念”、“搞理论”的层面上,而是要在实际的工作中,应用一些有效的方法来让自己了解用户的需求和解决用户的需求。总之操作比理念更重要,实践比理论更重要!

我在做交友网站,同样问题正好相反,当时这个网站在2004年时候在ALEX三个月平均排名为300多位,三个月平均每个访问者浏览的页面数为:20页,另外其会员数仅为SNS网站几分之一。那么做交友网站是怎么解决这个问题的了?简单说一下:先说注册,完成交友网站的注册程序需要20分钟以上。我们大部分网站都说我的注册简单,只需10秒钟,这就是差别。接下来就是注册成功或登录后的页面,交友网站在登录后,会根据个人填写的资料,为他们匹配喜欢的音乐、同兴趣的朋友和相关的内容等等,满足他们的某些需求,而我们大部分网站会提醒你应该邀请你朋友加入,或显示你的人脉关系圈或让你完善资料等等,就会造成新会员进来后举目无亲和无所适从,这又是一个差别。我们要相信大多数会员是决不会把大量的时间花到去熟悉、体验某个网站。因此,可否得出这样的结论,人们是由于共同目标和爱好聚集在一起的, 彼此分享生活中的乐趣和寻找工作中难题的解决办法,不会因为单纯交友的目的聚在一起。

二、如何满足和解决用户的需求?
  1、产品设计
  第一步自身网站分析,而不是设计。通过对网站目标用户的需要和特点分析,制定出产品的整体架构。就是确定为用户提供什么样的产品

第二步分析竞争对手,从竞争网站的注册开始,仔细使用、体验对方的服务,如果好的服务或产品,一定要记录在案并保存,并根据自身网站的情况整合起来,唯我所有,并做到知已知彼。

第三步产品定位必须紧紧围绕网站的定位和用户需求来定。

第四步产品设计,这就好比设计一个店铺的展示,什么样的产品最吸引眼球放在橱窗;什么样的产品最好卖放在柜台;什么样的产品很冷门放在仓库,只在老顾客偶尔来询问时才拿出来,因此这不需要花费很多金钱和时间,却可以使产品有重大的变化。切记:是让技术为用户服务,而不是让用户服务技术。

总之,一个产品的可用性,可以从以下五个方面入手:
  ①易学程度:用户第一次使用产品完成基本任务是否简单;
  ② 效率:一旦用户学会了使用这个产品,他能否高效的完成任务;
  ③可记忆:用户在经过一段时间以后再次使用这个产品时,能否快速回忆起使用方法并完成任务;
  ④错误:用户可能会产生多少错误?错误的严重性如何?修复错误的难易程度如何;
  ⑤ 满意度:用户在使用过程中是否比较愉快。

  2、网页设计
  网站页面设计的需求主要体现在用户体验方面,

用户体验指的是会员感官视觉效果,第一眼看到网站页面整体要布局清晰有条理颜色搭配得当给人一种轻松愉悦舒适的使用体验,起码不能给人一种乱烦的感觉。网站针对的用户群是年龄在23-38 间的中小企业的白领,那么这个颜色就要适合这个年龄段这个层次的人。另外一点就是要使用方便,按钮摆放的位置合理,各个板块风格一致,让用户可以在短时间内就可以上手。
  ? 页面布局清晰
  ? 文字字体设置合理而且要普及
  ? 颜色搭配得当合理,不要太花俏了
  ? 各个板块风格要一致
  ? 页面间跳转要合理,各级页面间要层次清晰
  ? 使用Web标准设计网页,尽量兼容更多浏览器,但首先要支持IE浏览器
  ? 每个页面长度最好控制在2页,不超过3页。我一直认为太长的页面会使得用户失去耐心,而2-3页是最好的选择。

3、程序开发, 减少在开发过程中对页面的二次修改,避免页面出现过多冗余标签,页面尽量的瘦身,提高页面加载速度。
  ① 使用 div + css ,div 标签的属性除了 id ,class 其它的尽量少用
  ② 样式表统一,不要过于庞大
  ③ Table 不要太复杂
  ④ 少用图片,必要的情况下可以使用一些小图,杜绝使用大图和flash动画,以保证提高网站访问速度
  ⑤ 避免页面中出现过多的垃圾代码

4、细节改进
  对网站的每一功能和栏目都有针对性的详细的研究,说白了就是对现有网站的功能进行优化,尽量在网站的细节上多加注意,以便找到用户最容易找到,最能够记住,并且最快捷的路径。现在同类型网站功能大体都差不多,如何在同类网站胜出了?我认为就如同针尖上打擂台,拼的就是精细.

总结:
  个性化、人性化、体验性等任何一种因素都有可能让一个网站脱颖而出,所以我们应更加关注如何能更好的满足和解决用户的需求产品,好的产品其实就是最好的营销方式,用户帮你口碑相传,这是谁都希望看到的。但是要给用户一个口碑相传的理由,做好产品是最务实的做法。

实际经验:
  在做交友网站时,有两个产品占到整个网站流量的60%:一个是音乐栏目35%,另外一个征友栏目25%。当时的交友网站提供音乐播放的功能,我们从后台发现每天音乐增加链接数量成倍速的增长,同时也从ALEXA看到音乐栏目的所占流量的持续增长和用户浏览页面的增加,以及我们还观察到音乐能有助会员间的交友互动,因此,我们在网站上做了一个有关于音乐方面的需求调查,结果是许多会员希望我们能加强音乐方面的功能,我们根据会员的需求反馈,开发提供了音乐的搜索、在线音乐播放、好友点歌、制作音乐贺卡、音乐铃声等相关的功能。结果会员的反馈非常好,网站的在线员达到每10分钟1万多人的在线量,这也同时给我们带来了很大的流量和一定的收益。

  三、如何鼓励更多用户的参与和贡献?
  在产品因素问题不大的情况下,也许游戏规则决定了一个网站的长远发展。一般性的游戏规则,可以提高一部分用户的积极性;优秀的游戏规则可以与商业模式紧密相连;没有游戏规则,很有可能就无序的发展,最终可能也没有了发展。很遗憾现在不少网站希望用户贡献,但是用户凭什么贡献?

规则一:网站的价值观
  应该算是潜规则,网站引导方向,什么是好的,什么是不好的,从开始就在约束这件事情,网站运营者作的事情好比是搭舞台,演员就是用户,但是你要告诉演员什么剧目是这个舞台受欢迎的,当所有人按照这个价值观去做事情,就不会出现捣乱的人,出现了群众就把他赶下去。

规则二:激励机制很重要
  从前看到论坛有一些发帖子,然后转变成头衔,获得一定虚拟的荣耀,其实是很有效果的,但是不知道为什么,在社交类网站这些光荣的革命传统都“革命”掉了。

规则三:用户是需要分层次的
  web2.0的用户10-20%的人贡献内容,剩下的大都是看客,传统社区也是如此,有朋友统计过一个数据,如果论坛有200个活跃用户,那么这个论坛就会比较火了,具体是这样吗,我也不清楚。但是却反映了一个用户层次的关系,这么10-20%的人就是社区的精英用户,他们对社区有较强的粘性,他们是社区的创造者,抓住这10-20%的用户,经营好这些用户也许社区就成功了。我觉得社区也可以尝试划分用户层次,激励更多的用户成为精英用户,精英用户可以享受一点点“特权”,满足他们希望得到的成就感。这个就需要具体问题具体分析了。我记得有一个论坛他们有一次搞了个活动,在某个星期,让注册前100名的用户,发帖的标题都变为粗体,一点点小技巧,却很有效果。

规则四:互助诚信机制
  让用户知道贡献能给别人带来的帮助,如果用户知道只是一个简单操作就能给别人来带有效的帮助,我想大家会很乐于去触发这个交互,另外,被帮助者可以对帮助人进行评价,这样可以提高帮助人在网站诚信度,有利于今后他与其他会员的交流与互动。这可以参考一下易趣和淘宝的诚信机制。

规则五:简化参与和贡献的操作
  比如当一个会员发表博客时,其它网站做法是在博客下面提供一个留言板功能,可是大多数情况下很多用户更多只是浏览者而不是参与者。我曾经就这方面的问题询问过一些会员,为什么不发帖或跟帖?其中回复最多的是“想说的话都已经有人说出来了”的比例最多;我想在这方应该增加简单的评分或digg.com交互功能会比编写评论来得简单方便;

总结:
  好的产品,好的游戏规则才是网站生存的长远根本,此外还要较好的把握住你的用户群,精心把内容经营好,拥有自己的一批活跃用户和内容建设者,探索用户参与和网站贡献价值之间的平衡点,就能够发掘你自己的盈利模式。

实际经验:
  在做交友网站时,我们有一套较好的等级机制和奖励机制,当用户贡献了一定的内容后,并达到一个相应的会员级别,就拥有比普通会员好的权限和待遇, 举例来说,当一个会员在网站发布征友广告时,他的排名就比级别低的会员靠前,同时发布的费用就有一定的折扣,再或者,增加他相册空间的容量等等。总体来看,这方面效果是十分明显,增加了会员的黏度和活跃度。

做社交网站时,采用了严格的审核机制,比如会员的形象照必须是真实的照片,名星照、卡通照等一律删除,没有照片的会员在搜索结果排序时,相应的排列在最后面,有照片的同时也是活跃会员排名靠前。

Google网站地图Sitemap与搜索引擎优化

Google网站地图(sitemap)是Google提供给网站管理员的一个工具,来提高网站被收录的网页数目。

一般来说,搜索引擎蜘蛛会跟着链接爬行到你网站的所有网页。但很多时候,由于种种原因,并不是所有网页都能被收录进搜索引擎数据库。比如说,你的网站是数据库动态生成的,URL中带有参数,一些网页离主页太远,你的网站PR值太低,新的网页可能过很长时间才有机会被抓取等等。

Google Sitemap就允许站长上传给Google一个网站地图,列出你所有需要被抓取的网页及重要性级别。据很多人证实,Google网站地图确实能提高被Google收录的网页数目,而且似乎Google每天都会抓取sitemap的内容。

所以如果你有新的网页,或你的网站内容更新比较快,Google网站地图是一个很好的通知Google的工具。

不过我在这里想和大家分享几个Google Sitemap用于搜索引擎优化的心得。

第一,像前面说的,当然最重要的是,使你的网页被收录的越多越好。因为我的网站没有收录问题,所以我也没有提交网站地图。但据朋友说,这个功能确实很好用。如果你的网站有很多网页没有被收录的话,应该试一下。

第二,在Google网站地图管理界面中,你可以看到Google是否惩罚了你的网站。像在以前提到的,Google会通知一部分被惩罚的网站站长。我感觉这是一个最重要的必须要使用Google Sitemaps的原因。虽然这个功能最好永远用不上。

第三,Google网站地图管理界面Diagnostic(诊断)部分,你的网站在被抓取的时候,如果有什么问题都会被列出来。比如说URL错误,404错误,服务器宕机等等。在HTTP错误中,可以看到有哪些URL是有问题的,这样可以及时解决网站上的技术问题。

第四,Diagnostic部分也提供了一个robots.txt文件检测工具。很多时候我们不希望搜索引擎来抓取某些目录或某些文件,用robots.txt文件是一个标准方法。但如果这个文件写的有问题,可能会造成搜索引擎完全不能爬行你的网站。你可以用这个Google Sitemaps检测工具测试某一个目录或某一个文件是否被排除在搜索引擎之外。

第五,在Google网站地图Statistic(统计资料)部分,有很多非常有用的信息。

比如搜索统计(query stats)。Google会列出用户在找到你的网站时,使用的是什么关键词。在这个关键词下,你排名第几(top search queries)。在这个关键词下,你又得到了多少点击(top search query clicks)。虽然你可以从服务器日志文件中得到同样的资料,但Google在他的界面中,已经非常清楚的列出了这些信息,非常好用。

你可以从关键词统计信息中,清楚的看到你的目标关键词表现怎么样,你的标题标签写的怎么样。

第六,我觉得最重要的一个统计信息就是这一点,在网页分析统计(page analysis)栏目下,Google列出了Google所认为的你的网站与哪些关键词最有关(In your site’s content)。同时列出了在Google的数据库里面,你的反向链接都是使用哪些关键词做链接文字的(In external links to your site)。

左栏In your site’s content是在Google眼中,你的网站是谈论什么的,你的网站主题是什么。如果Google列出的这些关键词与你真正的网站主题有所偏离的话,很显然你需要修改你的网站内容,重写网站文字。

举个例子,对我的博客来说,Google列出的关键词是:网站,Google,搜索引擎,网页,排名,优化,链接,SEO,研究,等等。当然后面也列出了一些不太相关的,比如爸爸,这和中文分词的不准确有关。因为我的博客里从来没谈爸爸,而是在谈大爸爸数据中心。不过无论如何,这个信息非常重要。

而右栏In external links to your site显示在Google数据库中,反向链接所使用的链接文字。 我们都知道反向链接是Google排名和所有搜索引擎排名算法中非常重要的一环。而链接文字从两年前开始,变得越来越重要了。从Google所列出的外部链接的情况,你可以知道其他网站是怎样链接到你的网站的。而这些链接文字所形成的主题在很大程度上影响Google所认为的你的网站的主题。

比如说,我的这个博客的反向链接所出现的链接文字最多的是:SEO每天一帖,Google,搜索,虚拟主机,域名注册,电子邮件。很明显很少其他网站用”搜索引擎优化”来链接向我的博客。这也就难怪在 Google中,如果你搜索搜索引擎优化,我的这个博客目前根本找不到。

一般来说,你应该尽可能的使其他网站使用你最重要的关键词来链接向你。Google列出了你的链接当前效果怎么样,你也就知道了应该努力的方向。

网页分析统计(page analysis)是我觉得Google网站地图最有用最有意义的

IE6、IE7、Firefox CSS兼容技巧

CSS技巧

1.div的垂直居中问题

vertical-align:middle; 将行距增加到和整个DIV一样高 line-height:200px; 然后插入文字,就垂直居中了。缺点是要控制内容不要换行

2. margin加倍的问题

设置为float的div在ie下设置的margin会加倍。这是一个ie6都存在的bug。解决方案是在这个div里面加上display:inline;
例如:
<#div id=”imfloat”>
相应的css为
#imfloat{
float:left;
margin:5px;/*IE下理解为10px*/
display:inline;/*IE下再理解为5px*/}

3.浮动ie产生的双倍距离

#box{ float:left; width:100px; margin:0 0 0 100px; //这种情况之下IE会产生200px的距离 display:inline; //使浮动忽略}
这里细说一下block与inline两个元素:block元素的特点是,总是在新行上开始,高度,宽度,行高,边距都可以控制(块元素);Inline元素的特点是,和其他元素在同一行上,不可控制(内嵌元素);
#box{ display:block; //可以为内嵌元素模拟为块元素 display:inline; //实现同一行排列的效果 diplay:table;

4 IE与宽度和高度的问题

IE不认得min-这个定义,但实际上它把正常的width和height当作有min的情况来使。这样问题就大了,如果只用宽度和高度,正常的浏览器里这两个值就不会变,如果只用min-width和min-height的话,IE下面根本等于没有设置宽度和高度。
比如要设置背景图片,这个宽度是比较重要的。要解决这个问题,可以这样:
#box{ width: 80px; height: 35px;}html>body #box{ width: auto; height: auto; min-width: 80px; min-height: 35px;}

5.页面的最小宽度

min- width是个非常方便的CSS命令,它可以指定元素最小也不能小于某个宽度,这样就能保证排版一直正确。但IE不认得这个,而它实际上把 width当做最小宽度来使。为了让这一命令在IE上也能用,可以把一个<div> 放到 <body> 标签下,然后为div指定一个类,然后CSS这样设计:
#container{ min-width: 600px; width:expression(document.body.clientWidth < 600? “600px”: “auto” );}
第一个min-width是正常的;但第2行的width使用了Javascript,这只有IE才认得,这也会让你的HTML文档不太正规。它实际上通过Javascript的判断来实现最小宽度。

6.DIV浮动IE文本产生3象素的bug

左边对象浮动,右边采用外补丁的左边距来定位,右边对象内的文本会离左边有3px的间距.
#box{ float:left; width:800px;}
#left{ float:left; width:50%;}
#right{ width:50%;}
*html #left{ margin-right:-3px; //这句是关键}
<div id=“box”>
<div id=“left”></div>
<div id=“right”></div>
</div>

7.IE捉迷藏的问题

当div应用复杂的时候每个栏中又有一些链接,DIV等这个时候容易发生捉迷藏的问题。
有些内容显示不出来,当鼠标选择这个区域是发现内容确实在页面。 解决办法:对#layout使用line-height属性 或者给#layout使用固定高和宽。页面结构尽量简单。

8.float的div闭合;清除浮动;自适应高度;

① 例如:<#div id=”floatA” ><#div id=”floatB” ><#div id=”NOTfloatC” >这里的NOTfloatC并不希望继续平移,而是希望往下排。(其中floatA、floatB的属性已经设置为float:left;)
这 段代码在IE中毫无问题,问题出在FF。原因是NOTfloatC并非float标签,必须将float标签闭合。在 <#div class=”floatB”> <#div class=”NOTfloatC”>之间加上 <#div class=”clear”>这个div一定要注意位置,而且必须与两个具有float属性的div同级,之间不能存在嵌套关系,否则会产生异常。 并且将clear这种样式定义为为如下即可: .clear{ clear:both;}

②作为外部 wrapper 的 div 不要定死高度,为了让高度能自动适应,要在wrapper里面加上overflow:hidden; 当包含float的box的时候,高度自动适应在IE下无效,这时候应该触发IE的layout私有属性(万恶的IE啊!)用zoom:1;可以做到,这 样就达到了兼容。
例如某一个wrapper如下定义:
.colwrapper{ overflow:hidden; zoom:1; margin:5px auto;}

③对于排版,我们用得最多的css描述可能就是float:left.有的时候我们需要在n栏的float div后面做一个统一的背景,譬如:
<div id=”page”>
<div id=”left”></div>
<div id=”center”></div>
<div id=”right”></div>
</div>
比 如我们要将page的背景设置成蓝色,以达到所有三栏的背景颜色是蓝色的目的,但是我们会发现随着left center right的向下拉长,而page居然保存高度不变,问题来了,原因在于page不是float属性,而我们的page由于要居中,不能设置成 float,所以我们应该这样解决
<div id=”page”>
<div id=”bg” style=”float:left;width:100%”>
<div id=”left”></div>
<div id=”center”></div>
<div id=”right”></div>
</div>
</div>
再嵌入一个float left而宽度是100%的DIV解决之

④万能float 闭合(非常重要!)
关于 clear float 的原理可参见 [How To Clear Floats Without Structural Markup],将以下代码加入Global CSS 中,给需要闭合的div加上 class=“clearfix” 即可,屡试不爽.
/* Clear Fix */
.clearfix:after { content:”.”; display:block; height:0; clear:both; visibility:hidden; }
.clearfix { display:inline-block; }
/* Hide from IE Mac */
.clearfix {display:block;}
/* End hide from IE Mac */
/* end of clearfix */
或者这样设置:.hackbox{ display:table; //将对象作为块元素级的表格显示}

9.高度不适应

高度不适应是当内层对象的高度发生变化时外层高度不能自动进行调节,特别是当内层对象使用margin 或paddign 时。
例:
#box {background-color:#eee; }
#box p {margin-top: 20px;margin-bottom: 20px; text-align:center; }
<div id=“box”>
<p>p对象中的内容</p>
</div>
解决方法:在P对象上下各加2个空的div对象CSS代码:.1{height:0px;overflow:hidden;}或者为DIV加上border属性。

10 .IE6下为什么图片下有空隙产生

解 决这个BUG的方法也有很多,可以是改变html的排版,或者设置img 为display:block 或者设置vertical-align 属性为vertical-align:top   bottom  middle  text-bottom 都可以解决.

11.如何对齐文本与文本输入框

加上 vertical-align:middle;
<style type=“text/css”>
<!—
input {
width:200px;
height:30px;
border:1px solid red;
vertical-align:middle;
}
—>
</style>

12.web标准中定义id与class有什么区别吗

一.web标准中是不容许重复ID的,比如 div id=“aa” 不容许重复2次,而class 定义的是类,理论上可以无限重复, 这样需要多次引用的定义便可以使用他.

二.属性的优先级问题
ID 的优先级要高于class,看上面的例子

三.方便JS等客户端脚本,如果在页面中要对某个对象进行脚本操作,那么可以给他定义一个ID,否则只能利用遍历页面元素加上指定特定属性来找到它,这是相对浪费时间资源,远远不如一个ID来得简单.

13. LI中内容超过长度后以省略号显示的方法

此方法适用与IE与OP浏览器

<style type=“text/css”>
<!—
li {
width:200px;
white-space:nowrap;
text-overflow:ellipsis;
-o-text-overflow:ellipsis;
overflow: hidden;
}

—>
</style>

14.为什么web标准中IE无法设置滚动条颜色了

解决办法是将body换成html
<!DOCTYPE html PUBLIC “-//W3C//DTD XHTML 1.0 Strict//EN” “http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd”>
<meta http-equiv=“Content-Type” content=“text/html; charset=gb2312” />
<style type=“text/css”>
<!—
html {
scrollbar-face-color:#f6f6f6;
scrollbar-highlight-color:#fff;
scrollbar-shadow-color:#eeeeee;
scrollbar-3dlight-color:#eeeeee;
scrollbar-arrow-color:#000;
scrollbar-track-color:#fff;
scrollbar-darkshadow-color:#fff;
}
—>
</style>

15.为什么无法定义1px左右高度的容器

IE6下这个问题是因为默认的行高造成的,解决的方法也有很多,例如:overflow:hidden   zoom:0.08   line-height:1px

16.怎么样才能让层显示在FLASH之上呢

解决的办法是给FLASH设置透明
<param name=“wmode” value=“transparent” />

17.怎样使一个层垂直居中于浏览器中

这里我们使用百分比绝对定位,与外补丁负值的方法,负值的大小为其自身宽度高度除以二
<style type=“text/css”>
<!—
div {
position:absolute;
top:50%;
lef:50%;
margin:-100px 0 0 -100px;
width:200px;
height:200px;
border:1px solid red;
}
—>
</style>

CSS兼容IE6、IE7、火狐(Firefox)技巧集合2
FF与IE

1. Div居中问题

div设置 margin-left, margin-right 为 auto 时已经居中,IE 不行,IE需要设定body居中,首先在父级元素定义text-algin: center;这个的意思就是在父级元素内的内容居中。

2.链接(a标签)的边框与背景

a 链接加边框和背景色,需设置 display: block, 同时设置 float: left 保证不换行。参照 menubar, 给 a 和 menubar 设置高度是为了避免底边显示错位, 若不设 height, 可以在 menubar 中插入一个空格。

3.超链接访问过后hover样式就不出现的问题

被点击访问过的超链接样式不在具有hover和active了,很多人应该都遇到过这个问题,解决方法是改变CSS属性的排列顺序: L-V-H-A
Code:
<style type=“text/css”>
<!—
a:link {}
a:visited {}
a:hover {}
a:active {}
—>
</style>

4. 游标手指cursor

cursor: pointer 可以同时在 IE FF 中显示游标手指状, hand 仅 IE 可以

5.UL的padding与margin

ul标签在FF中默认是有padding值的,而在IE中只有margin默认有值,所以先定义 ul{margin:0;padding:0;}就能解决大部分问题

6. FORM标签

这 个标签在IE中,将会自动margin一些边距,而在FF中margin则是0,因此,如果想显示一致,所以最好在css中指定margin和 padding,针对上面两个问题,我的css中一般首先都使用这样的样式ul,form{margin:0;padding:0;}给定义死了,所以后 面就不会为这个头疼了.

7. BOX模型解释不一致问题

在FF和IE中的BOX模型解释不一致导致 相差2px解决方法:div{margin:30px!important;margin:28px;} 注意这两个margin的顺序一定不能写反, important这个属性IE不能识别,但别的浏览器可以识别。所以在IE下其实解释成这样: div{maring:30px;margin:28px}重复定义的话按照最后一个来执行,所以不可以只写margin:xx px!important;
#box{ width:600px; //for ie6.0- w\idth:500px; //for ff+ie6.0}
#box{ width:600px!important //for ff width:600px; //for ff+ie6.0 width /**/:500px; //for ie6.0-}

8.属性选择器(这个不能算是兼容,是隐藏css的一个bug)

p[id]{}div[id]{}
这个对于IE6.0和IE6.0以下的版本都隐藏,FF和OPera作用.属性选择器和子选择器还是有区别的,子选择器的范围从形式来说缩小了,属性选择器的范围比较大,如p[id]中,所有p标签中有id的都是同样式的.

9.最狠的手段 – !important;

如果实在没有办法解决一些细节问题,可以用这个方法.FF对于”!important”会自动优先解析,然而IE则会忽略.如下
.tabd1{
background:url(/res/images/up/tab1.gif) no-repeat 0px 0px !important; /*Style for FF*/
background:url(/res/images/up/tab1.gif) no-repeat 1px 0px; /* Style for IE */}
值得注意的是,一定要将xxxx !important 这句放置在另一句之上,上面已经提过

10.IE,FF的默认值问题

或 许你一直在抱怨为什么要专门为IE和FF写不同的CSS,为什么IE这样让人头疼,然后一边写css,一边咒骂那个可恶的M$ IE.其实对于css的标准支持方面,IE并没有我们想象的那么可恶,关键在于IE和FF的默认值不一样而已,掌握了这个技巧,你会发现写出兼容FF和 IE的css并不是那么困难,或许对于简单的css,你完全可以不用”!important”这个东西了。
我们都知道,浏览器在显示网页的时 候,都会根据网页的css样式表来决定如何显示,但是我们在样式表中未必会将所有的元素都进行了具体的描述,当然也没有必要那么做,所以对于那些没有描述 的属性,浏览器将采用内置默认的方式来进行显示,譬如文字,如果你没有在css中指定颜色,那么浏览器将采用黑色或者系统颜色来显示,div或者其他元素 的背景,如果在css中没有被指定,浏览器则将其设置为白色或者透明,等等其他未定义的样式均如此。所以有很多东西出现 FF和IE显示不一样的根本原因在于它们的默认显示不一样,而这个默认样式该如何显示我知道在w3中有没有对应的标准来进行规定,因此对于这点也就别去怪 罪IE了。

11.为什么FF下文本无法撑开容器的高度

标准浏览器中固定高度值的容器是不会象IE6里那样被撑开的,那我又想固定高度,又想能被撑开需要怎样设置呢?办法就是去掉height设置min- height:200px; 这里为了照顾不认识min-height的IE6 可以这样定义:

{
height:auto!important;
height:200px;
min-height:200px;
}

12.FireFox下如何使连续长字段自动换行

众所周知IE中直接使用 word-wrap:break-word 就可以了, FF中我们使用JS插入
的方法来解决

<style type=“text/css”>
<!—
div {
width:300px;
word-wrap:break-word;
border:1px solid red;
}
—>
</style>

<div id=“ff”>aaaaaaaaaaaaaaaaaaaaaaaaaaaa</div>

<scrīpt type=“text/javascrīpt”>
/* <![CDATA[ */
function toBreakWord(el, intLen){
var ōbj=document.getElementById(el);
var strContent=obj.innerHTML;
var strTemp=”“;
while(strContent.length>intLen){
strTemp+=strContent.substr(0,intLen)+”
“;
strContent=strContent.substr(intLen,strContent.length);
}
strTemp+=”
“+strContent;
obj.innerHTML=strTemp;
}
if(document.getElementById && !document.all) toBreakWord(“ff”, 37);
/* ]]> */
</scrīpt>

13.为什么IE6下容器的宽度和FF解释不同呢

<?xml version=“1.0” encoding=“gb2312”?>
<!DOCTYPE html PUBLIC “-//W3C//DTD XHTML 1.0 Strict//EN” “http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd”>
<meta http-equiv=“Content-Type” content=“text/html; charset=gb2312” />
<style type=“text/css”>
<!—
div {
cursor:pointer;
width:200px;
height:200px;
border:10px solid red
}
—>
</style>
<div ōnclick=“alert(this.offsetWidth)”>让FireFox与IE兼容</div>

问 题的差别在于容器的整体宽度有没有将边框(border)的宽度算在其内,这里IE6解释为200PX ,而FF则解释为220PX,那究竟是怎么导致的问题呢?大家把容器顶部的xml去掉就会发现原来问题出在这,顶部的申明触发了IE的qurks mode,关于qurks mode、standards mode的相关知识,请参考:http://www.microsoft.com/china/msdn/library/webservices /asp.net/
ASPNETusStan.mspx?mfr=true

IE6,IE7,FF

IE7.0出来了,对CSS的支持又有新问题。浏览器多了,网Bpx; /*For IE7 & IE6*/
_height:20px; /*For IE6*/

注意顺序。

这样也属于CSS HACK,不过没有上面这样简洁。
#example { color: #333; } /* Moz */

  • html #example { color: #666; } /* IE6 */

+html #example { color: #999; } / IE7 */

第二种,是使用IE专用的条件注释

<!—其他浏览器 —>
<link rel=“stylesheet” type=“text/css” href=“css.css” />

<!—[if IE 7]>
<!— 适合于IE7 —>
<link rel=“stylesheet” type=“text/css” href=“ie7.css” />
<![endif]—>

<!—[if lte IE 6]>
<!— 适合于IE6及一下 —>
<link rel=“stylesheet” type=“text/css” href=“ie.css” />
<![endif]—>

第三种,css filter的办法,以下为经典从国外网站翻译过来的。.

新建一个css样式如下:
#item {
width: 200px;
height: 200px;
background: red;
}

新建一个div,并使用前面定义的css的样式:
<div id=“item”>some text here</div>

在body表现这里加入lang属性,中文为zh:
<body lang=“en”>

现在对div元素再定义一个样式:
*:lang(en) #item{
background:green !important;
}

这样做是为了用!important覆盖原来的css样式,由于:lang选择器ie7.0并不支持,所以对这句话不会有任何作用,于是也达到了 ie6.0下同样的效果,但是很不幸地的是,safari同样不支持此属性,所以需要加入以下css样式:
#item:empty {
background: green !important
}
:empty选择器为css3的规范,尽管safari并不支持此规范,但是还是会选择此元素,不管是否此元素存在,现在绿色会现在在除ie各版本以外的浏览器上。

对IE6和FF的兼容可以考虑以前的!important 个人比较喜欢用第一种,简洁,兼容性比较好。