1.3 企业移动营销的落脚点——H5

移动营销具有如此多的优势，那么企业该如何做呢？当然，移动互联网为企业提供了很多营销工具，如APP、微信公众号等，但是，最方便快捷的莫过于H5（HTML5）了。

H5是伴随着移动互联网而兴起的一种新型营销工具，由于它是移动互联网的衍生物，所以也具有很多移动互联网的营销优势，如娱乐化、碎片化、社会化、互动性强等。如今，H5已经成为各行各业必不可少的营销工具，可以帮助企业更好地吸粉引流、销售产品。

1.3.1 H5营销的基本概念

H5营销如今是移动互联网中的热词，那么，H5营销究竟是什么，又有何特点？下面我们将深入地分析。

1.认识H5

首先，我们来解析一下H5这个词。“H”是指HTML，它是“超文本标记语言”（Hyper Text Markup Language）的英文单词缩写，简单来说，就是一种规范，一种标准。它以网页的形式呈现在我们面前，图1-14所示就是一个具有营销功能的淘宝HTML网页。

▲图1-14 淘宝HTML网页

H5中的“5”指的是“第5代”，其发展历程如图1-15所示。

▲图1-15 HTML的发展历程

其中，IETF（The Internet Engineering Task Force）指的是互联网工程任务组，是全球互联网最具权威的技术标准化组织。而W3C就是我们比较熟悉的万维网联盟，它在Web技术领域非常有权威和影响力。

对于H5开发人员来说，这些都是必修功课，但这里只是简单介绍一下。最早的HTML技术是从1991年开始被研究的，直到1993年才被正式推出。此后，HTML经历了数次的更新换代，其间出现了两种比较优秀的方案，那就是由WHATWG提出的Web Applications 1.0，以及由W3C提出的HTML2.0。最终，这两个大型互联网组织在2006年达成共识，共同推出全新的HTML技术，也就是现在的H5。

当然，H5在一开始并没有引起人们的关注，而是一直在进行优化升级。这个周期是相当漫长的，差不多经过了8年的时间，W3C才最终宣布HTML5标准规范制定完成，并面向全球开放。

HTML5主要对包括语义、离线与存储、设备访问、连接、多媒体、3D与图形、CSS3等在内的内容进行了规范，可以用于网页端与移动端的连接，让用户在移动互联网上也能轻松体验各种类似计算机桌面上的应用。

2.了解H5营销

当然，移动互联网技术的发展、智能手机的普及以及社交网络的成型等，都是推动HTML5火热的因素。同时，很多互联网企业看到了H5的商机，在其中加入了营销功能，这也让H5同APP一起，瞬间成了一种炙手可热的移动互联网营销工具。

图1-16所示为一个以“西装品牌推广”为主题的H5页面。

▲图1-16 以“西装品牌推广”为主题的H5页面

图1-17所示，这是一个以“爱情”为主题的H5页面，它采用动画的形式，很好地引发了人们的情感共鸣，抓住了观众的心。这种H5页面既适用于婚礼请柬，同时也可以作为情人节、七夕等节日的热点营销内容。

▲图1-17 以“爱情”为主题的H5页面

1.3.2 H5营销的主要功能

H5营销最主要的特点就是跨平台性和本地存储特性，如表1-1所示。

表1-1 H5营销的特点

可以说，H5技术的成熟，不但为移动互联网开辟了一种全新的营销方式，同时也推动了移动互联网的快速发展。

在营销方面，H5的主要功能如图1-18所示。

▲图1-18 H5的主要功能

了解了H5营销的前世今生后，下面我们来看看它的功能运用，分析一下H5场景为何有利于营销。H5营销是随着移动互联网的发展而发展的，但是作为一种新型的移动营销，其发展速度极快，在短时间内已经成为互联网的一大特色。对于企业而言，要想突破传统的营销方式，获得更好发展，那么就需要利用H5这种新的营销手段来开拓市场，抓住机遇。从用户的角度而言，H5直接影响着用户对于企业的相关认识，具体分析如图1-19所示。

▲图1-19 H5直接影响着用户对于企业的相关认识

H5营销之所以能够快速地提升影响力，是因为它具有不可忽视的功能优势，主要体现在图1-20所示的4个方面。

▲图1-20 H5营销的功能优势

1.全面立体的展示

H5的作用是对企业形象进行全面、立体的展示。企业形象主要体现在以下几个方面，如图1-21所示。

▲图1-21 企业形象的体现内容

在由多个要素组成的企业形象中，对于用户而言，产品形象和功能形象是他们最关注的，也是企业H5页面展示的重点。尽管H5的界面不大，但是能够通过多种导航条功能或者各种互动链接将内容全面而细致地体现出来。

2.随身携带很灵活

H5的主要载体是智能手机，而智能手机体积往往较小，能够被用户随身携带，也就为用户能够随时使用H5提供了途径。智能手机已经成为大众的普遍工具，并且向着更轻更薄更智能化的方向发展。

用户使用智能手机进行拍照、上网等行为十分常见，也就意味着用户会随时使用H5提供的服务。例如，企业在招聘人才时，就可以制作一个精美的H5页面来吸引求职者，图1-22所示为微客场景上的一个企业招聘H5模板。

▲图1-22 企业招聘H5模板

3.营销的交互性强

H5包括多种交互方式，如助力型游戏、节日型游戏、竞技型游戏、行业型游戏等，可以帮助企业更快地吸粉，如图1-23所示。

▲图1-23 节日型互动游戏

需要注意的是，对于H5营销而言，往往是多种营销方式并存于H5，通过环环相扣的营销互动形式来吸引用户。

4.增加产品销售额

H5营销的根本目标是增加产品销售额。需要注意的是，如果用网站建设的思维来定义H5页面，那么H5的主要作用就变成了信息展示平台，而不是一个增加产品销售额的途径。

图1-24所示为某化妆品的H5营销页面。它不但可以全方位地展示产品，让用户对企业产品产生浓厚的兴趣，还可以在页面尾端添加相关的店铺或者产品购买链接，让用户可以及时下单支付。

▲图1-24 通过H5页面推广和销售商品

1.3.3 H5的用户行为分析

为了让H5页面可以吸引用户点击和浏览，我们还需要分析移动互联网时代的用户行为特征，如图1-25所示。

▲图1-25 用户行为分析

当然，除此之外，还要善于引导用户分享H5页面。这样才能让你的H5营销效果最大化，如图1-26所示。

▲图1-26 可以通过二维码或者图示指引的方式引导用户分享H5页面

1.3.4 互联网巨头的H5布局

随着智能手机的功能越发强大，H5应用的数量快速增加，竞争也越来越激烈。百度、阿里巴巴、360、搜狐、腾讯等互联网巨头也纷纷推出不同的市场策略，争夺H5营销的高地。

1.百度

百度在H5方面的主要市场策略如下：

（1）收购91手机助手、安卓市场等移动APP分发平台。

（2）推出百度手机卫士、百度搜索等移动入口产品。

（3）重视HTML5平台的搭建，推出“百度H5”开发平台，向开发者和企业提供各种H5技术开放接口，如图1-27所示。

▲图1-27 “百度H5”开发平台

2.腾讯

移动应用在不断地连接“人”，创造一个个新的基于人的应用场景。腾讯拥有国内最大的社交移动入口，如微信、手机QQ、腾讯视频、腾讯游戏、腾讯手机卫士等都拥有庞大的用户群体。

同时，腾讯也通过微信公众平台构建了一个强大的轻应用平台——小程序。微信小程序可以说是一种极度轻化的APP，具有“即用即走，随手可得”的特点，使之成为用户的焦点，同时也是企业的流量源泉，开启了一个全新的移动智能时代。

从用户方面来看，微信中的小程序不仅仅是信息的展示工具，而更像是一个互动功能丰富的APP。比如，如果某用户需要点外卖，但是他（她）的手机里没有外卖软件，此时就可以通过微信小程序中的“饿了么”小程序来快速点餐，如图1-28所示。

▲图1-28 “饿了么”微信小程序

3.阿里巴巴

阿里巴巴在H5方面的主要市场策略如下：

（1）通过支付宝这个移动支付平台，基于其内部的H5搭建一座桥梁，来更好地连接企业和用户，如图1-29所示。

▲图1-29 支付宝中的H5页面

（2）阿里巴巴全资收购UC，成立UC移动事业群，同时将重心放在UC浏览器的H5轻应用上。企业和应用开发者可以通过这个平台共享UC浏览器的海量用户与移动端的巨大流量，为用户创造更好的上网体验。

1.3.5 H5对产业的改变

H5的兴起对于APP来说，是一种颠覆性的巨变，很多产业将会受其影响，如图1-30所示。当然，这其中有很多已经实现，而有一些还是猜想，我们可以拭目以待，看看哪些产业将被彻底颠覆。

▲图1-30 H5对产业的改变

总之，H5的发展与智能手机息息相关。通过手机这个媒介，H5还将和3D、AR、VR等先进技术相结合，为用户带来画面更加美观、互动更加精彩的移动体验，越来越多的厂商正积极布局该领域。未来，H5将会给企业和创业者带来更多的机会，同时会影响整个移动互联网的格局，使整个市场的状态呈现上升和良性的变化。