如何才能做出传播量10万+的HTML5传播页面？大量转发的HTML5都有哪些共同特点？-H5 Tutorial-php.cn

回复内容：

总结了一下易于刷屏传播的H5方向，大概有以下共同点：

1、利益触发与活动类

如分享XX参与抽奖，关注公共号分享到朋友圈截图领取PPT模板下载码，分享到朋友圈获取微信直播分享机会等。类似于这种利益触发的机制与活动，分享了才能进行下一步，很多人还是愿意关注+分享的，尽管分享后一段时间删除的可能性比较大，但还是会出现刷屏的效果。

2、内容共鸣类

案例：快看漫画的产品宣介，“对不起，我只过1%的生活”和中央电视台的“家和万事兴”，尤其是“家和万事兴”，在对的时间推给用户对的东西，按手印、显示第几位等小细节提升用户参与感。

3、数据类、大全类，有收藏欲望

很多人都是把微信朋友圈当做收藏夹来用的，看到有收藏欲望的文章就会转发到朋友圈，比如XX大全，最全的XX知识/工具，有了XX就够了，XX行业年度报告。再如互联网金融产品的消费账单分享，可以整个用户数据记录，满足用户私人数据需求，再加以超越XX%的用户，满足用户的秀优越心理。

4、好玩的游戏，且得到数据反馈

如神经猫、全民找XX、杜蕾斯-一夜N次郎等好玩的游戏去年也刷屏不少，这些游戏多用时间控制提升用户的刺激紧张感，辅以数据反馈超越了XX人，让用户有分享欲，有的用户为了刷出漂亮的数据，甚至玩个N次。依据这个，当时我们做了“测单词、知工资”H5小游戏，寓教于乐，PV很不错。

5、人人参与

一起来画鸡、一起来画圆等，突出用户参与感，提升用户成就感。

6、技术亮点&互动体验

百度智呼吸、手机秒变空气检测器、Burberry，“一辆懂你的车，在寻找一位懂TA的人”尤其赞，模拟驾驶体验，展示产品性能。

暂时就想到这么多，欢迎大家补充。

大量转发难道不是靠内容吗？你页面什么都不写，标题写个“成都女司机KF记录曝光，原来真有幕后黑手”，放在微信上都能轻松过万。。。

不要轻易尝试啊，转发过500我概不负责。

标题

用点心理学---猎奇 :h5页面要传播，首先想到就是传播途径。以朋友圈途径说明问题。人们第一次看到的肯定是好友在朋友圈的分享，而且这时候看到的仅仅是文章的标题。所以标题如何确定，很大程度上直接影响到传播量。举个栗子，这两个标题，“快捷键大全”和“键盘上原来有这么多秘密，你都知道吗？”。如果是你，你会点击打开那个？你不会点击那个？

这里就用到了一点大众的猎奇心理，也即是窥探未知秘密，很多人都会多多少少有这种心理。

另外，标题中直接出现干货关键字，干货吸引。很多人就是冲着干货去的。

如果标题平平，那传播的大任就要交给内容了。

内容

按照这个思路下去，假如，一篇h5页的文章打开了，接下来影响自己分享与不分享的关键就在内容了。如果平淡无奇，很多人都会在打开后的几秒钟关掉。因为社交圈毕竟不是学习的场景，需要花时间钻研，很多人的朋友圈动态可是很多的。就像HR看众多应聘者的简历一样，如果第一眼没看到自己期望的关键词，被PASS的几率就很大了。读朋友圈内容也是这样。

所以，对于文章，在布局的时候，一定要把亮点，重点，发光点，，放在合适的位置，必要的时候做对应的强调处理（加粗，色彩等方式），让读者产生这种“哦~不错哦，有新技能get”的第一感觉。

关于内容，如果不是必要，千万别生硬拉长，因为长篇大论会给人压力感，尤其全是文字。朋友圈分享或其他社交分享方式，所以页面承载的内容不需复杂，即要求内容精炼。目的明确。如果确实信息比较多，务必做分页处理，分页与不分页完全是两种不同的体验。有逻辑关系的，一定要理清，包括分支。这样做都是为了读者有更好的阅读体验。

适当的图文配合也是较好的，可以优化阅读体验，但不要过。首先图片过多费流量不说，加载不出来或加载太慢也是让人揪心的事儿。

其他

页面里如果有交互，那么良好的交互设计，会让读者觉得整个阅读过程流畅。
如果能添加些有逼格的元素更好不过了。
如果能结合当前实时热点就棒极了！（比如已经过去的热点，“我们”，“优衣库”等）
还有借花献佛型。（比如某app"我用**打电话，超好用,快来加入吧"）
利益驱动，趋利者的杀手锏（比如分享，截图发给某某，领取XX，或抽取第某某分享者送某某豪礼）

实例解说H5页面传播：

场景：最近，我在朋友圈看到有人分享了一个标题为“我是第4380个为「Ping++支付」代言的人”的H5页面。出于好奇（这Ping++支付是什么鬼..），我就打开了链接（这就进来了，接下来看内容的了）。

首先进来的第一感觉，没有人会想到去分享（虽然右上角的三个点是可以进行分享的），而是注意力集中在“七行代码”四个粗字上，（七行代码干嘛用的呢..产生好奇而且很牛逼的赶脚），根据阅读习惯，接着看你才发现下面一行灰色字“接入所有主流支付渠道”。（哪些支付渠道呢...）这时你就知道中间的图示什么用的了。（注意：图不是页面的重点哦~所以图片是灰化的~），这就是分清主次，重点突出的问题了。

另外在页面底部的按钮使用的颜色给人的感觉是安全的（什么是安全的，比如红色代表危险，所以很多应用中的“退出”按钮都是红色的，这就涉及到色彩学了）。而且按钮颜色是有变化的，有呼吸的感觉，让人有想用手戳一下的欲望。

点击，显示到订单页，这时候看看页面，商品是“Ping++的心意”，总金额才一分钱，一分钱！！看到了么，几乎没有人会因为这金额的问题放弃继续，回头再看看商品名称“Ping++的心意”，一分钱送份心意也挺好的，况且可以尝尝鲜，毕竟这是新玩意。

如果你留意，就会发现页面两处出现 “0.01”字样，有人会觉得页面上有说“¥0.01”，按钮上就不用出现了吧，那就错了，多次出现就是为了强调的作用，就0.01！（这里为什么要让你支付0.01，而不是直接做宣传文案，仅仅让你体验Ping++支付么？错！原因在下面说明）

继续，，，选择微信支付。

支付完点及右上角的完成。

完成后的界面，注意看中间的数量传播数量已经是“8486”，传播数量从昨天到现在已经翻了一倍（参见第一张图的传播数量是4380）,可推测这是新发起的活动。新事物的出现，一旦火起来，传播数量都是程倍数或指数方式增长。另外，为什么在分享的时候要出现数量，第XX个（见图一），这就是众人心里普遍存在的竞争排名心理。

看到上图除了，告诉你支付成功和第多少个人以外，还有奖励政策，即第XX个获XX礼物，这样做的好处就是，部分人为了得到礼物就会多次参与。下面有两个按钮“分享给朋友”和“联系我们”，其中第一个按钮是有呼吸灯感觉的，下面一个颜色是固定的。目的很明确：引导你去分享。

当然驱使你分享的另一个微妙的原因就是之前的步骤：支付。如果到这一步就关闭页面了，很多人会觉得：我是不是亏了什么（实际上也就1分钱）。如果没有支付步骤，仅仅是功能介绍，看完后，关闭也就关闭了，没什么可惜的，因为你分享本身对自己没什么意义。但现在不一样，这就是所谓的“后情感合理化”，你对一件没有很大意义的事情付出了，自己心里会找理由说服自己，告诉自己这是有意义的（自己骗自己）。

点击联系我们按钮，简洁的二维码。

总结一下这个案例中出彩部分：

内容新奇
符合阅读习惯
逻辑清晰，流程简单
每个页面承载信息量少，且主次分明
懂得如何用色
适当的引导
竞争排名心理
有物资奖励
后情感合理化

好了，收藏前先赞个吧~ / 捂脸

UC做过一个招聘的：技术福利，世界杯嫩模陪你看！配上图，妥妥过10万吧。

总结几点：
1、要新，否则传播力会下跃
2、要找到一个足够大的传播体
3、传播体的软肋要切中
4、注意结合热点潮流

4A公司应该很擅长做这个，有专门教的课程吧。 1、做一个H5场景，最重要的不是在设计上面下大功夫。而是对策划的反复推敲，清晰定位，对文案精简提炼、归纳和场景化。

有一个4A广告公司的朋友一次聊天中提到，完成一个H5场景应用假如给他6天时间的话，那他花4天去不断构思，整理逻辑，在纸上画出视觉稿，想象如何视觉化表达。把一切理顺之后，再花两天时间去完成这件H5场景作品。

2、微博最突出的贡献就是让段子、话题热点、140字有效阅读这几种方式成为可以进行营销传播的手段。

做H5场景也就跟在微博上制造段子，制造热点话题一样，都是为了营销传播，吸引转发分享。为什么在微博上可以创造出这些好的形式去玩内容，而在H5场景上就不能再创造新的形式去达到同样的目的呢？要知道，在移动端营销时代，H5是目前最适合移动端传播的工具方式。传播非常快，有多快呢？我只能告诉你比你想象中要快很多。

今天早上云创客刚出品一件《东华寺夏令营活动招募》的H5场景，到中午12点才三个小时，转发分享量已超过4000多人转发。至于浏览量都不用说了，可以随意想象一下。要是数学好的人看到这里可以任性的拿概率论算一下。

3、大家都知道，一个H5场景的页数大都控制在10页之内，为什么？“用户体验不好，用户懒得翻没耐心，加载过慢流失用户等等……”一大堆科学的解释的确让人望而却步。这么说当然都没错。因此，你之前也肯定没有做过一个超过15页的H5场景案例。但我告诉你，怎么让你从一个菜鸟快速锻炼成H5场景高手。

试着创作两次超过50页的H5场景吧！当然你做这个不是为了给客户。也不能拿来自己公司当营销用，只不过是锻炼自己。从创意构思，设计风格，文案提炼等等一切因素去考虑、推导，偶尔尝试完成一件超过50页的场景作品。下了这般苦功夫两三次后，你都会有很大的突破，试试看，这会让你变得非常强大。

你没有做过最复杂的东西，你一直停留在简单的东西里面。你偶尔认真去做一件最复杂的H5场景，会使你一下得到质的飞跃，甚至突破阻碍你好久的瓶颈。我拿一个写小说的理论举例。一个写小说的人，只会写短篇，一直写短篇，你有一天让他写个长篇他便写不出来。而一个向来写长篇的人，你有一天让他写短篇他就很轻易写出来了。

最复杂的事情你都做过了，简单的还是问题吗？当然很多时候短篇可能比长篇更精练，更有价值也更难写。但是，这建立在一个人之前写过很多长篇，然后又开始不断练习短篇的人，他的功夫在于已经收放自如，于形式中无视形式。可你还没做到这些呢。

上面的灵感来自下午与云创客运营团队一位设计师聊天中获取的。我试着串联起来自己之前在书法、画画、阅读和写作等研究上面的理论体系，然后得到很多新的视角。于是把这种方法分享给大家。

4、我之前在国际4A广告的时候，有一位天津大学的设计系教师跟我交流经历，他自己从研究生毕业开始在大学教学，做设计开始一直专注动画效果、设计形式、还有不落地的创意。当时接外面社会上的客户私单，做出东西给客户回复后都很受打击，别人都不愿付钱给他。后来出来在广告公司干了两年，他从一个专注动画和形式，还有不落地的创意的人变成了一个注重逻辑，注重策略在画面中的体现，注重有效落地的创意呈现给受众。

他现在又回大学里边教学了。前段时间跟他聊天，问他有没有接触H5场景。他说去年就开始玩了，发了两个给我看看都很优质，水平毫无置疑。

5、上次有一位设计师，说起自己学做H5场景的经历。她刚开始接触H5场景，为学一个好的H5场景如何做出来，把自己刚买的《精益创业》这本书，泛读+精读两天，至少读了四遍，做了一些密密麻麻的笔记，一开始写满了七八页的提纲。总结了书里的中心内容，提炼出来逻辑结构。然后自己论证的过程又花了一天时间。直到浓缩成一页提纲，最后她才开始设计排版。花了两个晚上去完成设计。

当她拿给我看那件作品的时候，简直震撼到我了，一个很有场景感，很有风格的创意，内容很精练很多有价值的干货，我一年来分析了有上千件H5场景作品。但也立马被她作品给打动了。她后来就用这种方法锻炼H5场景创作能力。

真的非常欣赏这个女孩。比我还小一岁，两年前刚从厦大毕业，现在上海做自由设计师工作。

1, 加载绝对不能超过5秒，否则会有74%的用户离开页面。

2，契合用户操作习惯：滑动切换（放置在左边的按钮点击率低）

3，页面前几页要吸引到用户，防止页面层级加深，用户流失越多。

4，互动简单易操作，避免复杂输入行为，防止用户流失。

5，发布高峰期在中午12点/晚上10点。用户活跃度最强。

示例：【花嫁丽舍×大众点评】砍价神功大力发，0元婚宴免费得！

加个不转不是中国人民；爱妈妈的请转，妈死的不用转这跟H5有毛关系？刚做一个招募活动，几乎没有花太多成本的，效果出乎我们的意料，连着升级了四次服务器，最后收获八十多万的互动人数，总结一下，主要赢在活动机制
1、邀请好友助力。招募结果是按收获的支持数，支持者随机有小量礼品。
2、信息及时发布。投票支持结果及时可见，最终遥遥领先的五位参与者，为了甩开竞争者，一天内连续发了一百多次朋友圈求支持
3、吸引的参与者为KOL。最后获胜的三位KOL均有四千以上的微信好友，20%的参与者带来80%的互动
4、良好的用户体验。连续改两天改稿到凌晨五点，才达到比较满意的效果，最终收获不到20%的跳出率

然而我想说的是，这只是术的层面，道的层面是在贯穿整合H5最核心的，用户洞察。找到用户痛点至少是痒点，才能成功的传播...我们这个H5也没有成功在这里

第一次答，手机答的，不知道怎么留链接，有想看H5的可以私我搜索一家公司：W 这家公司出的每一个专题都是精品，为大众点评做了很多个优秀的微信营销页面。