同时为了以后方便，虚拟了一个不存在的医疗连锁机构做例子：

集团名称：恬美医疗

集团简介：是一家广东省知名整形美容连锁机构，业务以医学美容为主

官方网站：www.tmbeauty.cc 恬美医疗总站，主要产品服务站

账号设置包括如下内容：

• 建立百度推广账号
• 了解目标推广人群
• 确定初期推广预算
• 初步确定推广地域
• 初步确定推广时段
• 预设雷区和警戒线

一. 建立百度推广账号

有人说这个简单啦，直接交钱给百度不就得了？

实际上要考虑的问题还包括：

1. 使用哪家公司名义注册账号

百度搜索推广，会审核公司名称。也许某些企业拥有数家公司，要使用合适的公司名，才不至于给以后带来麻烦。

比如恬美医疗，旗下公司：恬美集团公司（总部），广州恬美医疗，深圳恬美医疗，恬美贸易（美容医疗器械贸易）

如果使用集团公司开通百度推广账号，以后使用集团旗下其他公司开通新账号，可能就会审核被拒。

还有一种情况，深圳恬美医疗 代理了韩国的一款抗皱产品。如果你用了 广州恬美医疗 注册的账号推广这款抗皱产品，有可能会涉及到侵权问题。这看起来很搞笑，两家兄弟公司凭啥不能卖同一款产品呢？你不要小看了百度推广上面的同行竞争对手，他们天天盯着你的关键词，不仅经常恶意点击一下，还会查找漏洞，然后向百度投诉。这种事情经常发生。

2. 使用哪个域名

首先当然应该使用简短好记的域名。

另外，你的域名需要和品牌形成一定的记忆叠加效果。看看恬美医疗有哪些域名：

www.tmbeauty.cc 恬美医疗总站，主要产品服务站

www.tmbeauty-sz.cc 恬美医疗深圳站，深圳分公司网站，主要产品服务站

www.tmbeauty-gz.cc 恬美医疗广州站，广州分公司网站，主要产品服务站

www.tmgroup.cc 恬美集团官网

www.tmbeauty-med.cc 恬美贸易

如果推广的目标群体是个人消费者，前三个都是合适的。如果为了长远打算，第二个和第三个地区性太强，消费者可能会感觉到这只是一家地区性的医疗机构。可以考虑另外注册多几个没有地区标记的域名。当然，如果你的目的性非常明确，就是面对广州的美容消费群体，那么增加地区性也没有坏处。

3. 使用哪个网站

一些公司会有多个网站。如果你的消费者主要是广州的用户，那么网站中广州的联系电话需要放在最醒目的位置。

网站首页也应该包含一些广州地区的个性化信息。

二、了解目标推广人群

请注意，这里用了“了解”，而不是“确定”或“明确”。

对  恬美医疗 来说，目标推广人群的大方向是有的，就是广东省（主要是广州深圳）的爱美、爱上网并有消费能力的女士。

但这个人群的特点是什么呢？

• 她们的网上行为是怎样呢？
• 尤其是她们的搜索行为会是怎样呢？
• 她们看到喜爱的护理疗程会直接拿起电话，还是网上咨询？
• 在掏钱之前，她们更多的会对比竞争美容机构的网站呢？还是研究网友的口碑？还是问问闺蜜？
• 她们喜爱什么样的广告语？讨厌什么样的广告语？她们喜欢见到“服务第一”“顾客第一”这类的口号么？
• 明星和榜样的力量对她们的影响是否大？

上面的问题不是拍拍脑袋可以想清楚的，也不是在建立账号阶段能找到答案的。但有必要将问题列出来，因为这些问题，关系到地域（地区限制），关系到推广方式（搜索还是网盟），关系到目录树建立（推广计划和推广单元），也关系到费用的投放和估算。

我们要做的，一方面是结合  恬美医疗  多年的线下销售经验，通过常识或diy式市场调研，找到以下两个问题的近似答案：

1. 她们在用什么关键词搜索

谷歌有免费的关键词工具。

而百度更贴心，无论是网页版还是百度助手，都有大量的关键词推荐。

2. 哪些关键词是竞争最激烈的

这也可以通过谷歌或百度的关键词工具查看到。

通过了解上述事实，我们会对目标人群有一个初步认识。

请不用担心，事情是做出来的，不是想出来的。通过百度推广和百度统计的数据分析，你有一整年或数年的时间去慢慢深入了解你的推广目标人群。

三、确定初期推广预算

请注意，关键词是“初期”，可以是一个月，也可以是一个季度。

也许你一年投入120万，每个季度30万。但第一季度的投入可能只有10万，也许会达到40万。

是10万还是40万，与你的行动策略有关。

如果你采用的是从小做大，慢慢扩张的方法，可以先投入10万，以后慢慢增加。

如果你采用的是快速试错，以速度换取效果的策略，那么开始可以多尝试几条路，找到最适合自己的，再控制投入。

对于 恬美医疗 如果以前从来没有做过百度推广，可以考虑先小后大的方法，因为摸索清楚百度推广各个环节的秘诀，明确投放策略，也需要一定时间。反之，如果以前做过百度推广，有了一定的关键词积累和推广知识，则可以放开来尝试，当然也需要有计划有目的的投放。

四、初步确定推广区域

如果 恬美医疗 只面对广东省用户，那么账号的区域限制可以设为广东。

不过有两种特殊情况：

1. 季节性游客的美容需求

一些季节性游客，可能会趁五一或十一假期来广东，顺便有美容美体的需求。

2. 全国范围内大型活动或全国范围内的线下广告

一些大型优惠活动或者传统媒体的广告，可能会吸引广东省外客户。

在策划推广区域时，可以建立针对性的推广计划，面对全国用户。

五、初步确定推广时段

爱美爱上网又有消费能力的女白领或阔太太们，会在什么时段上网搜索呢？

可能是白天上班前，也许是中午，也许是晚上。

我们可以初步假设长一些的时段，然后通过推广统计数据观察转化率，最后明确推广时段。

六、预设雷区和警戒线

要想成功，除了懂得争取，还得懂得放弃。这就是预设雷区的意义。

恬美医疗 最擅长的是胸部整形，最不擅长的是牙齿整形。基于业务齐全的考虑，在网站上必须同时含有两部分内容。但当我们推广的时候，就要考虑有所舍弃了。牙齿整形就是雷区。好钢用在刀刃上，把资源放到最能出效果的地方。

另外一个例子，恬美医疗 发现竞争对手在百度上的广告写着“激光治近视，仅需1300元”，而恬美的成本就要2000元。竞争对手也许在赔本赚吆喝，也许以降低服务质量作为控制成本手段，这些都是 恬美医疗 不愿意干的。那么激光治疗近视，也许短期内也是雷区。恬美如果降价应战，会造成利润损失，最终造成服务下降；如果不降价，这样的热门关键词在百度上又是白花钱。

除了雷区之外，还要设立警戒线。警戒线的目的是为了以后的危险做打算。

比如某些热门关键词的单个词的竞价最高点，或每周预算的上限。

一旦触及警戒线，马上调整策略，以免造成更大损失。

戏台搭好了，开始准备唱戏——请参见下一篇《搭建茁壮的目录树——大网站百度搜索推广的SEM精算（三）》

作者: 谭砚耘@用户体验与可用性设计-科研笔记

版权属于: 谭砚耘 （TOTHETOP至尚国际 ）

版权所有。转载时必须以链接形式注明作者和原始出处

http://www.webusability.cn/account-setting-baidu-sem-for-big-website-promotion-1190/

如果你希望与作者交流，请发送邮件到 tanyanyun/at/163.com 别忘了修改小老鼠

SEM——广义指搜索引擎营销，狭义指搜索引擎的收费推广，在本系列中特指百度的关键词搜索推广和网盟推广。

大网站——指关键词2000以上，百度推广费用50万/年以上。

百度搜索推广——指百度站内关键词广告 + 百度网盟 广告

新凤巢——指百度凤巢系统最新改版。百度在2009年底用“凤巢1.0”代替了一大堆问题的“竞价排名”系统。经历了1年半，2011年7月1日百度推出凤巢新版本。新版本仿照谷歌推出了跨层级浏览，各种批量操作，以及提供了百度统计、百度商桥、创意专家、关键词推荐、转化分析等新模块。

不是为百度做广告。说实话，谷歌还没退出中国那阵儿，笔者是谷歌的忠实粉丝，对百度“竞价排名”不屑一顾但又不得不使用它，因为有效。谁料到谷歌退出中国后王小二过年一年不如一年，而百度则在顺境中前进，结合中国国情，不断推出新功能（很多类似功能实际上是谷歌早就有，但不太符合中国用户使用习惯），这些新功能很符合推广用户的实际需要，反过来促进用户在推广上投入更多的钱。这一切，让人对百度刮目相看。

新凤巢到底有哪些特点呢？百度官网自有说明。不过从实际用户角度考虑，笔者觉得体现在以下方面（以下的功能不一定是新凤巢才有的，但在新凤巢系统中是逐步完善。）

1.  广告物料的跨层级编辑、展示结构

广告物料按层级来说包括：

a账号——》b推广计划——》c推广单元——》d关键词/创意

老凤巢中，上述四个层级是层层嵌套。如果你要建立一个新的推广计划，必须从abcd完整的走一次。这显然是不合理的，因为我可能会先建立ab，以后再慢慢考虑cd；或者我先建立abc以及d中的创意部分，关键词呢则先放放，想到了再添加。

谷歌首先看到了上述层级嵌套结构的弊端，大胆的采用了跨层级的编辑展示结构。

百度很快向谷歌偷师，在新凤巢中采用了新结构。让我们看看下图：

上图左侧，是推广目录树，包含了 a推广计划 和 b推广单元。红色框框起来的例子就是：

a推广计划 对应 test4-广泛
b推广单元 对应 广泛9

然后我们看看右侧红色框，有5部分：推广计划 推广单元 创意 关键词 蹊径（蹊径属于新概念，以后再谈）

如果我们先点击左侧的具体某个推广计划时，然后点击右侧红框的“创意”标签时，就会出现在特定推广计划下的所有的创意。

如果我们先点击左侧的具体某个推广单元时，然后点击右侧红框的“关键词”标签时，就会出现在特定推广单元下的所有的关键词。

你甚至可以点击左侧推广目录树的根目录，然后点击右侧红框的“关键词”，就会展示出整个账户的所有关键词。

上面的描述可能有些啰嗦，一句话来说：这种新结构能让你同时查看并且批量操作不同推广计划或推广单元下的关键词和创意。

这完全是一种全新的管理广告账户的思路。使用新结构，你可以先把广告目录树的枝枝丫丫先建立好，然后再慢慢的添加创意和关键词；你还可以批量的删除、修改创意；批量设置关键词匹配模式；批量修改价格。

跨层级结构对于小站来说帮助并不显著，但对于一个动辄数千个关键词的大站来说，可以大大提升工作效率。原来1小时的工作，现在可能10分钟就搞掂了。

2.  符合中国国情的百度统计功能

如果说谷歌统计是一辆手动挡跑车的话，百度统计就是一辆功能精良实用国产人货车——不仅载人还能装货，而且竟然是自动挡的。看看基本界面：

百度统计简化并提取了谷歌统计的精华，把一些常用功能直接放到左侧菜单中。

最关键的是，百度统计与百度搜索推广结合在一起，你可以轻松看到广告的点击率、转化率，从而做出合适调整。这部分稍后会有专门的案例描述。

3. 升级后的百度推广助手的确很给力

对于大站SEM，推广助手是必不可少的。速度快是推广助手最大的优势，如果你有上千个关键词，用百度网页操作会演变成一场噩梦。推广助手至少可以节省2/3的时间。

除此之外，推广助手还提供了一些网页版没有的批量操作功能，比如批量指定地域，批量IP排除，批量设置否定关键词和批量推广时段设置。

还有一个特色功能：查找重复的关键词，也是网页版没有的。

4. 无处不在的关键词推荐功能

不用怀疑，百度在关键词推荐上花了相当大的功夫，原因很简单，百度要赚钱。

百度希望用户提交越来越多的关键词，这样广告费才会不断增加。用户如果不清楚有哪些关键词要提交，百度的“关键词推荐”框会从各个地方跳出来。当你添加一个关键词的时候，它会跳出来；当你删除一个关键词的时候，也会跳出来；当你想把一个关键词从a单元转到B单元的时候，还会跳出来。当然你还可以直接点击网页上或者百度助手里面的关键词推荐按钮。

利用关键词工具，最起码你可以找到一大堆可供候选的关键词，拓宽自己的思路。当然其中很多是不适合做关键词的。

笔者的经验是，所有的关键词都不要设置广泛匹配，建议设置为“短语”或“精确匹配”。

5. 可以帮你省钱的搜索词报告

“搜索词”是百度最藏着掖着的一项统计数据。如果我是做鲜花速递生意的，但有个家伙搜索“鲜花插在牛粪上”，居然也跑到我的网站来了，这样的用户肯定不是潜在客户，而且耗费了大量的银子。

百度在央视曝光之前，可不愿意大胆的提供这项数据，只是隐藏在“数据报告”——》“定制报告”里面。新凤巢刚刚推出的时候，也找不到这一项功能。后来却突然出现在主页面下方的常用工具里。

一般来说强者往往是开放的，百度敢将“搜索词报告”卖点来推出，说明百度的确变强大了。

使用这个报告，你会惊讶的发现原来nnd有这么多不知所谓的垃圾关键词在消耗你账号里面的银子 : )

6. 可以帮你省钱又赚钱的转化跟踪

转化跟踪功能，不仅在百度统计中有，在百度推广网页版也有。

网页版只能提供目标页面转化，而百度统计可以提供更多选择，包括：

网页转化——用户访问某个特定网页，如提交订单、提交试用、下载完成页面、付款完成页面

事件转化——用户进行某个动作，如点击按钮

访问时长转化——判断用户在你的网站中待了多长时间。这个有点不靠谱，因为服务器无法监控到用户浏览器的关闭操作。也就是说一个用户进入你的网站，然后马上关闭浏览器离开，百度统计服务器还在傻乎乎的计算着访问时间。

访问页面数转化——一般如果用户对你的产品有兴趣，至少会访问首页、产品页、联系我们页三个页面，所以可以通过访问页面数的多少来设置转化，也是合理的。

通过转化跟踪，我们可以清楚看到不同推广计划在效果上的区别。转化率高的，就加大投入，提高单价。转化率低的，想办法改善创意，或者改善网站，以提升转化率。至于哪些转化率几乎是0，而且消耗大量金钱的，就挥刀切掉，不要犹豫。

关于如何使用转化率来改善百度推广账号，以后会有专门的文章论述。

了解完新凤巢的新功能，请看第二篇《账号设置——SEM精算之大网站百度搜索推广（二）》

作者: 谭砚耘@用户体验与可用性设计-科研笔记

版权属于: 谭砚耘 （TOTHETOP至尚国际 ）

版权所有。转载时必须以链接形式注明作者和原始出处

http://www.webusability.cn/new-fengchao-system-baidu-sem-for-big-website-promotion-1179/

如果你希望与作者交流，请发送邮件到 tanyanyun/at/163.com 别忘了修改小老鼠

笔者使用Pagespeed和YSLow工具查询，得分分别是91分和84分，已经是比较高的得分。

再分析一下网页组件，几乎全是文字，图片非常少。粗略分析了一下，

前端存在如下问题：

1. 没有gzip压缩

2. 大多数页面组件，缺少expires header

3.  书签采用了外部js插件（见上图红色框），js脚本来自 addthis.com，有的时候这个网站被墙，整个dirs.cn的页面载入就变得非常慢了。

4. 首页不统一，（见上图蓝色框）链接指向了 index.html 而不是 /，造成解析额外的负担。

5. 没有favicon.ico文件，既不美观，也影响性能。

前端对应解决方法：

1. 设置Gzip压缩。因为网站服务器是IIS6，设置有些麻烦，参见《WPO基础：在IIS下设置Gzip压缩》

2. 将 dirs.cn 所有的图片、脚本、样式表所在的目录，设置200天的expires header。也就是200天内，浏览器缓存都有效。将其他目录的expires header设置为2天后过期。

3. 将书签插件修改成超链接形式，取消js脚本。

4. 统一所有的首页URL为 /index.html

5. 在/images/ 目录下添加 favicon.ico 文件，并在所有页面Head区添加如下代码

为什么放在/images目录，而不是根目录呢？images目录有200天的expires header，而根目录只有2天。favicon.ico 一旦建立，长久都不会改变，所以我们给予较长的expires header，放到images目录。

为了满足一下老版本浏览器和特殊的手机浏览器的兼容性，我们在根目录也放一个favicon.ico文件。

经过前端的设置，再经过gtmetrix的检测，分数大大提高，见下图

PageSpeed和YSlow的得分都提升到了94分。

还有些减分因素，是哪些呢？

• Leverage browser cashing

——http://www.google-analytics.com/ga.js

这是谷歌的分析脚本，我们处理不了。这里说多一句，谷歌分析最新的脚本，已经采用了异步调用，如果还没有更新的，最好更新一下，对于性能会有帮助的。而且谷歌服务由于众所周知的原因，经常发生被墙的状况，说不定你的网站某天打不开，真正原因是谷歌被屏蔽了。参见《WPO实验：如果Google被墙，网站会出现怎样的杯具？》

• Use efficient CSS selectors 

这是说CSS里面有些效率不高的选择器。比如

table tr td 这样个选择器，用 td代替就可以了，因为td的父元素肯定是tr，tr的父元素肯定是table，不用重复标注。

CSS选择器对性能的影响不大，所以忽略。

• Minify CSS

这是说要压缩CSS。为了可读性考虑，就没去改动了。

• Minify Javascript

这是说要压缩Javascript。为了可读性考虑，就没去改动了。

当然还有一项没做的WPO，就是使用CDN。这一点估计很多国内个人网站都无法做到。

完成上述改动后，首次和第二次打开网页的速度大大提升。但还是无法解释之前出现的网页超时的问题。

后端存在问题和解决方法：

于是进入系统后台，进入数据库，看到有两个表

visitlog – 记录访客信息

querylog – 记录访客查询信息

select count看了一下，好家伙，每个表都有上亿条数据！

确认后，将数据清空，呵呵网站又一次变得费宽。

以上是一个简单的WPO例子，包括前台和后台。

作者: 谭砚耘@用户体验与可用性设计-科研笔记

版权属于: 谭砚耘 （TOTHETOP至尚国际 ）

版权所有。转载时必须以链接形式注明作者和原始出处

http://www.webusability.cn/wpo-example-for-website-front-end-and-back-end-1354/

如果你希望与作者交流，请发送邮件到 tanyanyun/at/163.com 别忘了修改小老鼠

爷孙俩想办法去解绳子，高度够不着。于是回家拿了竹竿，上面绑了刀子，申上去把绳子割断，救了雏鹰。

刚回家那会儿，雏鹰不怎么吃东西，也站不起来，怕是活不了了。出乎意料，养了几天它先是能站起来，然后能吃东西，再后来能飞了。目前还待在我家院子里不走，估计这里有吃有喝人也不欺负它，不想走了。

来照片

我前天刚回乡下，走近它，它很不安随时准备要走的样子。这时牛牛走过来，用手摸它的头，它却很安静。

禽兽和人一样有灵性。

作者: 谭砚耘@用户体验与可用性设计-科研笔记

版权属于: 谭砚耘 （TOTHETOP至尚国际 ）

版权所有。转载时必须以链接形式注明作者和原始出处

http://www.webusability.cn/saving-baby-eagle-1268/

如果你希望与作者交流，请发送邮件到 tanyanyun/at/163.com 别忘了修改小老鼠

几乎所有的网页，都可以通过设定Gzip组件压缩，来加快网页的访问速度。

什么是Gzip呢？就是当用户发送了一个HTTP请求（HTTP Request）之后，服务器返回一个HTTP响应（HTTP Response），这个响应如果是经过压缩过的，那么传输的时间就更少，也就提升了网页的性能。

图6-37：HTTP请求头信息中的Aceept-Encoding告诉服务器浏览器支持哪几种压缩格式

图6-38： HTTP响应头信息中的Content-Encoding显示具体采用某种压缩格式

图6-37是一个HTTP请求，其中的 “Accept-Encoding gzip, deflate”声明了访客服务器支持两种压缩格式：gzip和deflate。请求发送到服务器之后，服务器就会把HTTP响应用gzip或者deflate的方式压缩之后再返回给访客的浏览器。并非所有的浏览器都支持deflate压缩，但几乎所有的浏览器都支持gzip压缩，所以组件压缩方式多采用gzip格式。

图6-38是一个HTTP响应，其中的 “Content-Encoding gzip”声明了服务器返回的信息的压缩格式，在上图中采用了gzip的压缩方式。

 在IIS7下设置Gzip压缩

既然大多数压缩采用gzip方式，那么如何在服务器上设定Gzip压缩呢？请参照图6-39是II7下设置Gzip压缩的方法。

图6-39： IIS7.0设置Gzip压缩

在IIS7.0中，Gzip压缩设置很简单，只是勾选两个多选框即可。但是否所有文件都会被压缩呢？其实不是所有文件都会被压缩。大家使用过WinRAR或者Winzip就知道，图片压缩的比率是不高的。IIS7.0会自己判断哪些文件应该压缩，哪些文件不压缩。定义的文件放在 %系统目录%/system32/inetsrv/config/applicationhost.config文件中。定义文件如下：

<scheme name=”gzip” dll=”%Windir%\system32\inetsrv\gzip.dll” />

<dynamicTypes>

<add mimeType=”text/*” enabled=”true” />

<add mimeType=”message/*” enabled=”true” />

<add mimeType=”application/x-javascript” enabled=”true” />

<add mimeType=”*/*” enabled=”false” />

</dynamicTypes>

<staticTypes>

<add mimeType=”text/*” enabled=”true” />

<add mimeType=”message/*” enabled=”true” />

<add mimeType=”application/x-javascript” enabled=”true” />

<add mimeType=”application/atom+xml” enabled=”true” />

<add mimeType=”application/xaml+xml” enabled=”true” />

<add mimeType=”*/*” enabled=”false” />

</staticTypes>

</httpCompression>

从上面的代码可以看到，mime类型是文本、javasctipt会进行压缩。

 在IIS6下设置Gzip压缩

打开Internet信息服务(IIS)管理器，右击”网站”->”属性”，选择”服务”。在”HTTP压缩”框中选中”压缩应用程序文件”和”压缩静态文件”，按需要设置”临时目录”和”临时目录的最大限制”；

图6-40： IIS6.0设置Gzip压缩

然后在 Internet信息服务(IIS)管理器，右击”Web服务扩展”->”增加一个新的Web服务扩展…”，在”新建Web服务扩展”框中输入扩展名”HTTP Compression”，添加“要求的文件”为C:\WINDOWS\system32\inetsrv\gzip.dll，其中Windows系统目录根据您的安装可能有所不同，选中”设置扩展状态为允许”；

除了上述设置外，有的服务器还需要同时修改 metabase.xml 文件，该文件在 c:\windows\system32\inetsrv\ 目录下。

metabase.xml被IIS占用，是只读的无法编辑。所以我们先要停止运行IIS服务，或者在IIS中设置“允许直接编辑配置数据库”，具体方法如下：

第一种：修改本地计算机的属性。

   1、打开iis管理器，右击本地计算机–选择属性，如下图

   2、勾选”允许直接编辑配置数据库”，这样就可以在不停止IIS的情况下编辑metabase.xml文件。

   3、现在再试一下编辑metabase.xml文件，然后保存，就没有问题了。

   第二种：停止IIS服务。

   点击左下角的开始，进入控制面板，找到“管理工具”，点击进入，选择“服务”。停止“World   Wide  Web   Publishing   Service”服务，并设为禁止或手动，停止“IIS   Admin   Service”服务，如果有FTP服务“FTP   Publishing   Service”同样设置。然后编辑好metabase.xml文件，修改完成之后，启用这些服务。

通过上面的限制，解除了metabase.xml 无法编辑的问题，然后我们就开始编辑metabase.xml

搜索关键词“iiscompression”，找到类似下面的段落，然后编辑

上面的HCDanymicCompressionLevel=”9″，这个数值是压缩率，从0~10。根据网上建议，设置为9，性能压缩比最合适。

红色框中的部分是有哪些文件会被压缩。一般来说，图片文件如gif jpg不建议压缩，因为会耗费很多系统性能，但压缩率很小。第一个红框内的是静态文件，建议设置 html/htm/txt/inc/css/js/xml等。第二个红框是动态文件，可以设置asp/asa/aspx/php/dll/exe等常见后缀。

请注意上述的代码区有两处，也就是要修改两次。修改完iis之后，重启一下iis。

以上是在iis6和iis7下设置压缩的方法。启用压缩后，服务器响应的数据大约可以减少30~70%，这是非常可观的。

网络参考网站：来源一 来源二

作者: 谭砚耘@用户体验与可用性设计-科研笔记

版权属于: 谭砚耘 （TOTHETOP至尚国际 ）

版权所有。转载时必须以链接形式注明作者和原始出处

http://www.webusability.cn/wpo-howto-set-gzip-on-iis-1280/

如果你希望与作者交流，请发送邮件到 tanyanyun/at/163.com 别忘了修改小老鼠

对于Apache下，

如果希望对ico文件添加Expires Header，修改 .htaccess 文件

#Expire Header
<FilesMatch "\.(ico)$">
ExpiresDefault "access plus 720 hours"
</FilesMatch>

或者

# Expire images header
ExpiresActive On
ExpiresDefault A0
ExpiresByType image/ico A2592000

A2592000 代表未来的一个月 (60*60*24*30=2592000)

在IIS7下，可以很方便对某个目录设置Expires Header，也可以直接编写web.config文件，如下

但以上方法只能针对某个目录设置。如果想指定某个目录下特定的favicon.ico文件，

下面的方法是行不通的：

查找了很多网上的资料，也没有发现类似的解决方案。最后的处理方法只能是将favicon.ico转移到已经设置了长过期头的图片目录下。

网上类似的讨论参见这里

作者: 谭砚耘@用户体验与可用性设计-科研笔记

版权属于: 谭砚耘 （TOTHETOP至尚国际 ）

版权所有。转载时必须以链接形式注明作者和原始出处

http://www.webusability.cn/howto-set-expires-header-to-a-specific-file-764/

如果你希望与作者交流，请发送邮件到 tanyanyun/at/163.com 别忘了修改小老鼠

当晚没人看电视，没人麻将，小店也关门了，都跑来大广场看音乐会了。

我去晚了10分钟，只能站在舞台的外围的外围的外围，再晚一些连站票都没了。

节目内容很丰富，除了村里面自组的band队之外，还有中学美少女组合，耆英组合，中年男团……，台上收获了掌声，台下收获了快乐。

到了11点半结束，今晚继续……

作者: 谭砚耘@用户体验与可用性设计-科研笔记

谭砚耘 （TOTHETOP至尚国际 ）

版权所有。转载时必须以链接形式注明作者和原始出处

http://www.webusability.cn/vocal-concert-in-village-1258/

如果你希望与作者交流，请发送邮件到 tanyanyun/at/163.com 别忘了修改小老鼠

郑海平提示，当你的网站新客户访问占大多数的时候，谷歌分析的流量统计相对准确；当你的网站老客户访问达到一定比例，比如超过50%的时候，谷歌分析的倾向性可能会引发偏差，有的时候偏差可能会很大。

举个例子：一个客户可能通过谷歌关键词广告、谷歌自然搜索、外网链接或直接访问四种方式进入你的站点，并完成了一次转化。谷歌设定的规则，会将一部分直接访问或外网链接的功劳算到谷歌广告或自然搜索的头上。

在商言商，谷歌这么做当然是有理由的，起码统计的规则不是封闭的。但作为流量分析人员，需要注意这种偏差带来的影响。尤其是进入稳定期的电子商务网站，老客户的比例超过50%，更需要留意。

郑的文章同时也举了一个有意思的电商目标转化分析的例子：高转化率的某种推广模式可能实际效果差，地转化率的推广模式可能效果好。一切都在于你如何设定及看待目标的方式。有的时候为了得到更客观的结果，我们要设定多个目标来观测，得到更全面的数据，做出更靠谱的结论。参考阅读《转发整理：究竟哪种营销手段为B2C网站带来订单》

以下为原文

在Google Analytics里，流量的来源可以分为四个大类：

第一类：市场投放活动（Campaigns）

这一类比较常见的是付费关键词即Adwords，如果是Adwords，你不用加码，GA也能非常好的识别出来。当然如果你给自己的某个外部投放加上码，GA也会认为它是一个投放活动。投放活动在GA所有流量来源里，优先级别是最高的。

第二类：自然搜索（Organic）

这个大家很理解，就是Google和Baidu等自然搜索引入的流量。它对于GA来说，优先级别与Adwords是一样的。

第三类：推介网站（Referral）

这一渠道的流量主要是指从其他网站点过来的链接，比如友情链接等，这类来源通常是免费的。这一来源的优先级别低于市场投放活动和自然搜索。

第四类：直接输入（Direct）

直接输入包括几个方面，一个是直接在地址里输入网站，第二个是利用收藏夹与标签，第三个是从桌面软件，比如从QQ，MSN等软件点过来的链接，第四个是如果无法判别流量来源的话，也会归入直接输入。这个来源的优先级是最低的，大家抢的都是这个流量。

前面提到，这四类流量来源的优先级别是不一样的，就是说如果一个访客如果先后从这四种来源中过来，会发生覆盖的情况。比如你今天先在google里 搜索来到网站abc.com，一个小时后，再直接输入abc.com，那么第二次访问的数据，还是会算成google搜索的流量，发生的转化也会这样算。

因为会发生覆盖，所以我们就很有必要了解在什么情况下会发生覆盖，在什么情况下不会发生覆盖。在了解这个规则之前，请先允许我介绍Google Analytics的几个时间设定：

1.Google Analytics的Cookie的有效时间是2年。就是说，如果你3年前来过网站，就算你电脑一直没重装过，也没删除过Cookie，GA都会认为你是新访客（谭砚耘注：此处是否有误，应该是旧访客？）。

2.Google Analytics的Campaign Cookie的有效期是6个月。即如果5个月前，你是从免费关键词过来的，之后再也没回来过，那Google Analytics还记得你是从这儿来的，因此如果今天你直接输入abc.com，Google Analytics还会把你算成是从免费关键词进来的。

3.Google Analytics设定的一次访问与会话的有效期是30分钟，这30分钟是指你不发生浏览行为的情况下，一次会话将在30分钟后失效，如果你是超人一直浏览，那么则会在凌晨12点的时候失效。

下面即将介绍的优先级原则，都是在上面这三个时间范围内有效的。

对于这四类流量来源，Google Analytics是如下来定义规则的：

一、同一次访问内覆盖规则：

1.投放活动永远能覆盖别的渠道

2.自然搜索永远能覆盖别的渠道

3.推介网站永远覆盖不了别的渠道

4.直接输入永远覆盖不了别的渠道

二、对于访客回访时的覆盖规则：

1.投放活动永远能覆盖别的渠道

2.自然搜索永远能覆盖别的渠道

3.推介网站永远能覆盖别的渠道

4.直接输入永远覆盖不了别的渠道

举两个例子来说明一下前面的覆盖规则：

案例1: 假设你从来没到过abc.com，今天通过google自然搜索进入了abc.com,那么cookie就记录下来，你是通过自然搜索进来的。此时你在浏 览器内重新打开一个标签（前面那个还没关掉），还是用google搜索abc.com，这次则是通过付费cpc关键词点进了网站，那么这时cookie就 会被覆盖，记录下你是通过付费关键词进入网站的。再新开一个标签，你在浏览别的网站时无意间发现在cba.com上有一个abc.com的链接，然后又点 了过来（30分钟内），这个时候，覆盖没有发生，请注意：在同一次访问内，推介网站覆盖不了别的渠道。如果你还有兴趣打开一个标签页，然后直接输入 abc.com的话，GA就不会理会这件事情，因为直接输入的优先级是最低的。如果你此时做了一次转化（比如下了个订单），在GA里看到数据将会是：

案例2: 过了5天之后，你直接输入abc.com，然后再做了一次转化。此时GA里看到的数据会是：

记住：直接输入永远覆盖不了别的渠道。

案例3: 又过了5天，再次从cba.com点击到了abc.com，然后做了一次转化，此时，覆盖发生了，注意第二条的第3小点，在不同的访问内，推介网站永远能覆盖别的渠道：

案例4: 过了5个月以后，你直接输入abc.com进入网站，对不起，GA还当你是从cba.com过来的。

类似的案例大家可以自己尝试做一做，就会明白GA里的渠道数据到底是怎么一回事了。对于那些新访客比重很高的网站来说，这种覆盖逻辑能产生的差异很小，而如果网站的日均旧访客比例超过50%的话，对流量与转化的渠道划分就会产生较大的影响。

．．在第一篇中讨论了流量是怎么算出来的，接下来，我们要开始第二步的工作：了解流量的质量、主要行为以及对电子商务的价值所在。

在这个当中，最重要的就是研究各渠道流量的两个方面：

一、各渠道流量的主要行为

二、各渠道流量的转化情况

．．对于电子商务网站而言，最终的目标是转化，也就是生成订单。然而目标跟行为是有区别的，行为是目标的基础，也是我们提升最终转化率的起点。之前我曾经在一篇文章中提到过（边看边想之二：B2C电子商务网站用户体验的重点），电子商务最重要的行为路径与模式是什么？概括一下，主要为三个页面一个流程。

三个页面：

首页　（流量最大着陆页也属于广义的首页）列表页　（包括导筛选的列表页与搜索产生的列表页）产品详细页

一个流程：

结账流程（即从加入购物车到最后提交订单的流程）

．．接下要怎么做，似乎就简单许多了。

．．在Google Analytics中，为了方便追踪网站上特定的行为，提供了自定义Goal的做法。大家可以在官方帮助文档中找到，也可以看蓝鲸同学的Blog。

．．以我为某电子商务网站设定的Goal为例，大家可以看到渠道流量数据与Goal结合之后能发挥的作用。

 ．．上图就是我设置的一系列Goal，由于每个公司的业务不同，有些细节方面的体现也不同，比如在这里，我省略了首页与列表页的目标，大家可以根据各自的情况加上首页与列表页的目标设置。

．．看完这个一系列的目标值（注: Google Analytics的目标值为Visits值），我相信大家对于购物流程中主要的情况有了一个大概的了解，比如可以看到浏览产品详细页之后加入购物车的比 率为7.25%，从购物车到最后提交订单的比率为28.3%，看完产品详细页之后整体的访问转化率为2.0%。

．．接下来，我们可以开始研究各个渠道的质量与行为。

．．到Traffic Source->All Traffic Source菜单，我们会发现，其实Google Analytics为我们准备了一个非常好的报表。

．．在上面的图中，我们可以看到几个主要 渠道来源的访问量，平均访问页数，平均网站停留时间，跳出率等等。这些数据可以告诉我们一些东西，比如来自Google Product Search的跳出率很高，停留时间也很短，单次访问的平均页数也很低，似乎这个渠道不太好；再来看直接输入这个渠道，平均访问页数达到了6页以上，跳出 率也只有35%，停留时间更是达到了6分多钟，看起来这个来源渠道的质量不错。但这仅仅只是猜测，事实真的是这样么？

．．请注意上图的顶部，有一系列的标签Goal Set，里面就是我们前面定义的那一系列目标，让我们来看看各个来源访客的目标情况：

．．情况发生了变化，前面我们判断的从 Google Product Search过来的流量质量似乎不太好，然后却发现这些访客到达产品详细页的比率非常高，这样看来，这个渠道的流量应该还不错（废话，从产品搜索过来的， 当然直接到产品页了，比率能不高么，此处只是举例说明^_^）；而直接输入的流量到达产品详细页的比率反而很低。看起来，直接输入流量的质量并不太好。事 实真的是这样么？

．．情况又发生了逆转，虽然从 Google Product Search过来的流量浏览产品的比率很高，然后加入购物车的比例却并没有直接输入流量的三倍，而有购买意愿的访客（Step 4, Step 5, Step 6）则更是低了很多，看来从产品搜索过来的访客，并不是购物意愿最强烈的。

．．我们再来看最后一组目标，这个时候，你就可以判断最终的转化率了，比如说排名第三的比价引擎，干脆转化率为0了。

．．了解这些信息，对于我们有什么帮助呢，毕竟，光有数据是没用的，我们还要有action：

．．一、我们发现用户在填写送货信息到填写支付信息这一步流失率很高，而填写支付信息到下一步确认订单的流失率则较低，而对于电子商务而言，这两个步骤基本是处于类似的地位，因此我们十分有必要检查一下填写送货信息的用户体验是否很糟。

．．二、我们还可以发现从Google Product Search过来的访客，加入购物车的比率并不低，但最后为什么放弃购物了呢？如果是产品价格的原因，我们需要对这部分人做更多的优惠。从 Shopzilla比价引擎过来的，一般是受低价的吸引而来，但是加入购物车的意愿却很低，那么我们就要去检查下在Shopzilla投放的产品描述是否 与站内的产品描述是一致的。等等。

．．三、除了可以做上述方面的工作之外，我们还可以根据不同渠道的转化情况，来安排我们的投放预算。

 

———————————————————-

 

谭砚耘@用户体验与可用性设计-科研笔记

谭砚耘 （TOTHETOP至尚国际 ）

http://www.webusability.cn/truth-about-data-and-how-to-treat-goals-cr-of-google-analytics-1235/

希望交流，请发送邮件到 tanyanyun/at/163.com 别忘了修改小老鼠

如何通过可用性测试，发现用户真实需求，从而持续不断改善产品呢？

测试参与者完成测试后，如果让TA发表对产品的评价，经常会得到有偏差的答案：

1. 参与者处于礼貌，给出的评价一般都很客气。

2. 测试过程中遇到的一些不愉快的体验，完成测试之后已经淡化。

3. 有些测试参与者是话痨，喜欢夸张的表达感受，尤其是测试完成后放松的状态下。

可用性测试最有价值的部分，不是用户事后的评述，而是测试过程中的表现。

在测试过程中，我们需要捕捉用户的失望、恐惧、不满、挫折、孤独等负面情绪，进而发现产品存在的问题。

为了记录参与者的真实情绪，我们经常会

1. 测试开始，告知参与者测试成败无关重要，而且会严格保密，不要施加压力给用户。

2. 测试过程中，不要干扰用户。

3. 鼓励用户在测试过程中，大胆的说出自己的感受。

4. 可以通过笔记、录屏、录音、录像来记录用户使用行为。

然后我们研究参与者的表现，会发现有价值的需求：

1. 参与者产生迷惑、犹豫的情绪

2. 参与者出现挫折的表情

3. 参与者的无助感

4. 参与者产生愤怒的行为

上述负面情绪，都代表产品的可用性出现问题。可能是功能不完善，可能是流程导向混乱，可能用户体验过于生硬，可能是软件的错误。如果在可用性测试，产品经理像保姆一样为参与者排忧解难，我们就很难观察到参与者的真实情绪流露，也就很难发现真正的问题。

好的产品需要关注用户需求。

而用户需求是用户体验完成的。

用户体验和用户的情感息息相关。

正面情感通常都是类似的，而负面情感各有各的不同。

只有捕捉负面情感，并探寻原因，才能找到产品不足并改善，最终造就卓越的产品。

作者: 谭砚耘@用户体验与可用性设计-科研笔记

谭砚耘 （TOTHETOP至尚国际 ）

版权所有。转载时必须以链接形式注明作者和原始出处

http://www.webusability.cn/observation-negative-emotions-discovering-user-truly-requrement-via-user-usability-testing-1080/

如果你希望与作者交流，请发送邮件到 tanyanyun/at/163.com 别忘了修改小老鼠

Google中文网站管理员博客在《由抄袭造成的重复内容》文章中提到：“鉴别内容的原创来源是Google所擅长的，在大多数情况下原创内容源都能被正确地识别出来，从而不会给发布真正原创内容的网站带来任何负面影响……当有人剽窃了您网站中的内容，并将其展示在其他网站上牟利。Google在不同网站遇到相同内容的时候，会基于许多不同的依据来判断究竟哪个网站才是原创，而这样的判断通常是准确的。”

根据我的观察，Google识别原创内容源的能力有时候比较准，但有时候不太准，不准的情况主要是在中文网站上，因为Google无法用简单的链接权重来平衡门户网站和个人博客之间的孰是孰非。

目前的中国互联网仍然是主流门户网站的天下，个人博客的生存环境异常艰辛，个人辛辛苦苦的写作往往得不到回报，产生的内容却因为种种原因无法给个人带来应该得到的回报，所有的流量都逐步流向主流门户网站。通常情况下，Google给予门户网站的权值和网站权威度都非常高，当一篇完全相同的文章同时出现在门户网站和个人博客上的时候，Google往往认为原创者是门户网站，除非个人博客的权值非常大。

门户网站为了内容的大量更新而雇佣了不少“网站编辑”，“网站编辑”通过人肉筛选的方法从个人博客上挑选出优秀的文章，并将这些文章复制到门户网站，复制内容的同时通常会删除原始文章的作者和文章中的链接地址，同时小幅修改文章的标题，经过这一番“处理”，Google通常很难判断出到底哪个文章是原创，当一个原创个人博客的文章被大量门户网站复制之后，Google搜索引擎可能会惩罚这个原创博客，不再索引上面的文章。

这里我举一个例子，我在今年三月份曾经写了一篇文章《十个常用网络密码的安全保护措施》，然而相当长的一段时间里，我在Google中搜索这篇文章的标题时，却看不到来自我的博客的一点踪影，我看到的是什么呢？这篇文章被21CN，中关村在线，新浪网，硅谷动力，计算机世界，瑞星科技等等无数大型门户或专业网站非法转载，最具讽刺意味的是，国家违法和不良信息举报中心这样的国家政府机关的网站竟然也非法进行了转载，通常情况下政府网站在搜索引擎中的权威度是非常高的。

结果是，我的原始文章被搜索引擎惩罚了，至今在百度上找不到我的文章地址了，而Google前几天才重新索引了我这篇文章，其余时间网站的排名都被上面那些主流门户网站抢走了。

从内容上说，个人博客的内容远远无法和主流门户网站相比，主流门户网站拥有自己的编辑团队和营销团队，具有足够的资源和能力输出更好的内容，而个人博客要写一篇好文章需要酝酿很长时间，每周能写一篇好文章已经算不错了，这就注定了个人博客是竞争不过门户网站的。

当然，个人博客也有自己的对策，就是要求门户网站删除复制的文章，但通常会浪费巨大的时间和精力，当被复制的文章累计到成千上万的时候，完成这种工作量通常是不可能的任务。

因此，Google要想在中文的互联网环境下实现对于原创内容识别的准确性，需要考虑使用专门针对中国特殊国情的特殊算法，否则，中国原创的博客群落将会逐渐被门户网站边缘化，走向自生自灭的可悲下场，最为可悲的是，中国最大的搜索引擎百度对于原创内容的识别几乎是一片空白，这也使得当前中国的互联网的环境显得异常恶劣。

谭砚耘@用户体验与可用性设计-科研笔记

谭砚耘 （TOTHETOP至尚国际 ）

http://www.webusability.cn/observation-negative-emotions-discovering-user-truly-requrement-via-user-usability-testing-1080/

希望交流，请发送邮件到 tanyanyun/at/163.com 别忘了修改小老鼠

下文提到关于缓存和设置Expires Header的知识，可以参见《WPO基础：不同操作系统下如何设置Expires Header》《WPO基础：浏览器缓存、条件GET请求和Expires Header》

Steve Souders在大半年前通过HTTP Archive的一次统计，一些有趣的数据：

• 图表生成时间：2011年4月
• 纳入统计的网站：世界排名前1.7万个网站（可粗略理解为世界最大的1.7万个网站）
• 无缓存资源 vs 有缓存资源：59% vs 41% （这个比例有些偏高，正常网站的图片、js、css一般在70%以上，都是可以缓存的）
• 较长过期头 far expires header：24% (超过一天的)
• 超长过期头 far far expires header：3% (超过365天的，仅3%!  WPO的意识还没有深入人心，起码大多数网站主忽略了这个重要步骤)

Steve举了一个形象的例子，按照这1.7万个站点的统计，网页（多数是首页）会有81个组件，按照上面的统计，只有33个组件有缓存，而48个组件没有缓存。也就意味着用户每次访问，都至少发送48个http的完整请求，耗费了大量时间。33个缓存的组件中只有19个组件添加了超过一天的过期头，意味着第一天的访客第二天来访问网站的时间，会加载至少48+19=67个组件。这的确是很大的浪费。

添加缓存，添加超过1天的长过期头——这只是WPO性能优化的一小步，就可能使用户第二次访问减少超过70%的组件下载，大大提升第二次访问速度。可惜做到的网站并不多。WPO不是大企业的专利，不是拥有前端团队才能享有的奢侈品。中小企业只要做到几条简单的原则，同样能够获益！

作者: 谭砚耘@用户体验与可用性设计-科研笔记

谭砚耘 （TOTHETOP至尚国际 ）

版权所有。转载时必须以链接形式注明作者和原始出处

http://www.webusability.cn/wpo-statics-few-website-resouce-cacheable-or-expires-headers-883/

如果你希望与作者交流，请发送邮件到 tanyanyun/at/163.com 别忘了修改小老鼠

javascript在WPO（网页性能优化）中的作用不容质疑，甚至很多情况下，为了优化用户速度体验，首要的选项就是优化javascript。

如果页面不包含js脚本，访问时间将缩短1/3

steve做了一个实验，将alexa的前100位排名的网站首页，使用webpagetest测试速度。第一次测试时，不屏蔽页面的JS代码，也就是正常打开。第二次，屏蔽所有外部javascript脚本，然后打开首页。屏蔽的方法是使用webpagetest的“block”功能，输入“.js”就可以屏蔽所有js脚本（有一篇相关文章《怎样通过webpagetest制作js阻断视频》大家可以参照一下）。

steve总共测试了100个网站，测试结果如下图。包含js脚本时，网站首页平均打开的时间是3.65秒，不含js脚本时打开时间是2.487秒，大约节省了1/3时间。当然这并非一个完美的测试，因为一些外部脚本不使用.js后缀，另一些页面内脚本也无法屏蔽，不过1/3的时间节省也是相当可观的。

笔者思考：一个页面如果节省1/3的载入时间，将会大大提升用户浏览体验。虽然js代码经常是不可少的，但至少我们应当尽量在可能情况下减少外部js代码。或者使用异步调用优化渲染，避免js阻塞。

浏览器对异步调用外部js脚本的支持

google analytics的部分代码如下

var ga = document.createElement(‘script’);
ga.type = ‘text/javascript’;
ga.async = true;
ga.src = (‘https:’ == document.location.protocol ? ‘https://ssl’ : ‘http://www’) + ‘.google-analytics.com/ga.js’;
var s = document.getElementsByTagName(‘script’)[0];
s.parentNode.insertBefore(ga, s);

上面谷歌分析代码就采用了异步调用方式，动态创建了script元素，加快载入时间。这是异步调用js组件的其中一种方法。

在上面代码采用了insertBefore()方法，一部分浏览器不能很好的支持这个方法，无法真正实现“异步”的意义。也就是说，对某些浏览器，如果第一个异步脚本加载耗费很长时间的话，也会影响到其他的脚本执行。所幸的是，新版本的浏览器大多数都支持async=true 这句话，可以避免脚本阻塞。

下面是一个实验，载入两个异步脚本，看看在含有async=true和不包含async=true下不同浏览器的支持情况。看看测试结果：

我们看第二列，使用了async=true，绝大多数浏览器都支持，除了Opera系列的几个浏览器。绿色是没发生阻塞的，红色是发生了阻塞的。

再看看第三列，没有采用async=true，不支持的浏览器多了OmniWeb和firefox 3.0两中浏览器。

笔者认为上面的结果反映了这样的结论：无论是否添加async=true，目前大多数主流浏览器都支持异步脚本的优化，不会产生阻塞情况。但顺手添加一句async=true，就能支持更多的浏览器。

另外从第四列，我们能看到异步加载与onload事件之间的关系。onload事件是用来判断页面是否完成加载，当然应该包括异步加载的脚本文件。举个例子，网页中包含了一段谷歌分析代码外部脚本ga.js，可能网页主体内容已经加载完成了，但ga.js还在慢慢加载，浏览器应该能正确判断出目前整体网页还没有加载完，不会触发onload事件。而事实怎样呢？——很多浏览器无法正确判断异步加载的完成时间，甚至包括ie6/ie7/ie8/ie9浏览器。

结论：如果你的网站包含了异步加载的脚本，那么使用onload事件时需要留心，可能不同浏览器触发onload脚本的条件是不同的。

作者: 谭砚耘@用户体验与可用性设计-科研笔记

版权属于: 谭砚耘 （TOTHETOP至尚国际 ）

版权所有。转载时必须以链接形式注明作者和原始出处

http://www.webusability.cn/2-wpo-experiment-about-javascript-1150/

如果你希望与作者交流，请发送邮件到 tanyanyun/at/163.com 别忘了修改小老鼠

评测购物搜索引擎的好坏, 无非是从三个方面看:1 搜索功能的完备性; 2 搜索质量的好坏; 3 易用性. 目前国内绝大部分的B2C网站, 都或多或少模仿了淘宝搜索, 从功能上看也都大同小异. 本文在介绍功能时也着重介绍功能本身的细节和质量. 本文主要从下拉提示, 导航, 和搜索结果的相关性三个方面来评估几个B2C网站的搜索, 也从一些细节和笔者的体验上做了总结. B2C商家这次选了京东商城, 当当网, 卓越亚马逊, 凡客诚品, 易讯网做对比.

1.下拉提示以及模糊搜索功能对比：

一个好的下拉提示可以大大的缩减用户搜索商品的时间,可以给用户以提示功能提高搜索效率.我试了下,易迅网,当当网,凡客诚品,京东商城,卓越都会有下拉提示出现,输入关键字拼音也会出现提示,比如在易迅网输入:nuojiya，那下拉提示中会出现诺基亚的提示，这个功能在对比的5个网站中都体现了，但是，从截图可以看出只有当当和凡客出现结果数提示功能。当你仍是拼音点击搜索的时候，只有当当，卓越，京东出现模糊搜索的功能，会根据关键字拼音出现你可能寻找的宝贝，而易迅和凡客不支持该功能

2.导航分类对比：

由于当当和卓越在卖书上有优势，而京东和易迅又在3C上有优势，凡客在服装上有优势。所以我先挑一个各自网站的优势项目进行搜索测试，京东和易迅网上我搜索的是台式笔记本,是按照导航分类提示直接点击的,很方便就找到了,而且可以从表中看出,京东和易迅网的分类比较细致齐全.

我要找的书是公务员考试类,按照首页智能导航直接点击进入,当当网和卓越都需要点击2次,切换2个页面才能到公务员搜索结果页,而且当当的提示更容易被用户找到,从表格截图可以看到当当的导航分类比卓越的要细致多.

5个网站中搜索结果宝贝的数量提示只有京东有显示这个功能.

3．选择query对5个网站的搜索结构首页相关性排序进行评测:

我选择的5个query覆盖了美容护肤，箱包，家居生活，家电，女装，数码等几个常用的query

从中可以看出卓越，当当在商品种类和商品数量上存在很大的优势。同时卓越和京东也比较丰富。凡客和易迅宝贝数量则比较少且其偏重点比较明显，凡客偏向于服装类，易迅则偏向于家电和数码。

选择服装的时候，比如连衣裙，凡客存在款式和季节性的优势，出现的连衣裙是适合当季潮流的，但是当当和卓越的确还是夏季的。更新度没有赶上凡客。

易迅网和凡客在优势的产品上做的搜索筛选功能非常细致，而在没有优势的商品上搜索的筛选却很粗糙，偏向性比较强。总体来说，除了卓越亚马逊在各类商品搜索筛选功能比较丰富，当当和京东则比较单一。

4.总结：

总结:个人感觉卓越亚马逊的搜索相对于其它4个网站比较具有优势，筛选功能比较多，商品数量虽然没有当当多，但是还是很丰富了。基本能满足用户的搜索需求。

京东和当当各方面搜索表现一般，能够基本用户的搜索需求，在简便性以及怎样能够让用户更快的搜索到宝贝的问题上可以进一步优化。

凡客和易讯网的优势产品很明显，但是搜索上存在一个比较大的不便，按关键字搜索不出现搜索筛选功能，直接类目搜索可以出现搜索筛选功能。比如，在易讯网，笔者直接键入query“汽车座套”时会显示没有找到相关产品，但是从所有商品分类下直接点击进入“首页 > 汽车、保养、装饰 > 汽车装饰 > 汽车座套 ”则能够搜索到。

各个网站的优缺点各有不同,综合看来,卓越亚马逊，当当网以及京东商城在搜索上已经做到能基本满足用户需求了。但是和淘宝网相比，这些网站尚有不足以及待改进的部分。易迅网和凡客诚品的偏向性非常明显，主营产品具有竞争优势，作为一个消费者我更愿意选择综合体验比较良好的网站购物.  原文链接

谭砚耘@用户体验与可用性设计-科研笔记

谭砚耘 （TOTHETOP至尚国际 ）

http://www.webusability.cn/search-function-review-for-b2c-websites-1314/

如果你希望交流，请发送邮件到 tanyanyun/at/163.com 别忘了修改小老鼠

当然对于大中型企业、互联网企业、电子商务企业，20%的SEO基本工作还不足够。

SEOer的基本工作到底有哪些呢？随着时间的变迁，对于SEO职责的定义也在变化。先看看1999-2003与2444~2008年的SEO职责变化：

可以看出，1999~2003年的工作职责，基本覆盖了传统SEO的大部分工作。而2004~2008年，搜索引擎的技术进步带动了xml sitemap、nofollow策略、canonical标签、页面噪音干扰防范（见《去除页面底部链接噪音》一文）、“贫瘠”内容页面防范、链接难度分析等手段的出现；同时社会化媒体的出现，带动了对博客、问答、文章营销、新闻推广等新方法的出现；媒介方面，除了网页、图片之外，还多出了视频、购物（如比较购物、google products）、新闻等。

下面再看看2011年SEO工作的新定义：

上面图片所描述的职责范围与2004~2008版本基本相同，但分类方式和重点却产生了很大的变化，社会化媒体部分的重要性大大提升，包括了：社区信息管理，社会化媒体推广，社会化网络建设，信誉管理四部分。也就是社会化媒体原来仅仅是增加外链和影响度的辅助手段，如今则自成体系并不断扩张。

内容来源：randfish在seomoz的文章

作者: 谭砚耘@用户体验与可用性设计-科研笔记

版权属于: 谭砚耘 （TOTHETOP至尚国际 ）

版权所有。转载时必须以链接形式注明作者和原始出处

http://www.webusability.cn/seo-responsibility-changing-in-ten-years-1142/

如果你希望与作者交流，请发送邮件到 tanyanyun/at/163.com 别忘了修改小老鼠

恬美整形美容医疗集团     域名：tmBeauty.cc

——“华南整形美容第一机构”

——中国整形美容行业的领军者。

恬美医疗设有乳房活力整形、五官设计整形、医学智慧美肤、抗衰除皱塑形、活力口腔管理、中医时尚美容等特色科室，上百个医学美容项目，并巨资引进美国C6祛斑仪器、王者风范仪器、德国原装进口body-jet吸脂仪器、日本原装人体成分测量仪、红外乳腺检测仪等高端医学整形设备。

: )  上面这家医疗机构是不存在的，是俺虚拟的……

谭砚耘虚拟了恬美医疗，作为我的 大网站百度搜索推广的SEM精算 系列文章的主角。系列文章围绕着恬美医疗如何通过百度搜索推广及百度网盟推广，进行精准的SEM投放和调整，最后达致更好的转化率CR和投资回报率ROI。文章列表：

• 大网站百度SEM精算 理解新凤巢
• 大网站百度SEM精算 设置百度账号
• 未完待续……

所以，要整形美容的朋友，自己上百度搜索……

觉得 TMBeauty.cc 这个域名不错的朋友，快点去抢注吧，还没注册呢……

有兴趣聊聊大百度账号SEM推广的朋友，欢迎发送邮件给 tanyanyun/at/163.com  请将/at/更换成老鼠

IT男经常被描述得相当悲催。

钞票少、工作苦逼，都是原因。

还有重要一点：在这个“要不推倒 要不拉倒”的泡妞难度系数极低的年代，很多IT男还是形单影只，举杯邀明月对影成三人。

今天拿到《黑客与画家》，发现作者保罗.格雷厄姆 简直就是IT男的人生规划师。保罗创立了数家IT公司，并几次卖了上千万美金给风投或者硅谷大公司。然后自己组织了创业基金，扶持上百创业项目，拿到风投的几率超过80%。整本书就是他对广大受压迫受歧视受苦受累的苦逼程序员的建议和指引，入情入理丝丝合扣，说道理很直白但绝对不肤浅。阅读感受很舒畅，如果你在大马路上看，可能会大笑出来，让路人莫名其妙。

书的内容很广泛，而且绝对都是大菜，比如：

1. 教导程序员要树立信心——你们都是艺术家；

2.  教你如何利用技术发财；

3. 教你如何建立自信心，别怕权威

4. 教你如何防垃圾邮件

5. 教你如何创业

6. 甚至还教你了一些编程技术

书名中的“黑客”的英文意思是 hacker，按照1960年出现这个词的时候是褒义词，意味着这种电子计算机技术、挑战权威的新人类。

而另外一种黑客，就如csdn密码门的“黑客”（英文cracker），意思是入侵者，为了利益而行窃。

真正的hacker不屑于小偷小摸，但部分hacker也会侵入系统，不是为了利益，而是为了挑战门锁，仅此而已。

很少思想教育课不沉闷，保罗做到了。

举个例子，引用书中序言的一个片段：

我们还要遗憾的告诉读者，微软公司的公关顾问在读完第五章后，不同意授权我们使用他们手中的比尔.盖茨照片。我们因此要感谢新墨西哥洲阿尔伯克基市警察局提供的第89页上的替代照片。

注：1977年22岁的比尔因无证驾驶或超速，在局子里的照片。

好书，8年前就该看，不过那个时候只有英文版。2010年中文版推出，亚马逊购买链接

作者: 谭砚耘@用户体验与可用性设计-科研笔记

版权属于: 谭砚耘 （TOTHETOP至尚国际 ）

版权所有。转载时必须以链接形式注明作者和原始出处

http://www.webusability.cn/hackers-and-painters-a-book-it-guy-should-read-8-years-ago-1113/

如果你希望与作者交流，请发送邮件到 tanyanyun/at/163.com 别忘了修改小老鼠

WPO的14条军规中包含一条“将JS脚本放到页面底部”，这是基于“渲染第一，JS脚本第二”的原则。

用户访问网页的速度感来自于页面呈现的速度，为了实现这一目标，JavaScript代码需要尽可能被延后。

Steve在《高性能网站建设进阶 Even Faster Web Sites》中撰写“无阻塞脚本”一章，用了整整一个月的时间。作者做了大量的研究，最先在MSN上，后来在Google, Facebook和Meebo，大多数JavaScript组件使用异步加载的方式。

JS脚本异步加载的好处是，浏览器下载脚本时不会发生阻塞，但带来了另一个负面因素：这些脚本在执行的时候，仍然会阻碍页面的呈现。也就是说异步加载虽然解决了下载阻塞，但没有解决渲染阻塞。

如何做到在下载和渲染都不发生阻塞呢？这是Steve其中的一个研究方向。不过这可是个系统工程，涉及浏览器创新、网页开发新技术和很多基础的东东。因为难度很大，很多人不看好，持异议的观点包括：

JS脚本执行过程太复杂

这一论点是：JS脚本是一门强大的语言，人们会用各种古灵精怪的方式使用它。一股脑儿的延迟所有JS脚本，会让很多网站出错。Steve建议大家使用Opera浏览器的“JS加载延迟 Delayed Script Execution”功能，如果用了之后网站没问题，那么就放心大胆的将脚本放到底部。实际上我们测试一下Gmail和Facebook就会发现没问题。当然也许很多其他网站会出问题。（起码笔者知道使用JQuery的很多页面，如果把JS脚本放到尾部，通常会出错。）

将脚本放到页面底部，会使让网页变得更慢。

这里涉及一个定义，什么叫慢网页。在用户速度体验的角度，看起来慢的网页叫做慢网页。如果一个网站的总加载时间长，但能够很快开始渲染，很快让访客看到页面有内容不断出来，用户会感觉到快。所以我们追求的不是网页实际加载速度，而是网页渲染速度，用户体验速度。

以上的原则，就是渲染第一、脚本第二。

作者: 谭砚耘@用户体验与可用性设计-科研笔记

版权属于: 谭砚耘 （TOTHETOP至尚国际 ）

版权所有。转载时必须以链接形式注明作者和原始出处

http://www.webusability.cn/wpo-render-first-js-second-892/

如果你希望与作者交流，请发送邮件到 tanyanyun/at/163.com 别忘了修改小老鼠

文章中的“界面”应该不仅是网页，也包括软件、媒介、包装的界面。

2007年的文章，依然有指导意义。我们看到太多词不达意的界面文字，这篇文章告诉我们简单有效的规则，避免大多数界面文字的可用性错误。

1、界面最终表现给用户的其实只有两个内容：视觉、文字。

2、Consumerwebwatch.org 的报告显示，视觉设计占整个体验的46%。虽然我不是很赞成这个说法，但对于产品的初体验来说这个比例一点也不夸张。
那么文字部分应该是占多少呢？(未能找到什么有说服力的数据报告)我认为：接近30%.

3、OK，现在不再提大而话之的理论和感念，具体在一个创业公司的小团队中：

我们没有可能专门招一个人做文字优化、没有可能界面上的每一个字都经过不停的推敲、更不可能马上就建议一套系统的”界面行文规范”，如何做好界面上的文字工作？

4、我的建议：

4.1> 首先，在现有团队中找一个语言表达能力好、有耐心的女孩（最好是女孩）来”负责”。

这个”负责”并非是所有界面上的字都需要她来写，只需要做监督和出口的把关以及经验的总结即可。

以”文字是否容易阅读、是否能准确表达信息、是否能够准确的传达产品气质”为其工作的基本原则，以”让所有在界面上写字的人具备一致的风格和文字表达能力”为其工作目标。

4.2> 第一步，由产品管理者总结产品应该传达给用户的”形象和气质”，作为关于文字工作的基本准则。（比如，Robin提出百度的产品气质是”简单，可依赖”）。

“负责人”根据这个准则，再去翻翻书或者看一些关于界面文字表达基础原则的文章，总结出自己产品一些大原则的”行文风格”。

（因为是’行文风格’，所以无需太具体，一般在WORD上不超过二页即可，尽量简洁以免耽误应用的效率和质量）

比如：（以下是某项目中的部分段落摘抄，切勿照搬）
“说明性和提示性的语言不得超过两行，不超过50字”
“界面上不得体现大片的专业术语作为帮助信息”
“保持文字的一致性，本产品界面中所有和ID相关的信息都叫’帐户’，..”；
“使用通用语言，不搞一些特殊化的文字，让用户一眼就能看懂”
“保持语言的简洁，既定事实不做重复。如，’你的好友列表中没有好友，请立即添加’改为’立即添加好友’，….”；
“如果系统出错，则明白准确表述错误，同时以积极的语调给出建议。如，’抱歉xxx，您可以xx再试一下’，….”；
……..

4.3> 第二步，让所有在工作中需要撰写界面文字的同事熟悉该”行文风格”。

每一个往界面上写字的人都要很清楚自己写出去的字是否符合这个”风格”。

杜绝这种现象：

不同的技术人员各自按照自己的”风格”在界面上写字，今天你写”对不起，你还没有登录。”，明天他写”抱歉，还没有登陆吧？”，后天她又写”哎呀！我们好像还不认识你耶，赶快登录吧…”

4.4> 第三步，在执行”行文风格”的初期(一般需要两个星期)，每一个确定后的界面都交给”负责人”审核。由其修改并指出问题，同时对一致的问题做出书面总结，慢慢整理成书面的统一”行文指南”。

“规范是在工作中慢慢形成的，并不是一开始总结好的“，其实这个审核和总结的过程不用花费太多时间，三个人一个星期完成的界面只需要三个小时应该就能审核完所有界面上出现的文字。

这个”指南”一般会比较具体。

比如，就算确定了”表达要简洁，语言要直白不用问句，风格不要过于卡通或显’幼稚’”，这时一样有可能出现”对不起，你还没有登录。”、”抱歉，请马上登陆”、”登录后才能进行操作，请赶快登陆吧”等不同语言。那么在这个阶段，文字的负责人就可以给统一的总结成一种了。

4.5> 第四步，经过一段时间的”审核”和”规范总结”基本上产品的文字就可以有完善的统一指南了。

一般情况下，不超过一个月一个创业产品的系统性的文字风格和规范就可以形成了。这之后”文字工作负责人”的工作除了简单过一眼要展示出去的界面，基本山已经不需要做什么类似工作了。

这个时候，其实规范不规范已经不是最关键的了，可贵的是”所有在界面上写字的人都有了统一的行文风格和习惯”，我们的界面文字越来越专业友好。

5、最后，按照我上面的方法算一下成本：（创业团队里面，很多事情都牵连在一起的，这里未算管理成本）
一个文笔好的女孩”负责”：假设她的薪水是4000，这个工作需要占据他20%的工作时间，那么是800；
会直接在界面上写字的假设有4个（20人产品团队）：假设他们的薪水是5000，这个工作平均需要占据他们5%的工作时间，那么总共是1000。
一个月的总共成本：1800。

6、文字是产品情感传达的一个重要因素，特别是互联网产品，需要保证用户在不同情景中的角色感，需要迅速高效的转达准确信息。中文的世界上一些糟糕的文字表达屡见不鲜，啰啰嗦嗦的风格尤为突出。

可以说，这个小区域现在还是竞争的空白，如果你解决了这个问题，那么用户给你的分数是别人没有的。很值…

谭砚耘@用户体验与可用性设计-科研笔记

谭砚耘 （TOTHETOP至尚国际 ）

http://www.webusability.cn/products-interface-words-optimisation-user-experience-design-1072/

如果你希望交流，请发送邮件到 tanyanyun/at/163.com 别忘了修改小老鼠

单渠道通路分析，在老版本的google analytics已经存在，很多电子商务网站都使用过，如下图：

这就是常说的可视化通路（或者叫转化率漏斗），4887个用户将商品放入购物车，最后854个用户购买，购物流程的转化率是17.47%。超过80%的用户，在购物过程中流失了。通过这个漏斗，我们可以分析购物流程哪个环节出了问题，然后改造对应的页面，提升用户购物体验，从而达成更高的转化率。

上面的可视化通路被称作单渠道通路，对于网站本身的UED（用户体验设计）很有用。那么有没有一种方法，能够帮我们分析出各种推广渠道的效率和效果呢？一个更直接的问题是：我的EDM电子邮件营销的效果好，还是Google Adwords的效果好呢？或者我该尝试一下社会化媒体facebook？——这就是多渠道通路解决的问题。

多渠道通路谷歌的介绍文字

https://support.google.com/analytics/bin/answer.py?hl=zh-Hans&answer=1191180&topic=1191164&ctx=topic

引用上面文字的定义：

在 Google Analytics（分析）中，转化和电子商务交易会在访问者完成转化后计入引荐该访问者的最近一个广告系列、搜索或广告。但是，在此之前的网站引荐、搜索字词和广告对此次转化有何贡献？访问者从最初表现出购物意愿到最终决定购买，经历了多长时间？

“多渠道路径”报告可以为您展示各营销渠道（即网站流量来源）如何共同发挥作用来实现销售和转化，从而解答这些问题和其他问题。

例如，许多人可能会在 Google 上搜索您的品牌后，进入您的网站进行购买。不过，他们可能是在阅读博客文章时发现了您的品牌，也可能是在搜索某些产品或服务时发现的。利用“多渠道路径”报告，您可以了解先前的引荐网址、搜索字词以及在其他渠道的展示对您的销售有何帮助。

我们结合几个实例来看：

上图是多渠道通路的总览界面，位于“转化”-“多渠道通路”-“Overview”

上图的数据可以看出，73.55%的实际购买用户，都是通过自然排名到达的。42.32%的用户，通过直接访问网址的方法到达的。两者加起来超过100%，因为有交集（见红色框）。交集部分有19.9%用户。从这个图可以直观看出购买用户的来源情况。

而在老版本的谷歌分析中，如果一个用户有了购买行为，你只能从数据中观察到这个用户这一次购买的进入途径。举例：某用户第一次在google搜索“cheap gadgets free shipping”，进入了 buyonme.com 网站，然后收藏了这个网站。两天后，该用户通过收藏夹再次访问buyonme.com，然后下了一个订单达成预设转化目标，老版本GA只能统计这个目标来自于Direct Visit，而新版本GA可以追溯历史，判断这个转化目标的实现与当时的搜索有关。

再看看更直观的一个图：

上面的图显示了实际购买用户的购买路径。

排在第一位的是单次自然排名搜索用户，第二位的是直接访问用户（包括收藏夹访问），第三位是用户两次通过搜索引擎自然排名搜索后购买，第四位是用户先搜索找到网站第二次通过收藏夹或直接输入网址产生的购买。

以上数据，对于广告投放策略以及用户购买行为分析，非常有用。

作者: 谭砚耘@用户体验与可用性设计-科研笔记

版权属于: 谭砚耘 （TOTHETOP至尚国际 ）

版权所有。转载时必须以链接形式注明作者和原始出处

http://www.webusability.cn/google-analytics-multi-channel-funnels-800/

如果你希望与作者交流，请发送邮件到 tanyanyun/at/163.com 别忘了修改小老鼠

而新浪本身的模板设置、版面设置，也不允许用户自己屏蔽没用的栏目。

于是做了不太厚道的事情，利用CSS样式表和谷歌Chrome浏览器的Stylish插件，封掉广告和花边新闻，还我微博本色。

先看看没处理之前的微博截图（红色框代表将要干掉的部分）

再看看处理后的效果图

处理后的微博，做了如下改动：

1. 去掉了左侧的无关应用

2. 去掉了右侧的无关应用和广告

3. 去掉了页面上方正中的banner

4. 去掉了页面底部的导航

5. 将微博内容部分从原来的500多像素拉长到800像素，更加方便浏览信息。

如何做到呢？让我们一步步来：

第一步：要安装google chrome浏览器

第二步：打开浏览器，进入工具——扩展程序——搜索stylish

第三步：安装stylish，进入stylish设置菜单，创建新样式

第四步：利用css知识，写入css代码，将不想要的部分都设置成{display:none}

不懂css的话，可以照抄我的这个：

/*-- 修改页面布局 如果你的显示器分辨率小于1024，就改一下下面的宽度 --*/
.W_main_narrow {width:1000px; text-align:center;} /* 页面整体宽度 */
#plc_main {width:1000px; text-align:center;} /* 同上 */
.W_main_narrow_bg {width:1000px; text-align:center;} /* 同上 */
.B_index .W_main_c, .B_my_profile .W_main_c, .B_my_profile_other .W_main_c { padding: 0; width: 800px; text-align:left; } /* 微博栏宽度 */
.W_main_r { text-align:left; } /* 微博右侧栏宽度 */

/*-- 右侧左侧隐藏广告 --*/
#pl_content_mood {display:none;}
#pl_content_homeInterest {display:none;}
div[id*="ads"] {display:none;}
#pl_relation_recommendPopularUsers {display:none;}
#pl_content_interestgroup {display:none;}
#pl_leftNav_game {display:none;}
#pl_content_allInOne {display:none;}
#pl_content_pullylist {display:none}
#pl_common_help {display:none;}
#pl_common_noticeboard {display:none;}
#pl_common_feedback {display:none;}
#pl_leftNav_common .border:nth-child(3) {display:none;}
.declist {display:none}

/*-- 右上角隐藏模板设置三角 --*/
a[title="模板设置"] {display:none}

/*-- 屏蔽页面中的广告 --*/
div[id*="ad_"] {display:none;}
#base_scrollToTop {display:none;}
.layer_tips_bg {display:none}

/*-- 屏蔽页面底部新浪链接 --*/
.global_footer {display:none;}

完成后，在“应用到”下拉菜单中选择，“以指定地址开始”，然后输入你的微博地址的开头部分，比如笔者的

http://weibo.com/tanyanyun

然后保存，回到新浪微博，刷新，马上看到你的微博变得清爽多了。

这种屏蔽新浪广告的方法有点不厚道，纯属个人科研兴趣，大家别大肆宣传了 : )

说多两句，从 可用性的角度考虑，新浪不断在微博中添加各种元素（包括新功能和各种软硬广告），也许是不明智的。如果你两年前到现在一直使用新浪微博，会发现除了广告以外，还添加了大量社会关系网络的元素，这种做法冲淡了微博自媒体的定位和优势。

微博作为个人信息发布中心，也是一个个人信息接收中心，通过共享信息形成一个社会网，但微博不是facebook，不是开心，不是校内，不是xing，不是linkedin。微博是一种比普通SNS更弱的社会关系网络，普通人通过加粉、评论、转发的方式，似乎与姚晨、李开复这样的名人平等交流，这是微博的魅力。如果过于强调交友、熟人网络、朋友互动，反而会让微博走偏。

新浪希望微博承载更多东西，所以不断往里面添加内容，添加功能。如果这些功能都是应用的形式，谁愿意谁安装，倒没什么问题。但如果一味在版面上添加新功能，强化社区交友追星微群微活动，感觉有点四不像。

广告是经济来源不能没有，但占用版面的硬广告太多，会影响用户体验。微博本身就是承载广告最好的实体，加上微博用户详细的注册资料，新浪完全可以主动推送个性化的微博广告。

说多了几句。有兴趣的朋友，可以试试上面的方法。

作者: 谭砚耘@用户体验与可用性设计-科研笔记

版权属于: 谭砚耘 （TOTHETOP至尚国际 ）

版权所有。转载时必须以链接形式注明作者和原始出处

http://www.webusability.cn/simplify-your-weibo-sina-microblog-interface-1086/

如果你希望与作者交流，请发送邮件到 tanyanyun/at/163.com 别忘了修改小老鼠