才一年，H5的发展就成这样了

关于H5的发展，分享几个最近看到的惊人数据和新闻：

1、截至2015，有80%的App将全部或部分基于HTML5。这意味着大部分App的内容都将是以网页的形式呈现，典型的例子包括微信、Facebook、Twitter等。（数据来源：国际科技媒体 ReadWriteWeb，2015）

2、浏览量最高的1000个H5作品中，42%是心灵鸡汤，最高17,358,480 uv；27%是测试题，最高49,940,339 uv；15%是社交互动游戏，最高2,892,047 uv; 5%是大型品牌宣传，最高551,195 uv。（数据来源：在线h5工具平台ih5.cn，2015.9）

3、谷歌浏览器于9月1日起不再自动播放Flash。 亚马逊宣布旗下网络(包括Amazon.com门户在内)的所有广告将不再使用Flash。在可预见的未来，Flash广告将被HTML5广告所替代。

4、朋友圈广告上线（http:// ad.weixin.qq.com），据传起投20万， CPM 40元。详情外链的H5页面可以用微信提供的模板，也可以自行定制。

注：本文提到的H5特指基于HTML5技术的动态交互页面。

以上的信息反映了H5在内容营销的应用潜力。出于好奇，笔者又调研了国内外的几个社交平台。目前支持H5分享的平台：国内的微信、微博，国外有Facebook、Twitter、LinkedIn，当然每个平台分享的形式略有差异，以下是笔者对同一个内容分享后的对比：

可以看到，各大主流社交平台对H5分享的支持都是比较友好的，只不过每个平台的分享接口都需要单独的定制。当然这也在暗示HTML5的推广渠道其实可以更加多元化，并且其在内容营销中有着极大的应用潜力。

然而最近笔者观察到一些现象：一方面，企业对H5的需求一直在增加；另一方面，定制化H5的价格居高不下。从事Marketing的朋友，一边觉得H5反胃，一边又忙着找靠谱便宜的供应商。

事实上随着技术的成熟和各种H5工具的涌现，H5制作已经渐渐走向标准化，成本问题也随着一些工具的出现有了极大的改善。或许H5技术的发展已经超出你的想象，很多问题已经有了不错的解决方案。

以下仅从大家比较关注的H5制作和推广两方面给出一些行业调研结果和具体建议，其实那些百万千万级PV的H5也有一定的规律可循，希望能对大家有所帮助：

一、如何找到靠谱不贵的H5供应商？

我们调研了国内几类供应商和各大品牌主，希望能给大家在选择H5供应商方面提供参考。从成本、资源平台到适用场景，可参考一二：

1. 整合营销类

这类公司一般只做全案型的服务，很少会单独做H5开发，当然如果你的品牌名气够大并且预算够多也是可以的，量级30万+，包含策划、设计、开发、推广，也可能会有一些附加服务。

（查看案例可访问 ih5.cn/idea/mcase）

典型案例：W 《NewBalance系列》《大众点评系列》；时趣互动《潘婷系列》

适用条件：预算、时间充足，30万+、周期一个月以上

资源渠道：金投赏、艾菲奖、金鼠标，麦迪逊邦、成功营销、Social Talent Circle、SocialBeta等

2. 强技术型

这样的公司在国内并不多见，笔者比较认可的就W、未来应用、NPLUS、LXU这几家，其中W和LXU比较多元，其内容营销形式不限于H5，而W也在之前透露不再接纯H5开发的业务，目前已专于全案型。当然，除了以上几家，如果大家觉得更好的也可以推荐给我们。

典型案例：LXU 《京东系列》《玩转进化论》；未来应用《神造七天》

适用条件：预算10万+，开发周期半个月到1个月

资源渠道：就那么几家，需要可以跟笔者联系，but，供不应求，排队！

3、 各种小团队

一年前H5的火爆伴随而来的是百花齐放的H5定制化公司，有的是看到H5的“钱景”投身红海，有的是营销圈内人看到机会而创业。同样分为两类：集策划、设计、开发一身的互动营销初创公司，以及以设计、技术见长的技术型小团队。

这些公司往往水平不一，虽不乏优秀者，但各种滥竽充数，选择这类供应商的时候建议细心考察。这里分享几点经验：

一定要看对方的历史作品，从作品加载速度、流畅度、交互丰富度（是否用到复杂Canvas动画、CSS3D、微信高级接口等）这些方面评估，至少要有3个以上比较好的作品，做过H5游戏并交互流畅为佳。

对接人最好是产品经理，不能是那种一点不懂技术的所谓项目经理，一个是沟通非常麻烦，基本是个传话筒，没有什么卵用，另一个是会影响整个H5开发的进度。

可能的话去一趟项目团队工作的场所，能做好项目的公司从办公室氛围就能看出来，而且还能防止那种外包N次的情况，花一天看看还是值得的。

适用条件：预算2万~5万，开发周期1~3周

资源渠道：Social Talent Circle、数英、H5说等

4、专业工具平台

托微信的福，H5的庞大市场需求推动了技术的阶跃式发展，一年前需要花几万大洋外包给一个技术团队做的事，现在依靠一个不懂代码的设计师和一个工具就能搞定。

专业在线工具的出现，对很多技术型的H5小团队而言是一个非常大的冲击，原因主要在于工具效率的提升以及相应人力成本的下降。同样复杂度H5的技术实现，一个设计师用工具大概在两天左右，最多一周内能完成，而技术外包往往需要两周左右，甚至更长。

算一笔账，高级设计师人工大概是500~1500 RMB/天，两天的工时加上各种临时需求，大概成本是1500~5000，这是用工具开发的成本；如果找技术外包：按低配计算，前端（500/天），后端 （500/天），设计（500/天），按10天开发周期算，加上各种服务器和测试，成本在2万以上。

所以如果不是要找全案策划，对效果的要求也没到W、LXU那种复杂程度，建议用工具实现H5，无论从效率还是资金成本看来都是最优的。

事实上，一些工具在H5技术实现上已经超过了大部分技术开发团队，类似ih5.cn这样的工具已经能实现像3D动效、时间轴动画、H5弹幕、多屏现场投票、微信登录、数据查询这样的高级H5效果和数据应用。

除此之外，工具的好处是复用性，相信很多人都曾想象把别人家的H5改一改自己用，这种情景就是工具能解决的问题。ih5.cn有一个比较有趣的功能是复制案例，你可以复制别人的H5并更改素材自行定制！当然前提是作者愿意公开分享作品使用权。

这种高效的H5制作模式，笔者觉得具备极大的颠覆性，当然对品牌而言也是好事，不用再花一堆钱生产本来就有的东西。

以下也推荐一个比较实用的东西，它是一个移动端的H5轻应用商店，上面有很多高级定制的H5可供复制和使用，都是一些作者公开分享的优秀H5作品， 除了常见的邀请函、微官网以外，还有像砍价、集赞、好友PK、H5弹幕、会议签到、多屏互动这种结合社交和数据的免费H5应用模板，由STC、澎湃新闻、 SocialBeta、首席品牌官、3W咖啡等专业媒体联合ih5.cn推出，点击“阅读原文”可进入。

二、H5的推广方式？如何提高传播量？

首先，影响H5传播量还有两大重要因素：转发率（内容）和打开率（标题和转发文案）。

转发率取决于内容，除了内容要贴合受众场景，要有创意之外，最重要的是参与感。在ih5.cn统计的排名前1000个作品当中，传播最广的几类：心 灵鸡汤、测试题、社交互动。前十名都在百万以上，最高达5000万传播。鸡汤能产生共鸣，测试题反馈结果，社交互动跟好友PK，这些都是参与感的体现。

打开率是非常重要的因素，但同时也是最难把控的。因为决定打开率的，就是短短几十个字的标题和转发文案，往往只能凭感觉而定。

以下提出一个解决思路，通过末位淘汰选出最佳H5转发文案：

Step1同一个H5设定5组标题和转发文案，让用户每次转发都等概率的出现一组文案。

Step2每次用户打开H5都记录来源于哪种文案，在推广开始一段时间后通过后台数据监测，将浏览量来源最低的文案去掉。

Step3每隔一段时间执行第二步操作，直到只剩下一组文案为止。

（备注：由于几组文案都是同一个H5链接，只是参数不同。也就是说所有H5内容一样，转发率相同，而且每次转发出现的文案是等概率的，因此浏览量就能确切反映打开率的高低。通过逐步淘汰低浏览量的方案就能得到最优方案。以上需要一点数学能力理解→_→）

整个过程需要一定复杂度的技术实现，不过已经被验证可行。下次你可以让你的供应商尝试这样的方法，另外，ih5.cn也计划把该自动优化转发文案的功能集成到工具中，用户可自行定义几组文案和淘汰处理时间间隔，系统自动帮你优化。

关于自动优化文案的功能，ih5.cn将于10月底开放内测资格，有意者请访问链接报名ih5.cn/idea/h5lab 。

除了提升H5本身的转发率和打开率，渠道也是影响传播的重大因素。

据不完全统计，H5推广的方式有这些：微信公众号、朋友圈、微信群、微信广告、微博、LinkedIn、QQ群、QQ空间、新闻客户端、App广告、广点通、线下海报……

其中效率最高的是微信群、朋友圈，公众号效果取决于内容。

微信群推广有几点建议：

一般以工作属性居多，适合贴近工作场景的H5推广，比如一些2B产品的推广。

内部员工是性价比最高的群渠道，设立一定的激励机制，从内部拓展精准KOL是不错的方法。

内容要好，频率不宜过高，集中火力一次爆发。

朋友圈推广则是生活属性为主，有趣、好玩，有参与感是关键，据统计朋友圈分享最多的H5类型是测试题，排名前三的测试游戏（案例&数据来源：ih5.cn）：

算算你是靠什么吃饭的？ UV 49,955,986

测测二战中你能当什么兵？ UV 7,358,480

测测你的新年运势？ UV 4,032,529

ih5.cn/idea/mcase，有兴趣的同学可以手动复制到微信浏览器打开，本文推荐的百万千万级案例都在这里。

公众号没什么好说的，看文案水平，不过可以告诉你的一个数据是，公众号平均一个阅读是1.2元，阅读原文转化是10%，H5只能挂阅读原文链接或者 二维码，所以一个UV大概是12元！当然，如果内容很好，平均阅读价格可以无限低，原文转化可以提高到20%，加上公众号一般都是精准人群，所以效果也是 可以很好滴。通常2B企业会更适合这种方式，因为一般客单价大，对人群精准度要求较高。

三、H5的未来？品牌营销的理性回归？

说实话，H5“砰”的一声让很多营销人乱了阵脚，毕竟它自带新兴技术的光环，而且在某种程度上也暴露了很多营销人在技术知识上的缺憾，以致于整个H5的供需市场处于一个无序和效率低下的状态。

有几个原因：H5太新，没有定价标准，只能靠市场供需调节，但由于市场非透明，加上技术本身并不成熟，最终市场调节的结果也只能在一定范围内波动。相信这篇文章的读者也会有很多被忽悠被坑的经历。各种乙方未按时上线、甲方不认账。

现在很多品牌方会渐渐思考这样的问题：做一个H5的投入怎样是合理的？如何分配制作和推广预算？对我的业务/用户增长有什么作用？

笔者认为，类似H5这样的技术正应该是为品牌解决这些问题，而不是给从事营销的人带来“枷锁”。

事实上，技术是需求驱动的，之所以有H5，是因为消费者喜欢更丰富的信息表达方式。其实无论是国内还是国外，基于HTML5的富媒体内容形式，都是一个大趋势，只是微信提前走了一步，并推动了这一技术在营销中的应用罢了。

所以，如果我们从内容载体的角度去理解H5，可以发现，其实H5应该是深入到品牌与消费者整个生命周期中的信息载体和连接点，目的是促进业务和提升体验，并且由于其本身所具备的传播特性，又能带来节点的广播效应，从而带来更多的流量。

因此，H5在品牌营销中的应用将成为需求导向、业务导向的“连接型产品”，服务于具体市场和运营的目标，带来业务的促进，这是正在发生的理性回归。

作者：FACENOW

来源：51CTO