如何打造百萬、千萬級PV的H5？

轉載贊4 收藏16 評論

舉報 2015-09-22

掃描,分享朋友圈

來源：H5研究院（微信號：h5school）
原標題：才一年，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傳播量還有兩大重要因素：轉發率（內容）和打開率（標題和轉發文案）。

轉發率取決于內容，除了內容要貼合受眾場景，要有創意之外，最重要的是參與感。在ih5.cn統計的排名前1000個作品當中，傳播最廣的幾類：心靈雞湯、測試題、社交互動。前十名都在百萬以上，最高達5000萬傳播。雞湯能產生共鳴，測試題反饋結果，社交互動跟好友PK，這些都是參與感的體現。

打開率是非常重要的因素，但同時也是最難把控的。因為決定打開率的，就是短短幾十個字的標題和轉發文案，往往只能憑感覺而定。

以下提出一個解決思路，通過末位淘汰選出最佳H5轉發文案：

Step1 同一個H5設定5組標題和轉發文案，讓用戶每次轉發都等概率的出現一組文案。
Step2 每次用戶打開H5都記錄來源于哪種文案，在推廣開始一段時間后通過后臺數據監測，將瀏覽量來源最低的文案去掉。
Step3 每隔一段時間執行第二步操作，直到只剩下一組文案為止。

（備注：由于幾組文案都是同一個H5鏈接，只是參數不同。也就是說所有H5內容一樣，轉發率相同，而且每次轉發出現的文案是等概率的，因此瀏覽量就能確切反映打開率的高低。通過逐步淘汰低瀏覽量的方案就能得到最優方案。以上需要一點數學能力理解→_→）

整個過程需要一定復雜度的技術實現，不過已經被驗證可行。

除了提升H5本身的轉發率和打開率，渠道也是影響傳播的重大因素。

據不完全統計，H5推廣的方式有這些：微信公眾號、朋友圈、微信群、微信廣告、微博、LinkedIn、QQ群、QQ空間、新聞客戶端、App廣告、廣點通、線下海報……

其中效率最高的是微信群、朋友圈，公眾號效果取決于內容。

微信群推廣有幾點建議：

一般以工作屬性居多，適合貼近工作場景的H5推廣，比如一些2B產品的推廣。
內部員工是性價比最高的群渠道，設立一定的激勵機制，從內部拓展精準KOL是不錯的方法。
內容要好，頻率不宜過高，集中火力一次爆發。

朋友圈推廣則是生活屬性為主，有趣、好玩，有參與感是關鍵，據統計朋友圈分享最多的H5類型是測試題，排名前三的測試游戲（案例&數據來源：ih5.cn）：

算算你是靠什么吃飯的？ UV 49,955,986
測測二戰中你能當什么兵？ UV 7,358,480
測測你的新年運勢？ UV 4,032,529

公眾號沒什么好說的，看文案水平，不過可以告訴你的一個數據是，公眾號平均一個閱讀是1.2元，閱讀原文轉化是10%，H5只能掛閱讀原文鏈接或者二維碼，所以一個UV大概是12元！當然，如果內容很好，平均閱讀價格可以無限低，原文轉化可以提高到20%，加上公眾號一般都是精準人群，所以效果也是可以很好滴。通常2B企業會更適合這種方式，因為一般客單價大，對人群精準度要求較高。