使用新凤巢进行百度推广的第二步：进行账号设置。这是很基础的一步，用过百度的人大都了解，但不是每个点都能考虑到。在本文做一个简单说明。 同时为了以后方便，虚拟了一个不存在的医疗连锁机构做例子： 集团名称：恬美医疗 集团简介：是一家广东省知名整形美容连锁机构，业务以医学美容为主 官方网站：www.tmbeauty.cc 恬美医疗总站，主要产品服务站 账号设置包括如下内容： 建立百度推广账号 了解目标推广人群 确定初期推广预算 初步确定推广地域 初步确定推广时段 预设雷区和警戒线 一. 建立百度推广账号 有人说这个简单啦，直接交钱给百度不就得了？ 实际上要考虑的问题还包括： 1. 使用哪家公司名义注册账号 百度搜索推广，会审核公司名称。也许某些企业拥有数家公司，要使用合适的公司名，才不至于给以后带来麻烦。 比如恬美医疗，旗下公司：恬美集团公司（总部），广州恬美医疗，深圳恬美医疗，恬美贸易（美容医疗器械贸易） 如果使用集团公司开通百度推广账号，以后使用集团旗下其他公司开通新账号，可能就会审核被拒。 还有一种情况，深圳恬美医疗 代理了韩国的一款抗皱产品。如果你用了 广州恬美医疗 注册的账号推广这款抗皱产品，有可能会涉及到侵权问题。这看起来很搞笑，两家兄弟公司凭啥不能卖同一款产品呢？你不要小看了百度推广上面的同行竞争对手，他们天天盯着你的关键词，不仅经常恶意点击一下，还会查找漏洞，然后向百度投诉。这种事情经常发生。 2. 使用哪个域名 首先当然应该使用简短好记的域名。 另外，你的域名需要和品牌形成一定的记忆叠加效果。看看恬美医疗有哪些域名： www.tmbeauty.cc 恬美医疗总站，主要产品服务站 www.tmbeauty-sz.cc 恬美医疗深圳站，深圳分公司网站，主要产品服务站 www.tmbeauty-gz.cc 恬美医疗广州站，广州分公司网站，主要产品服务站 www.tmgroup.cc 恬美集团官网 www.tmbeauty-med.cc 恬美贸易 如果推广的目标群体是个人消费者，前三个都是合适的。如果为了长远打算，第二个和第三个地区性太强，消费者可能会感觉到这只是一家地区性的医疗机构。可以考虑另外注册多几个没有地区标记的域名。当然，如果你的目的性非常明确，就是面对广州的美容消费群体，那么增加地区性也没有坏处。 3. 使用哪个网站 一些公司会有多个网站。如果你的消费者主要是广州的用户，那么网站中广州的联系电话需要放在最醒目的位置。 网站首页也应该包含一些广州地区的个性化信息。 二、了解目标推广人群 请注意，这里用了“了解”，而不是“确定”或“明确”。 对 恬美医疗 来说，目标推广人群的大方向是有的，就是广东省（主要是广州深圳）的爱美、爱上网并有消费能力的女士。 但这个人群的特点是什么呢？ 她们的网上行为是怎样呢？ [...]
先来几个名词解释： 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排除，批量设置否定关键词和批量推广时段设置。 还有一个特色功能：查找重复的关键词，也是网页版没有的。 [...]
WPO实例：纯文字网站的前台和后台WPO
二 20
帮一个朋友的网站 www.dirs.cn 做WPO优化。这个网站提供DNS解析、WHOIS查询、MX和A记录查询等免费服务。为什么要做WPO呢，因为网站经常出现很慢的情况，有的时候网页打不开。 笔者使用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区添加如下代码 <link href=”/content/images/favicon.ico” rel=”icon” type=”image/x-icon” /> <link href=”/content/images/favicon.ico” rel=”shortcut icon” type=”image/x-icon” /> 为什么放在/images目录，而不是根目录呢？images目录有200天的expires [...]
爷孙俩救了一只雏鹰
二 18
几天前，牛牛和他爷爷在乡下家旁边散步，看到别家阳台上用尼龙绳倒吊着一只雏鹰，忽闪忽闪翅膀，快没气了。估计是那家小孩从哪里抓来的，玩一会厌了，就丢在那里自生自灭。 爷孙俩想办法去解绳子，高度够不着。于是回家拿了竹竿，上面绑了刀子，申上去把绳子割断，救了雏鹰。 刚回家那会儿，雏鹰不怎么吃东西，也站不起来，怕是活不了了。出乎意料，养了几天它先是能站起来，然后能吃东西，再后来能飞了。目前还待在我家院子里不走，估计这里有吃有喝人也不欺负它，不想走了。 来照片 我前天刚回乡下，走近它，它很不安随时准备要走的样子。这时牛牛走过来，用手摸它的头，它却很安静。 禽兽和人一样有灵性。 作者: 谭砚耘@用户体验与可用性设计-科研笔记 版权属于: 谭砚耘 （TOTHETOP至尚国际 ） 版权所有。转载时必须以链接形式注明作者和原始出处 http://www.webusability.cn/saving-baby-eagle-1268/ 如果你希望与作者交流，请发送邮件到 tanyanyun/at/163.com 别忘了修改小老鼠
通常我们都是针对某个目录来设置(在《WPO基础：不同操作系统下如何设置Expires Header》说明了如何设置 Expires Header） ，有一种情况，比如在网站的根目录中有index.php文件，也有favicon.ico 文件。我们不希望对index.php设置过期头，而希望对favicon.ico文件设置过期头，如何对某个特定文件设置 呢？ 对于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/ [...]
乡村演唱会
二 5
正月十三当晚，村里（汕尾市海丰县赤石镇金石寨村）自办音乐会。 当晚没人看电视，没人麻将，小店也关门了，都跑来大广场看音乐会了。 我去晚了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里看到数据将会是： 访问 转化 投放活动 1 1 [...]
无论是软件或网络产品，在正式推出前，会有产品（或产品原型）的可用性测试。 如何通过可用性测试，发现用户真实需求，从而持续不断改善产品呢？ 测试参与者完成测试后，如果让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 Performance by steve souders 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浏览器。 [...]
转发：B2C网站搜索功能评测
一 28
B2C是中国最先兴起的电子商务模式,2011年也是各大购物网站迅猛发展的一年,每个B2C网站都离不开搜索引擎,搜索引擎功能的完善和优劣直接影响用户的体验,甚至是整个购物网站的好坏.所以完善搜索功能给用户更好的搜索体验已经成为各B2C网站所重视的项目.这边挑选了几个在电子商务中占有大份额的电子商务网站进行评测对比,来观察各网站在搜索引擎方面的优劣 评测购物搜索引擎的好坏, 无非是从三个方面看: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 别忘了修改小老鼠
SEO理论: SEO职责在10年内的演进
一 24
对于小型和微型企业（比如说：100人以内的非互联网企业）来说，完成了20%的SEO基本工作，就会达成80%的效果。 当然对于大中型企业、互联网企业、电子商务企业，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 别忘了修改小老鼠
在找恬美整形美容医院？
一 23
恬美整形美容医疗集团 域名：tmBeauty.cc ——“华南整形美容第一机构” ——中国整形美容行业的领军者。 恬美医疗设有乳房活力整形、五官设计整形、医学智慧美肤、抗衰除皱塑形、活力口腔管理、中医时尚美容等特色科室，上百个医学美容项目，并巨资引进美国C6祛斑仪器、王者风范仪器、德国原装进口body-jet吸脂仪器、日本原装人体成分测量仪、红外乳腺检测仪等高端医学整形设备。 : ) 上面这家医疗机构是不存在的，是俺虚拟的…… 谭砚耘虚拟了恬美医疗，作为我的 大网站百度搜索推广的SEM精算 系列文章的主角。系列文章围绕着恬美医疗如何通过百度搜索推广及百度网盟推广，进行精准的SEM投放和调整，最后达致更好的转化率CR和投资回报率ROI。文章列表： 大网站百度SEM精算 理解新凤巢 大网站百度SEM精算 设置百度账号 未完待续…… 所以，要整形美容的朋友，自己上百度搜索…… 觉得 TMBeauty.cc 这个域名不错的朋友，快点去抢注吧，还没注册呢…… 有兴趣聊聊大百度账号SEM推广的朋友，欢迎发送邮件给 tanyanyun/at/163.com 请将/at/更换成老鼠
![[图片]](http://ww1.sinaimg.cn/large/785a2cdbjw1dqat2lq9s0j.jpg){kind=link}
![[图片]](http://ww2.sinaimg.cn/large/785a2cdbjw1dq93epfugej.jpg){kind=link}
![[图片]](http://ww3.sinaimg.cn/large/785a2cdbjw1dq6dan3ohmj.jpg){kind=link}
![[图片]](http://ww4.sinaimg.cn/large/785a2cdbjw1dq0l1pq8k0j.jpg){kind=link}
![[图片]](http://ww3.sinaimg.cn/large/785a2cdbgw1dpzqthsf5dj.jpg){kind=link}
![[图片]](http://ww1.sinaimg.cn/large/785a2cdbjw1dpye891wqmj.jpg){kind=link}
![[图片]](http://ww2.sinaimg.cn/large/6ba75546jw1dpvv9uby17j.jpg){kind=link}
![[图片]](http://ww3.sinaimg.cn/large/760cc351jw1dpqc3hrvdgj.jpg){kind=link}
![[图片]](http://ww1.sinaimg.cn/large/691ac57djw1dpsyvh19onj.jpg){kind=link}
![[图片]](http://ww4.sinaimg.cn/large/785a2cdbjw1dpsm0tt34hj.jpg){kind=link}
![[图片]](http://ww4.sinaimg.cn/large/785a2cdbgw1dprdgs7s86j.jpg){kind=link}
![[图片]](http://ww4.sinaimg.cn/large/785a2cdbgw1dpqkdbmr0oj.jpg){kind=link}