今天看了迅雷UED团队黄杠杠写的《页面重构做什么》，很不错的一篇文章，节选片段如下： 一般来说，接到一个新的需求，以简单的少页面需求为例，流程上可以简单分为几大阶段： 1. 查看设计稿，阅读需求文档、原型图； 2. 查看并分析设计稿，在脑中整理出粗略解决方案； 3. 切图、合并图片； 4. 书写HTML代码、CSS代码； 5. 检查浏览器兼容性； 6. 对比设计稿，检查还原度； 7. 开发联调修改，测试解bug，上线后再确认一遍页面无bug。 上面提到的5，对比浏览器兼容性，通常我们考虑IE Chrome FF三种浏览器。IE6在国内仍然有1/4市场，设计中需要加以考虑。在国外IE6用户则可以忽略不计。上面提到的6，对比设计稿，检查还原度，则经常被忽略。因为切图合并的过程中，可能会丢失重要的细节。 除了以上两点，页面重构的过程还应该考虑WPO和SEO的因素，当然需要和SEO、WPO专家配合工作。 要点包括： 1. WPO方面：使用css sprite技术，将常用的小图片合成到一幅大图中，减少图片请求次数。 2. WPO方面：将所有图片的主机名，定义为 img1.domain.com的形式，增加平行下载通道。 3. WPO方面：考虑CSS和JS的位置，CSS置入<head>区，JS尽可能放到页面底部。 4. WPO方面：考虑对外部JS脚本异步加载。 5. SEO方面：对于页面重点文字，加<h1><h2>标签，并使用css美化。 6. SEO方面：页面底部每个页面都有的链接，做消噪音处理。 7. SEO方面：对图片和链接，设置alt或title标签，可以预先留空 8. UED方面：设置favicon.ico文件 9. UED方面：手机访问测试。 10. UED方面：多种分辨率下的测试。800*600的分辨率可以不考虑。 11. WPO方面：所有图片都需要做无损压缩，定义图片的width和height 如果上述SEO WPO和UED的工作，在页面重构中完成，后续改动和优化工作就会很省力了。 作者: 谭砚耘@用户体验与可用性设计-科研笔记 版权属于: 谭砚耘 （TOTHETOP至尚国际 ）版权所有。转载时必须以链接形式注明作者和原始出处 http://www.webusability.cn/html-page-construction-with-seo-wpo-ued-1567/ 如果你希望与作者交流，请发送邮件到 tanyanyun/at/163.com 别忘了修改小老鼠
恶意点击，是所有搜索推广避免不了的事情。 非常幸运的是，经过央视多次的广告宣传，百度已经开始重视这个问题，并采取了一系列的改进措施。 包括在百度推广账户已经可以在醒目的位置查看到“搜索词报告”，并且可以设置“IP黑名单”。 不过无论是百度的各种报告，还是商桥，还是百度统计，都没有显示搜索用户的IP地址。而IP地址是判断用户是否恶意点击的最直接证据。如果广州某个竞争对手0.5小时搜索一次“广州整形医院”，一天点了你200元，也许百度判断为恶意点击并且过滤了，也许没有过滤，谁也不知道。而你看到这个关键词一天被点了20次，你只能看到地域是广东省，却判断不了是否同一个IP点击过来的。 IP地址的公开，是很多百度高级用户的共同心声，但百度的各种报告这么多年也不愿意提供，也是一个利字作怪。 那我们就没办法了么？这当然难不倒哥 只要你在网站安装另一个统计软件，比如cnzz，就可以看到IP地址。CNZZ还提供这样一个功能，可以看到某个IP在多长时间内通过什么关键词访问网站多少次，你可以拿着这张列表，找百度退款——当然流程是复杂的，过程是艰难的，申诉不成功的几率也是蛮大的。 得到IP地址，除了向百度申诉之外，还可以加入百度提供的IP黑名单。 呵呵，问题又来了。百度在每个账户只提供20个黑名单IP，加上推广计划的20个黑名单IP，总共只能排除40个黑名单IP。这似乎有些不够。不过想想，恶意点击你的账户的人，多数使用动态IP，你每次屏蔽，最多有效2、3天，对方IP就变了。 笔者的建议如下： 1. 屏蔽网上常用的代理服务IP地址，一般你的网站只是针对国内推广，你就搜索“国内免费代理服务器”，排在前三位的也是大多数人使用的，你抽查一下看看网站是否有这些IP的访问，如果有，一定是有人恶意点击。你就把这个IP相邻的国内IP都屏蔽了。有些推广账户，做了省份的地域限制，那么你只要输入广东省的IP，范围更小了。 2. 屏蔽竞争对手服务器IP。 很多竞争对手，除了自己办公室电脑，还会通过远程连接进入服务器，从服务器搜索你的广告来点击。你把最常见的竞争对手的服务器IP干掉。 3. 请专人每天查找可疑IP，添加进入列表 对于关键词上万的大账户，每年的推广费用不下百万，请一个员工每天定时收集一下IP，还是必要的。 作者: 谭砚耘@用户体验与可用性设计-科研笔记 版权属于: 谭砚耘 （TOTHETOP至尚国际 ） 版权所有。转载时必须以链接形式注明作者和原始出处 http://www.webusability.cn/prevent-click-fraud-ip-filter-baidu-sem-for-big-website-promotion-1349/ 如果你希望与作者交流，请发送邮件到 tanyanyun/at/163.com 别忘了修改小老鼠
有人问：网站不是早做好了么，有调整必要么？ ——回答：绝对有必要。并且要经常调整，以配合搜索推广策略。 网站着陆页是神马？对于百度推广而言，就是在百度搜索，点击广告进入你网站的第一个页面。英文：landing page。 着陆页调整，有大量的关于可用性的文章可以参考，笔者在这里说说与百度推广相关的几个原则： 1. 不同的搜索词和搜索创意，对应不同的着陆页 这个很好理解，如： 搜索“整形美容”的，应该进入 恬美医疗 整形美容的页面 搜索“减肥瘦身”的，应该进入减肥疗程的页面 但有些情况往往被人忽略，下面是一些搜索词，以及对应的着陆页 恬美医疗电话多少 ———— 恬美医疗联系我们页面 恬美医疗信不信得过？ ———— 连接到恬美荣誉资质，或者专家团队页面 减肥疗程多少钱？ ———— 应该直接连接到减肥疗程的价格页面 …… 2. 着陆页应该与广告创意相呼应 我的广告创意是：来恬美做整形，优惠20% 如果进入着陆页，看不到20%优惠的字眼，用户会觉得上当了，跳出率就会上升。 3. 着陆页应该有行动号召力 不少人将首页作为所有广告的着陆页。而首页承载的东西太多，往往无法预留足够的权重给号召力元素，如： 某个具体产品的特价 针对某类客户的促销活动 马上购买的折扣 大而有震撼力的促销图片广告 要想突出行动号召力元素，可以考虑不采用首页，而是采用某个特殊的中间页面，甚至是专门为百度搜索推广定制的页面，用来放具有震撼力、号召力的内容。 作者: 谭砚耘@用户体验与可用性设计-科研笔记 版权属于: 谭砚耘 （TOTHETOP至尚国际 ） 版权所有。转载时必须以链接形式注明作者和原始出处 http://www.webusability.cn/howto-set-good-landing-page-baidu-sem-for-big-website-promotion-1347/ 如果你希望与作者交流，请发送邮件到 tanyanyun/at/163.com 别忘了修改小老鼠
调整广告计划日预算 日预算，就是每天花费多少钱的上限。百度账户有一个总的日预算，每个推广计划也可以单独设置日预算。当我们建立了推广目录树，就要为每个目录设置初始预算，参见《文章》。一般来说，黄金目录、补漏目录的预算会比其他目录大很多。而随着关键词位置和价格的调整，目录的预算也应该进行调整。 日预算一旦设定，在一段时间内不要轻易改变，除非有足够说服力的理由。比如突然发生大规模恶意点击时间，需要马上调低预算。累积了一段时间的经验，你会掌握在某个最合适的预算，从而长期固定下来。 调整广告计划地域限制 不同的产品适合不同的地域推广。这个调整很简单，我指说说两种特殊情况： 1. 百度“搜索意图定位”功能 还是举 恬美医疗 的例子，我原来设定了关键词“广州整形美容医院”，限定地区是广州地区。如果我开启了“搜索意图定位”功能，上海的某个用户，如果在百度搜索“广州整形美容医院”，也能看到我的广告。这对于旅游相关产业很有帮助。一个广州企业，在广州卫视上做广告，全国都能看到，那么通过“搜索意图定位”，上海的某个用户也能点击我的广告，说不定这个上海人下次旅游来广州，会顺便做一次美容呢。 2. 部分产品，可能会适合港台搜索用户。 一些港商台商，可能平时在大陆工作，定期返回港台。他们在大陆的习惯也会沿用，也就是他们可能在香港或者台湾使用百度。那么打开这两个地区，是值得评估的。 调整否定关键词 否定关键词是什么？就是如果用户的搜索词，包含了否定关键词，就不显示我的广告。 否定关键词还有另一个兄弟，叫“精确匹配否定词”。 恬美医疗 做了短语匹配关键词“美容整形”，然后在推广单元做了否定词“技巧”“diy”，那么搜索“美容整形技巧”和“diy美容整形”的用户就看不到恬美的广告。如果恬美又加多了一个精确匹配否定词“美容整形到博爱”，那么搜索“美容整形到博爱”的人就看不到恬美的广告，而搜索“美容整形到博爱医院”的人则仍然能看到恬美的广告。 我怎么知道那些词应该是否定词呢？很简单，通过搜索词报告，可以使用百度统计或者百度推广账户的搜索词报告，按照点击率排序，可以看到哪些无用的搜索词，将规律总结出来添加到否定词内。 这里提一个小窍门，多个否定词，有时候可以用一个字来代替，比如无用的搜索词是： diy整形美容 yatao整形美容 整形美容技巧 整形美容技术 整形美容技工学校 我们的否定词应该设置为： diy yatao 技巧 技术 技工学校 经过合并后，可以是： y 技 调整推广时段 推广时段，看起来很简单，实际上要对你的产品和搜索用户行为摸的很透彻才行。 恬美医疗 做整形美容的，搜索用户到底是在上班时间搜索呢？还是中午休息时间？还是晚饭后？还是干脆上下班车上通过手机搜索？这个需要长期的数据支持。 这里有一个思路：我们在提交关键词的时候，都了解需要关注长尾关键词。而推广时段也存在长尾这一概念。在某些非黄金时间，医疗的竞争对手觉得份额小没搞头，不愿意投广告，这个时间也许就是你趁虚而入的好时机。 举个例子：也许很少有人在凌晨一点搜索整形美容的信息，但也许就有一些哀男怨女深夜对镜自怜，然后下决心砸个几万捯饬捯饬自己那张脸，而这些就是很好的潜在客户。 时段调整的频率：不需要天天做，一次设定完成，基本上1个月甚至更长时间都不需要调整。 作者: 谭砚耘@用户体验与可用性设计-科研笔记 版权属于: 谭砚耘 （TOTHETOP至尚国际 ） 版权所有。转载时必须以链接形式注明作者和原始出处 http://www.webusability.cn/adjust-budget-location-limitation-negative-keyword-promotion-perio-baidu-sem-for-big-website-promotion-1341/ 如果你希望与作者交流，请发送邮件到 tanyanyun/at/163.com 别忘了修改小老鼠
创意很重要，这谁都知道，但并不是谁都重视，并花费大力气去想更好的创意。 根据笔者多年百度推广的经验，百度推广的创意，要做到如下几点： 1. 标题要清晰，包含目标词 创意一般分成三部分，以 恬美医疗 为例，下面就是一个创意，红色字是飘红部分： 创意标题 ———- 正规整形美容 恬美医疗8折酬宾 创意首行 ———- 恬美整形美容 18年行业领先 专业！ ^老客带新客 双享9折1000元优惠 创意次行 ———- ，恬美医疗，18年扎根广州深圳整形美容行业，20人专家团队，5位韩国整形医师，3000用户选择。 上述^代表换行。 你的广告语，需要明确指出你的产品是什么。 创意标题包含“恬美”，除了让用户看到名字觉得安心外，还是一个广告展示的作用。即使用户不点击，也对恬美建立的印象。 2. 适当使用数字的力量 百度的搜索结果，绝大多数都是汉字。 使用数字，会有醒目的感觉。在上面的创意里，9折 18年 1000元，都使用了数字。 3. 飘红 飘红就是上面红色的部分。虽然飘红功能已经被推广者用烂了，但不加飘红的展现效果差，这也是公认的。 4. 适当的空格或连接符 如果每个汉字都黏在一起，用户在扫描广告的时候，不一定会有耐心看完。 所以使用必要的空格，或者短横岗作为连接符，在视觉上会感觉舒服，也容易阅读理解广告的内容。 另一种连接符就是逗号，请大家看看创意的次行，开头就是一个逗号。这是因为我们的创意可能会被百度整合成如下的格式： 正规整形美容 恬美医疗8折酬宾 恬美整形美容 18年行业领先 专业！ 老客带新客 双享9折1000元优惠，恬美医疗，18年扎根广州深圳整形美容行业，20人专家团队，5位韩国整形医师，3000用户选择。 如果没有逗号，首行和次行就连接在一起分不出来了。 5. 结合热点 如果《大长今》正在热播，你可以接这股热潮，来一个应景的创意： 大长今 我也要，整形美容来恬美 恬美整形美容 18年行业领先 专业！ [...]
谭砚耘注： 在IIS6，因为没有URL Rewrite组件，所以伪静态URL会出错。 解决思路有两种： 1. 在404报错页面上做文章，实现301跳转。 2. 直接安装URL Rewrite组件。这是更好的方法。 下面这篇文章来自网络，做了一些文字的调整。 Windows2003 IIS6下实现伪静态的方法有很多，一种通过IIS的404处理机制来实现（缺陷是搜索结果页分页错误），这比ISAPI_ReWrite要方便，可是对搜索引擎的友好度可圈可点，暂不推荐；还有一种是通过服务器端安装伪静态组件实现，这种也是现在最常用的。当然，你如果是LINUX服务器，那就简单多了，直接使用Apache的Mode Rewrite和.htaccess配合即可。 为什么要使用伪静态？ 1.最主要的就是通过伪静态来改变网站URL结构，增强网站对搜索引擎的友好度。对搜索引擎来说，静态的URL更受搜索引擎蜘蛛(Spider）的欢迎，也更方便Spider来抓取网页上的相关内容。 2.保证网站内容的实时更新，这样Spider来爬的时候，就不会错过你网站更多精彩的内容。另外，相对真静态来说，也省去频繁生成静态网页对硬盘的伤了。 3.极大方便了SEO，加强了网站信任度，对你网站的搜索排名来说，可谓功不可没。 很多朋友在研究SEO的时候，因为有些技术原因，伪静态却成了最大的门槛。下面我就分享一下我的WordPress伪静态的方法，帮你省点事，少些弯路，效果嘛，我的博客就是个很好的例子，包括困扰很多站长朋友的分页问题也完美解决。 WordPress伪静态Windows2003 IIS6下配置方法 1.下载WordPress URL Rewrite组件 发布页：http://www.binaryfortress.com/wordpress-url-rewrite WordPress URL Rewrite主要功能与特色：完全无需人工干预，全自动重写URL，只需要在后台设置好固定链接（Permalinks）形式，就能直接使用，就像linux下用.htaccess一样。可以使用在一级目录和子目录，也可以排除不需要重写的目录。这个非常方便，对于某些目录不需要URL重写的就将其排除，不会造成无法访问。因为全自动，所以免去了在写重写规则时候遇到的规则重复造成部分目录和文件无法实现的情况。我想，很多站长都遇到过这种情况吧，当然我也有过，那个叫折腾来着。 2.安装WordPress URL Rewrite 把下载的压缩包解压到任何地方，只要保证WordPressURLRewrite.ini和WordPressURLRewrite32.dll（32位版本，64位版本对应为64.dll）在同一文件夹下就可以了。 然后打开WordPressURLRewrite.ini设置你的博客目录，以及需要排除的目录，这里就不详细说了，Readme.txt里有详细说明，有什么不清楚的地方可以给我留言。 接下来，在IIS中选择相应的站点，在ISAPI筛选器中加载WordPressURLRewrite32.dll就可以了，加载完不用重启IIS，可以停掉网站再启动。 注意：要给dll所在的目录加上IIS_WPG组的写入权限，否则无法加载对应dll文件。 如果你的文章、栏目、tag别名均是用的英文的话，那到这里就OK了，下面是针对特殊情况的解决办法。 3. 为了解决中文出错的问题，还需要安装ISAPI_Rewrite 网站根目录下新建立一个httpd.ini文件，用记事本或是emeditor打开，规则写在httpd.ini里，如下： [ISAPI_Rewrite] # 3600 = 1 hour CacheClockRate 3600 RepeatLimit 32 RewriteRule [...]
《大型在线应用更快响应时间的实现方法》下载链接 fast-reponse-time-large-fanout-online-service 谭砚耘注：这是Google工程师Jeff Dean在2012年3月的演讲稿，英文的，我对要点做了简单的翻译，时间短，不太准确，有问题欢迎指出。 在架构更快的网站系统的方方面面，都有阐述。特别适合多节点输出的在线系统。国外的facebook google 国内的baidu 腾讯等，都在此列。 这类在线系统，往往提供多点服务，如htm文档、博客、新闻、文件、图片、视频，如下图： 牵涉的服务器越多，延迟就可能越长，因为： 1. 服务器越多，某台服务器繁忙造成延迟的几率就大。 2. 同时连接多台服务器，本身就是一件耗时的事。 而为了改善延迟，传统的两种方法都不适用： 1. 压缩所有可能造成延迟的因素——对于大型多点系统来说，无法轻易更新和扩展。 2. 采用共用的系统环境——无法适应网络突变，服务激增等因素。 传统方法行不通，那么正确的方法是什么呢？PPT中提出了几条路： 一、标准的改善延迟的技巧 对请求的优先级排序 对网络服务优先级排序 将在头部发生阻塞的服务拆散 将耗时大户放到非繁忙时间运行 二、同步中断 不要随机运行后台的各种进程 要同步进程，避免在rush hour百上加斤 三、建立系统的容错能力和容可变能力 四、负载均衡 服务繁忙的服务器，将里面的服务转移到比较空闲的服务器中。 五、加速灾难恢复 某个服务器崩溃了，要迅速将崩溃前的服务平衡的分配到其他服务器内。 六、建立动态和静态镜像服务器 对于最常用的文件，放到多个静态镜像中去。 对于突发的某类请求（比如对google来说，农历春节期间，中文请求会增多），使用静态镜像服务器。 七、延缓容易诱发延迟的因素 八、优化请求过程中的可变因素 九、数据独立错误——没看懂，哪位帮忙看看，评论一下 十、金丝雀错误——开始没看懂，后经热心网友点拨，正确解释见下文 后补 [...]
谭砚耘注：转发小秦的文章，写得很好。 与BigPipe有关的文章见： 百度百科关于bigpipe limu关于bigpipe facebook bigpipe介绍(要翻墙) facebook bigpipe译文 题记：搞互联网的同学也许都知道一个数字——4秒，有研究表明，如果一个网站没有在4秒之内加载完成，用户就会感到焦躁不愉快，并离开这个网站（数据来自性能测试网站http://gtmetrix.com/）。网站的内容、SEO优化、用户体验？哪个更重要呢？在速度面前，也许这些都相对更次要。所以提高网页效率，是我们在新版微博的第一目标。从四个方面来浅谈我们新版微博的优化。 一、HTTP请求数的权衡 1、为什么要关心http请求？ 当浏览器向Web服务器发出请求时，它向服务器传递了一个数据块，也就是请求信息。在用户打开一个页面的初初，包括等待时间、请求时间、建立响应时间、渲染时间……，都是消耗在前端的。比如下载图片、下载样式表、JavaScript脚本、flash等文件。大家应该都经历过那个“多图杀猫”的时代，加载那样一个网页会花费大量的时间。减少这些资源文件的请求数将是提高网页显示效率的重点。 假设用户家的网速是10Mbps，10Mbps=10/8=1.25MB/s，那么他打开一个网页时，如果网页文件小于1.25MB，理论上他可以在一秒之内打开网页。下载网页的快慢在显示速度上占了很大比重，所以，网页本身体积越小，浏览速度就会越快。这就需要产品、交互、设计，从最初就遵循尽量精简的原则。 现在，就揭开新版微博的面纱，看看微博3.0和新版微博的区别吧。 微博3.0截图 新版微博截图 微博3.0是大家熟悉的两栏结构，总宽为800px，有一级导航和二级导航、发布框、feed区、个人简介区。新版微博是现在最流行的三栏式布局，总宽950px，除以前的内容一个都不少之外，还整合出了左侧导航和右侧各种引导和公告。所以从理论上讲，虽然内容更丰富了，但新版微博着实比微博3.0的页面体积大了很多。 2、什么是bigpipe？ 网上有个例子举得好：在饭馆点菜吃的时候，如果点了四个菜，厨师没有必要把四个菜一起炒好再上来。微博3.0就是这种把所有菜都炒好再上桌的网页加载模式。所以用户吃上菜的时候，已经是第5秒了。现在新版微博的bigpipe网页加载模式，是炒好一个菜先一个菜，用户可以先吃着，厨师再炒第二个菜。甚至可以几个菜并发同时炒。所以用户吃上第一口菜的时间可能是第1秒，比之前提前了很多。 bigpipe模式示意图 JS工程师把页面分割成若干个小块（pagelet），模块彼此独立，把html语言转变为JS语言，再把CSS通过style的方式加载进这段代码，而不需要用以往的头部link css地址的方式取样式。每个模块有自己对应的html、CSS、JS，一旦开始运行模块，就会寻找到对应的CSS，并显示对应innerHTML内容插入到对应的html元素中，同时渲染出本模块效果。比如执行到feed区域的 id=”pl_content_homeFeed”时，样式表只调用了feed.css。 3、为什么新版微博 CSS的HTTP请求数不降反增？ 通过上面说的这种模式，css被全部link到头部，是为了给后台代码提供出pagelet所需要的样式列表。以前微博3.0头部只link了3个CSS，新版微博首页头部却需要link10多个css。虽然加载文件多了，新版微博CSS加载请求数反而高于v3，看似yslow降级了（这个数据已经不能说明任何问题了）。但实际上新版微博CSS没有像以往一样合并起来，而是用一个加载一个，CSS和JS被分配到不同流水线中，模块的加载变成并行的，先执行完的模块先显示出来。所以新版微博CSS渲染的总时间并不超过V3CSS渲染的总时间，速度反而快了很多，减少了视觉等待。 请求数 总大小 加载时间 V3 CSS 3 个请求 76.3 KB 8.53s V4 CSS 24个请求 50.2KB 6.08s 上面这张表格，来自yslow的分析。我们通过把页面切成细小模块写样式的做法，虽然请求数比以前大了8倍，但总大小上直降20K。 将多个CSS合并的做法固然可以减少请求，但对上亿用户的微博页面来说，完成合并也许会带来5%速度的提升。但是如果按bigpipe模式，即使http请求数提高了，但是整体的速度也许是之前的50%。 二、对CSS的优化处理 1、提取公用模块或公用元素，并反复调用 如果用户每次访问微博首页时，就重新下载读取CSS文件。这就会造成给服务器带来额外压力且用户重复读取耗时。新版微博的做法是，把模块分为全局级模块和页面级模块，首页是全站的核心，所有模块都是重要且重复性高的，所以首页的所以模块都是全局级模块。首页所需要的CSS被整理成一个pl列表反馈给工程师，等待处理。而一些非公共的css模块样式被单独写在属于本页面的文件里，这样就最大化的节省了文件大小及利用率。这么做还有一个好处，就是公共模块样式被调用过后，会在浏览器里留下缓存。调用最频繁的模块，反而样式被最快的加载进来。 举个简单的例子： .clearfix:after{content: [...]
经过目录树搭建、添加关键词、添加创意（见《茁壮但不肥胖的目录树》 《如何管理10000个关键词》），搜索推广就正式展开了。 我们回忆一下，我们的目录树结构是怎样的： 目录树主干，包括： 目标型目录 目标复合型目录 信息型目录 事务型目录 事务复合型目录 为了更好的管理超过10000个关键词的百度账号，我们需要建立平行的六大辅助枝干： 黄金目录 补漏目录 竞品目录 长尾目录 实验目录 危险目录/风险监控目录 上面标注红色的四个目录，就是日常维护百度账号经常需要调整的目录。 黄金目录 一般放置最热门、竞争最大、点击价格最高的关键词。不过有的时候，推广者认为的黄金词可能并不能真正促成转化，甚至某些黄金词其实是危险词。 拿比较热门的一个美容词“瘦身减肥”做例子。这个词排在百度首页首位的价格，不会低于 5元/次 点击。用这个词搜索的人，98%是为了找“瘦身减肥”技巧，2%是为了找减肥医院。 访客行为模拟：98%用户在百度上搜索到了 恬美医疗 的推广广告，点击进去看不到自己想要的减肥技巧，就会直接离开。只有2%的用户才觉得网站有用，继续浏览。反映在流量统计数据上，搜索词“瘦身减肥”过来的访问，转化率会很低，而跳出率（我来 我吐 我走！）会很高。 有人可能会说：生意难做，为了这2%的潜在用户，98%的钱只能浪费了。实际浪费的钱，可能不止2%。假设1000个客户搜索“瘦身减肥”来到 恬美医疗 ，每次点击5元，那么推广成本5000元。其中980个客户，本来要找减肥技巧的，看到页面不对，978个人跑掉了，还剩2个人发现你的网站挺有用，还是收藏了起来。这里估算2个人收藏，已经是很乐观的估计了。因为对于这种搜索相关性不强的页面，千分之一的关注率已经是较高了。 1000个访客中，还有20个，真实目的是为了搜索“瘦身减肥医院”或者“瘦身减肥机构”的，是真实的潜在客户，加上之前搜减肥技巧漏出来的2个，总共22个潜在访问。 这22潜在访问，按照2%的长效转化率，大约0.44个客户会拿起电话联络 恬美医疗 。（这里补充一句：减肥疗程一般是2000~3000元，用户消费前会比较谨慎。一个潜在用户，肯拿起电话，往往是经过多次搜索，找到好几家医院，比较价格后才联络 恬美医疗 的。前文提到2%的转化率，我们把后面的搜索效果都累加到第一次上。2%是一个非常乐观的数字，因为对于关键词相关度较高的搜索，转化率能达到1%已经不错了。） 一般3个客户来电话，就能拿下一个。那么0.44个客户来电话，会成交0.15单。减肥课程，每订单按照3000元考虑，也就是说成交了450元。450元还有运营成本（不含推广费用）50%考虑，还剩下225元利润。这225元利润，远远填不满推广费用5000元的大窟窿。 只是举一个例子，所有的数字都需要验证，不过上面的估计八九不离十。不相信？你可以搜索一下“瘦身减肥”，就会发现排在百度左侧，基本看不到什么推广广告。只有右侧显示广告，那也是因为关键词被百度广泛或短语匹配了才显示的。这么热门的关键词，相信肯定有人做过，然后发现烧钱速度高的惊人，而基本没什么转化，所以知难而退了。 所以，一些黄金关键词只是看上去很美，实际上很危险。对于这类词，如果一开始设置不小心放进了黄金词目录，也没关系。因为黄金词目录每天都要看看。看什么？看烧钱速度和转化次数。如果某个关键词烧钱速度太快，而又没有什么转化的话，那么不用等很长时间，有一天的数据就能做出判断，果断的将这个词从黄金目录转移到危险目录。在危险目录中， 将该词降低价格 限制地区 设置精确匹配 然后考虑将危险目录的推广计划的总金额做限制 危险目录 危险目录放那些烧钱速度很快，转化率又不高的关键词。 除了黄金目录过来的一些词，还有一些其他目录的关键词也很危险。 举一个例子：北大医院是深圳的一家比较大的医院，绝大多数搜索“北大医院”的人，并不是为了找这家医院，而是为了搜索公交车站名。如果你对“北大医院”做了短语匹配，可能搜索“香蜜湖到北大医院坐什么车”“北大医院有车去梅林关么”这类的用户也会点击你的广告。 [...]
在之前写的系列博客《大网站百度搜索推广的SEM精算》，讲了八件事： 1. 百度新凤巢的新功能 2. 如何建立百度账号并初始化 3. 根据关键词类型建立目录树 4. 如何建立10000个关键词 5. 建立转化率目标监控机制 6. 根据转化率调整百度账号 7. 设定网盟推广 8. 推广需要注意的其他问题 其中第6点，属于百度SEM推广的日常维护部分。实际上百度SEM推广的日常维护，包括了很多方面，之前因为篇幅有限，无法详细阐明，所以另开一片文章。 百度SEM推广在完成了账号目录树和关键词设定后，就进入了日常维护阶段，具体包括那几方面呢？ 1. 调整重点关键词位置 2. 调整推广计划预算 3. 调整推广地域限制 4. 调整否定关键词 5. 调整推广时段 6. 调整创意和创意链接 7. 调整网站着陆页 8. 调整IP黑名单及防范恶意点击 上述的工作， 1~5的作用是锁定更有价值的搜索用户。这项工作每天都要花费时间做。 6、7的作用是为了提升搜索可用性和网站可用性。这部分工作是阶段性的，一次调整可以生效一段时间。 8的作用是为了防止恶意点击。这部分工作也是每天都要做。 作者: 谭砚耘@用户体验与可用性设计-科研笔记 版权属于: 谭砚耘 （TOTHETOP至尚国际 ） 版权所有。转载时必须以链接形式注明作者和原始出处 http://www.webusability.cn/brief-how-to-baidu-sem-everyday-maintenance-1330/ 如果你希望与作者交流，请发送邮件到 tanyanyun/at/163.com 别忘了修改小老鼠
WPO工具：表格化的WPO检测工具
三 26
之前的文章《网站性能优化WPO的8个资源》 中提到好几个WPO工具站，包括GTMetrix和Webpagetest。 上面两个工具虽好，但如果想获取网页组件信息，还需要使用Firebug或者YSlow。而且要出WPO优化报告，还得自己排版编辑一大堆东西。 又提供优化策略建议，又有网页基本信息，又提供像模像样的WPO优化报告，有没有这样的工具呢？答案是——yes！ http://www.websiteoptimization.com/services/analyze/ 上面的工具，挺好，满足了两方面需要。我以 www.buyonme.com 网站为例，报告分三部分： 第一部分，网页基本数据，如下图： 第二部分，每个网页组件的具体性能表现 第三部分：整体优化建议 上述三部分内容，已经是一份完整的优化报告了。当然，你得做一些汉化的工作才行 : ) 作者: 谭砚耘@用户体验与可用性设计-科研笔记 版权属于: 谭砚耘 （TOTHETOP至尚国际 ） 版权所有。转载时必须以链接形式注明作者和原始出处 http://www.webusability.cn/wpo-tools-table-format-wpo-testing-tool-470/ 如果你希望与作者交流，请发送邮件到 tanyanyun/at/163.com 别忘了修改小老鼠
用户搜索关键词，用户看到你的广告，用户点击广告，用户即将进入你的网站。这就是百度推广的最后一段距离，这段距离可能是一米也可能是十万八千里，我们需要关注WPO和UED。 百度官方空间上，有一个转化漏斗图说明了很多： 很多人可能会惊奇的发现：点击量 竟然不定于 访问量。 也就是说，搜索用户点击你的广告，却无法进入你的网站，也许是超时，也许是用户没有耐心所以关闭了浏览器，都是造成这种情况的原因。解决方案是什么呢？——WPO 关于WPO，笔者在之前的博客中已经说了很多，可以参阅： 所有网站都需要WPO（网站性能优化） WPO网站性能优化的基本概念 WPO 网站性能优化，多快才算快？ WPO网站性能优化对搜索引擎蜘蛛行为的影响 网店WPO基础工作：制定性能优化目标 网站性能优化WPO的8个资源 而转化漏斗的倒数第二层，就是UED——用户体验设计的范畴了。 网站的用户体验设计，也就是网站的可用性设计，又是一门大学问，没有办法在这里一一表述。可以参见笔者下面的文章： 关注负面情绪——通过可用性测试探寻用户真实需求 某网站30分钟DIY可用性测试及简易UED建议 外贸B2C可用性分析：四种购物车的展示方法 搜索框的可用性设计：几家英文B2C网站的对比 外贸型B2C网站可用性测试的8个建议 网站可用性：10家外贸B2C网站的新用户注册页面的分析 最后再对百度统计说多两句，百度统计是一款很符合中国国情的统计系统，抄袭了google analytics的优点，结合中国人的使用习惯，进行了适当的简化和发扬。缺点也很明显： 1. 可拓展性不够好——也许是没有开放所有的高级功能 2. 没有提供多种维度组合。比如笔者想观察某个关键词在某个时间段的转化率高低，并同时查看消耗的费用，就无法做到。而这一点在google可以轻松完成。 作者: 谭砚耘@用户体验与可用性设计-科研笔记 版权属于: 谭砚耘 （TOTHETOP至尚国际 ） 版权所有。转载时必须以链接形式注明作者和原始出处 http://www.webusability.cn/wpo-ued-web-usability-design-baidu-sem-for-big-website-promotion-1223/ 如果你希望与作者交流，请发送邮件到 tanyanyun/at/163.com 别忘了修改小老鼠
WPO基础：再说瀑布图
三 20
在之前的文章《关于WPO监测：说说瀑布图》，我们讨论了生成瀑布图的工具，今天我们从WPO基础的角度来说说瀑布图，以及我们能从瀑布图中看到什么。 大家介绍一下“时间瀑布图”。 访客打开你的网页要花时间，时间将分别耗费在请求服务器数据、读取脚本、读取样式表、图片、文本、载入外部资源、查找DNS以及杂七杂八的各种因素上。我们用“时间瀑布图”来告诉大家打开一个网页需要经过哪些步骤，哪些步骤花费了多少毫秒。有道是“时光如流水”，因为瀑布图的图形是时间，样子呈阶梯下降状，所以被称作时间瀑布。 图6-25：奔驰汽车中文官网首页“时间瀑布图” [引用信息源： http://www.webpagetest.org ] 图6-25要旋转90度来看 :-），通过瀑布图，我们可以了解到奔驰汽车首页打开的过程是： 1） 首先定位 http://www.mercedes-benz.com.cn 2） 然后获取一个html文本 3） 然后是css样式表 4） 然后是js脚本 5） 然后是一大堆css，JS文件、图片 6）（中间省略若干行） 7） 接近尾声，经过了一个fls.doubleclick.net的长长的时间条 8） 再是一堆图片和一部分js脚本，完全打开首页 我们还能从瀑布图中得到如下信息 a 打开的文件种类包括：.html / .js / .css / .jpg / .png / .gif b 网页请求的域名数量：mercedes-benz.com.cn， fls.doubleclick.net， daimlerag.122.2o7.net c 打开网页最耗时操作： http://fls.doubleclick.net/activityi;src=2586546;type=benzc763;cat=-uvtv906;ord=1;num=4263835435058.474? 这个操作耗时3.1秒，造成这个耗时操作的原因，可能是因为fls.doubleclick.net网络连接不稳定造成的，因为不同时间段访问，这个操作耗费的时间不同。那么这个耗时操作的影响是什么呢？应该从瀑布图上看出来，奔驰首页上部和下部的背景图是排在这个操作后面的，而上下两幅背景图对于网页美观程度还是有一定影响的。也就是说这个网络不稳定因素会影响到部分访客的浏览感受，是一个需要解决的问题。 不同的“时间瀑布图”代表的意义不一样。我们看看PayPal中文首页（http://www.paypal.com/c2）的瀑布图，很明显页面很简单，载入的元素也很少。但在载入第一项的时候，却耗费了2.6秒之多。造成这个问题的原因是什么呢？应该和网络慢有关。很可能PayPal中文网页的服务器放在海外。 图6-26：PayPal中文首页“时间瀑布图” [生成工具： [...]
WPO基础：减少HTTP请求
三 16
减少HTML文档的组件数量，也因此减少了HTTP请求的数量，从而节约了载入网页的时间。《高性能网站建设指南》中介绍到四种方法： 使用图片地图 采用CSS Sprites 采用内联图片 合并CSS样式表和JS脚本 对于网店尤其是Zen-Cart网店来说，最后一种方法是很有效的。因为Zen-Cart为了模块化和易读性考虑，将样式表和脚本分的很细，本来一个CSS文件搞掂的，可能会被划分成10个文件，并且分布在不同目录中。减少http请求的最快的方法，就是合并脚本和样式表，可以显著节省页面打开时间。 以Zen-Cart 1.39版本为例，下面是<head>区常见的一段代码 <link rel=”stylesheet” type=”text/css” href=”includes/templates/theme_name/css/stylesheet.css” /><link rel=”stylesheet” type=”text/css” href=”includes/templates/theme_name/css/stylesheet_boxes.css” /><link rel=”stylesheet” type=”text/css” href=”includes/templates/theme_name/css/stylesheet_css_buttons.css” /><link rel=”stylesheet” type=”text/css” href=”includes/templates/theme_name/css/stylesheet_main.css” /><link rel=”stylesheet” type=”text/css” href=”includes/templates/theme_name/css/stylesheet_tm.css” /> <link rel=”stylesheet” type=”text/css” media=”print” href=”includes/templates/theme_name/css/print_stylesheet.css” /> 上述形式如 stylesheet*.css的6个文件，完全可以统一成一个 stylesheet.css 文件。这样就减少了5次http查询。 下面我们对BuyOnMe.com 做了一个合并CSS样式表文件的实验。 网站首页共有四个可合并的CSS文件，前三个出现在<head>区，最后一个出现在网页中 <link rel=”stylesheet” type=”text/css” href=”includes/templates/zj_orange/css/style_jscroller.css” /><link rel=”stylesheet” type=”text/css” href=”includes/templates/zj_orange/css/stylesheet.css” /><link [...]
笔者注：自己这篇文章写得有点简单了。 网盟推广是一个大题目，单是“搜索词定向”“回头客定向”“主题词定向”，每个都可以展开一篇详细的文章。 这个系列原来的定位是关键词广告，而非网盟广告。以后做文字补充吧。 网盟就是百度与50万家网站合作的联盟，对你来说有几个作用： 让你的广告在百度以外显示 让你的广告用文字、图片、动画的方式来展示 单次点击价格低 通常没有竞争对手的网站干扰 网盟的缺点也很明显 点击质量没有搜索用户高 更加难防范恶意点击（你很难相信网盟站点不作恶） 还是用 恬美医疗 的例子。 集团名称：恬美医疗 集团简介：是一家广东省知名整形美容连锁机构，业务以医学美容为主 官方网站：www.tmbeauty.cc 恬美医疗总站，主要产品服务站 如果做网盟推广，需要考虑哪些问题： 一、网盟推广的目的 恬美医疗 通过网盟推广，提升了品牌的曝光率。 网盟有用，但问题是这么做值不值呢？ 如果品牌对 恬美医疗 不重要，那么我们就将关注点放回到增加点击率上来，请看下一点。 二、网盟推广采用哪种形式 网盟推广有四种形式： 网站定向：针对目标人群活动网站。按照行业、网站类别/名称、网站评级/流量等投放。 主题词定向：把握目标人群浏览内容。指定相关关键词，进行广泛匹配，系统基于关键词寻找相关网页投放。 人群定向：如果网民搜索过关键词或来过你网站，将会在网盟上再次展现推广信息，加深品牌印象。 地域定向：抓住目标人群活动地区，指定省、市进行投放。 如果不考虑品牌曝光的因素，对 恬美医疗 最有利的是“人群定向”。 人群定向只对一类人展示广告，就是那些曾经搜索过“整形美容”等关键词的用户，或者是曾经访问过 tmbeauty.cc 网站的用户。只有这些用户来到百度的联盟站点，才会看到恬美的图片广告。 而一次点击大约0.5元起价，并不算贵。因为很少恶意点击，所以不妨将价格提升一些，以增加点击数量。 三、网盟推广的资金分配 不考虑品牌曝光的因素，网盟推广费用在50~500元/天是合适的。 相对于百度搜索动辄每天数千元，简直就是毛毛雨了。 而事实上，如果设置了人群定向，每天的消耗经常在50元以下，甚至只有几元。 作者: 谭砚耘@用户体验与可用性设计-科研笔记 版权属于: 谭砚耘 （TOTHETOP至尚国际 ） 版权所有。转载时必须以链接形式注明作者和原始出处 http://www.webusability.cn/howto-wangmeng-marketing-strategy-baidu-sem-for-big-website-promotion-1220/ 如果你希望与作者交流，请发送邮件到 tanyanyun/at/163.com 别忘了修改小老鼠
